@layer components{.c-toggle-button{align-items:center;background:var(--toggle-bg,var(--brand-blue));border-radius:var(--toggle-border-radius,50%);display:flex;height:var(--api-toggle-size,var(--toggle-size,50px));justify-content:center;margin:0;position:relative;transition:all .25s ease;width:var(--api-toggle-size,var(--toggle-size,50px));z-index:var(--toggle-z-index,200)}.c-toggle-button:before{background:var(--toggle-icon-color,#fff);content:"";height:var(--toggle-icon-size,50%);-webkit-mask-image:url(../../../img/icons/plus.svg);mask-image:url(../../../img/icons/plus.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:relative;width:var(--toggle-icon-size,50%)}.c-toggle-button__content{transition:all .25s ease-in-out}.c-toggle-button:focus,.c-toggle-button:hover{--toggle-bg:var(--toggle-bg-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(--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-open .c-toggle-button:before{-webkit-mask-image:url(../../../img/icons/minus.svg);mask-image:url(../../../img/icons/minus.svg)}@media only screen and (max-width:800px){.c-toggle-button{--toggle-icon-size:0.75em;--toggle-size:30px}}}