@layer components{.c-toggle-button{align-items:center;background:var(--toggle-bg-color,transparent);border:var(--toggle-border-size,2px) solid var(--toggle-border-color,#fff);border-radius:50%;display:flex;height:var(--toggle-size,50px);justify-content:center;margin:0;position:relative;transition:all .25s ease;width:var(--toggle-size,50px);z-index:200}.c-toggle-button__content{transition:all .25s ease-in-out}.c-toggle-button:focus,.c-toggle-button:hover{--toggle-border-color:var(--toggle-border-color-active,var(--brand-yellow));--toggle-bg-color:var(--toggle-bg-color-active,var(--body-color))}.c-toggle-button__icon{color:var(--toggle-icon-color,#fff)}.c-toggle-button:focus .c-toggle-button__icon,.c-toggle-button:hover .c-toggle-button__icon{color:var(--toggle-icon-color-active,var(--brand-yellow))}.c-toggle-button__tray{opacity:0;pointer-events:none;position:absolute;transform-origin:bottom right;transition:all .25s ease;visibility:hidden;z-index:100}.c-toggle-button__icon{height:var(--toggle-icon-size,1.1em)}.c-toggle-button__line{transform-origin:center;transition:all .25s ease}.is-active .c-toggle-button__line--y,.is-open:not(.c-modal) .c-toggle-button__line--y{transform:rotate(90deg)}@media only screen and (max-width:800px){.c-toggle-button{--toggle-icon-size:var(--toggle-icon-size,0.75em);height:var(--toggle-size,40px);width:var(--toggle-size,40px)}}}