@layer components{.burger-button{--burger-button-position:relative;--burger-button-size:var(--spacing-m);--burger-button-display:block;--burger-button-grid-area:burger;--burger-button-line-position:absolute;--burger-button-line-color:var(--color-primary);--burger-button-line-color-active:var(--color-primary-dark);--burger-button-line-left:1px;--burger-button-line-height:3px;--burger-button-line-width:calc(var(--burger-button-size));--burger-button-line-animation-settings:var(--animation-duration-normal) var(--animation-easing-normal) 0s 1 normal forwards;--burger-button-line-border-radius:calc(var(--burger-button-line-height)/2);--burger-button-line-transition:background-color var(--animation-duration-fast) var(--animation-easing-normal);cursor:pointer;display:var(--burger-button-display);height:var(--burger-button-size);position:var(--burger-button-position);width:var(--burger-button-size)}[navigation-color=font] .burger-button,[navigation-color=primary] .burger-button,[navigation-color=secondary] .burger-button{--burger-button-line-color:var(--color-bg);--burger-button-line-color-active:var(--color-bg-o-75);--focus-outline-color:var(--color-bg)}.topbar[no-transitions] .burger-button{--animation-duration-normal:0s;--burger-button-line-transition:none!important}.burger-button:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.burger-button__line[line-position=top]{--burger-button-line-top:3px;--burger-button-line-animation:line-top-deactivate var(--burger-button-line-animation-settings)}.burger-button[aria-pressed=true] .burger-button__line[line-position=top]{--burger-button-line-top:3px;--burger-button-line-animation:line-top-activate var(--burger-button-line-animation-settings)}.burger-button__line[line-position=middle]{--burger-button-line-top:10px;--burger-button-line-animation:line-middle-deactivate var(--burger-button-line-animation-settings)}.burger-button[aria-pressed=true] .burger-button__line[line-position=middle]{--burger-button-line-top:10px;--burger-button-line-animation:line-middle-activate var(--burger-button-line-animation-settings)}.burger-button__line[line-position=bottom]{--burger-button-line-top:17px;--burger-button-line-animation:line-bottom-deactivate var(--burger-button-line-animation-settings)}.burger-button[aria-pressed=true] .burger-button__line[line-position=bottom]{--burger-button-line-top:17px;--burger-button-line-animation:line-bottom-activate var(--burger-button-line-animation-settings)}.burger-button__line{animation:var(--burger-button-line-animation);background-color:var(--burger-button-line-color);border-radius:var(--burger-button-line-border-radius);height:var(--burger-button-line-height);left:var(--burger-button-line-left);position:var(--burger-button-line-position);top:var(--burger-button-line-top);transition:var(--burger-button-line-transition);width:var(--burger-button-line-width)}.burger-button:is(:hover,:focus-visible){--burger-button-line-color:var(--burger-button-line-color-active)}@keyframes line-top-deactivate{0%{top:10px;transform:rotate(-45deg)}30%{top:10px;transform:rotate(0deg)}60%{top:10px}to{top:var(--burger-button-line-top)}}@keyframes line-top-activate{0%{top:var(--burger-button-line-top)}30%{top:10px}60%{top:10px;transform:rotate(0deg)}to{top:10px;transform:rotate(-45deg)}}@keyframes line-middle-deactivate{0%{opacity:0}30%{opacity:0}60%{opacity:1}to{opacity:1}}@keyframes line-middle-activate{0%{opacity:1}30%{opacity:1}60%{opacity:0}to{opacity:0}}@keyframes line-bottom-deactivate{0%{top:10px;transform:rotate(45deg)}30%{top:10px;transform:rotate(0deg)}60%{top:10px}to{top:var(--burger-button-line-top)}}@keyframes line-bottom-activate{0%{top:var(--burger-button-line-top)}30%{top:10px}60%{top:10px;transform:rotate(0deg)}to{top:10px;transform:rotate(45deg)}}@media screen and (width >= 1024px){.burger-button{--burger-button-display:none}}}