.mobile-menu-button{flex-direction:column;align-items:flex-end;display:flex}@media (min-width:812px){.mobile-menu-button{display:none}}.mobile-menu-button{gap:6px;width:2.75rem;margin:-.5rem;padding:.5rem}.mobile-menu-button .bar{background-color:rgb(var(--cl-foreground));will-change:transform;border-radius:1px;width:100%;height:2px;transition:transform .1s ease-out,background-color .1s}.mobile-menu-button .bar:first-child{transform-origin:0 0}.mobile-menu-button .bar:last-child{transform-origin:0 100%}.mobile-menu-button.is-open .bar:first-child{transform:rotate(45deg)translateY(-8px)}.mobile-menu-button.is-open .bar:nth-child(2){display:none}.mobile-menu-button.is-open .bar:last-child{transform:rotate(-45deg)translateY(8px)}