@layer components{.c-toggle-button{align-items:center;background:var(--toggle-bg,var(--body-color));border-radius:var(--toggle-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:var(--toggle-z-index,200)}.c-toggle-button__content{transition:all .25s ease-in-out}.c-toggle-button:focus,.c-toggle-button:hover{--toggle-bg:var(--toggle-bg-active,#fff)}.c-toggle-button__icon{color:var(--toggle-icon-color,var(--brand-black))}.c-toggle-button:focus .c-toggle-button__icon,.c-toggle-button:hover .c-toggle-button__icon{color:var(--toggle-icon-color-active,var(--body-color))}.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-tooltip .c-toggle-button__line--y{transform:rotate(90deg)}@media only screen and (max-width:800px){.c-toggle-button{--toggle-icon-size:16px;--toggle-size:30px}}}