@layer components{.c-zoom-toggle{--zoom-button-size:45px;--zoom-button-gap:10px;--zoom-checkbox-inset:50% auto auto 0;--zoom-button-active-opacity:1;--zoom-button-disabled-opacity:0.5;--zoom-button-active-border-color:var(--brand-yellow);--zoom-button-disabled-border-color:#fff;color:var(--zoom-toggle-color,#fff);pointer-events:none}.c-zoom-toggle:has(.c-zoom-toggle__ui__element:checked){--zoom-checkbox-inset:50% 0 auto auto}.c-zoom-toggle__label{display:block;font-size:16px;font-variation-settings:"wght" 400}.c-zoom-toggle__ui{display:flex;gap:var(--zoom-button-gap);margin-top:20px;position:relative;width:calc(var(--zoom-button-size)*2 + var(--zoom-button-gap))}.c-zoom-toggle__ui__button{display:flex;--fa-display:flex;align-items:center;border-radius:50%;height:var(--zoom-button-size);justify-content:center;transition:.15s ease;transition-property:opacity,color,border;width:var(--zoom-button-size)}:where(.c-zoom-toggle__ui__button){border:1px solid;color:inherit}:where(.c-zoom-toggle__ui__button--zoom-in){border-color:var(--zoom-button-active-border-color);opacity:var(--zoom-button-active-opacity);pointer-events:all}:where(.c-zoom-toggle__ui__button--zoom-out){border-color:var(--zoom-button-disabled-border-color);opacity:var(--zoom-button-disabled-opacity);pointer-events:none}:where(.c-zoom-toggle:has(.c-zoom-toggle__ui__element:checked) .c-zoom-toggle__ui__button--zoom-in){border-color:var(--zoom-button-disabled-border-color);opacity:var(--zoom-button-disabled-opacity);pointer-events:none}:where(.c-zoom-toggle:has(.c-zoom-toggle__ui__element:checked) .c-zoom-toggle__ui__button--zoom-out){border-color:var(--zoom-button-active-border-color);opacity:var(--zoom-button-active-opacity);pointer-events:all}:where(.c-zoom-toggle:focus-within .c-zoom-toggle__ui__button),:where(.c-zoom-toggle:hover .c-zoom-toggle__ui__button){border-color:#fff}.c-zoom-toggle__ui__element{height:var(--zoom-button-size);inset:var(--zoom-checkbox-inset);opacity:0;pointer-events:all;position:absolute;transform:translateY(-50%);width:var(--zoom-button-size);z-index:1}.c-zoom-toggle__ui__element:hover{cursor:pointer}}