@layer components{.c-map-view-toggle{border:none;display:flex;overflow:hidden;padding:0;position:relative}.c-map-view-toggle__accessible-legend{inset:0;opacity:0;pointer-events:none;position:absolute}.c-map-view-toggle__option{--option-icon-background:var(--brand-blue);--option-text-color:var(--brand-navy);--option-border-color:transparent;--option-background-color:var(--brand-darker-grey);--option-transition:150ms;align-items:center;background-color:var(--option-background-color);border:1px solid var(--option-border-color);display:flex;flex:1;justify-content:center;min-height:50px;padding:10px 13px;position:relative;transition:var(--option-transition) ease;transition-property:background-color,border-color}.c-map-view-toggle__option:first-of-type{border-radius:5px 0 0 5px}.c-map-view-toggle__option:last-of-type{border-radius:0 5px 5px 0}.c-map-view-toggle__option:not(:has(.c-map-view-toggle__option__input:checked)):hover{--option-background-color:#e8e8e8}.c-map-view-toggle__option:has(.c-map-view-toggle__option__input:checked){--option-icon-background:var(--brand-yellow);--option-text-color:#fff;--option-border-color:var(--brand-blue);--option-background-color:var(--brand-navy)}.c-map-view-toggle__option:has(input[value=list]){--option-icon-url:url(../../../img/icons/list-view-icon.svg)}.c-map-view-toggle__option:has(input[value=map]){--option-icon-url:url(../../../img/icons/map-view-icon.svg)}.c-map-view-toggle__option__label{align-items:flex-start;color:var(--option-text-color);display:flex;font-size:1rem;font-weight:var(--font-weight-medium);gap:6px;line-height:1;transition:var(--option-transition) color ease}.c-map-view-toggle__option__label:before{background-color:var(--option-icon-background);content:"";display:block;height:16px;-webkit-mask:var(--option-icon-url) no-repeat;mask:var(--option-icon-url) no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:auto 100%;mask-size:auto 100%;min-width:20px;position:relative;top:.1em;transition:var(--option-transition) background-color ease;width:20px}.c-map-view-toggle__option__input{height:100%;opacity:0;position:absolute;width:100%}.c-map-view-toggle__option__input:hover{cursor:pointer}@media (min-width:1201px){.c-map-view-toggle__option{max-width:140px}}}