@layer components.components{[name=BurgerMenu]{align-items:center;background-color:var(--white);block-size:3rem;border:1.5px solid var(--white);border-radius:50%;cursor:pointer;display:inline-flex;flex:0 0 auto;flex-direction:column;inline-size:3rem;justify-content:center;position:relative;row-gap:.3125rem;transition:background-color var(--transition-speed) var(--transition-timing-function);z-index:4}@media screen and (min-width:1024px){[name=BurgerMenu]{display:none}}[name=BurgerMenu]:focus-visible{outline:.125rem solid var(--color-accent);outline-offset:.125rem}[name=BurgerMenu][aria-expanded=true]{background-color:var(--color-accent);border-color:var(--color-accent)}[name=BurgerMenu][aria-expanded=true] span{background-color:var(--white)}[name=BurgerMenu][aria-expanded=true] span:nth-child(1){transform:translateY(.4375rem) rotate(45deg)}[name=BurgerMenu][aria-expanded=true] span:nth-child(2){opacity:0}[name=BurgerMenu][aria-expanded=true] span:nth-child(3){transform:translateY(-.4375rem) rotate(-45deg)}[name=BurgerMenu] span{background-color:var(--dark);block-size:.125rem;border-radius:.125rem;display:block;inline-size:1.375rem;transition:background-color var(--transition-speed) var(--transition-timing-function),opacity var(--transition-speed) var(--transition-timing-function),transform var(--transition-speed) var(--transition-timing-function)}}