.mobile-menu-button{display:flex;flex-direction:column;align-items:flex-end}@media (min-width:812px){.mobile-menu-button{display:none}}.mobile-menu-button{padding:.5rem;margin:-.5rem;width:2.75rem;gap:6px}.mobile-menu-button .bar{height:2px;width:100%;transition:transform .1s ease-out,background-color .1s ease;background-color:rgb(var(--cl-foreground));will-change:transform;border-radius:1px}.mobile-menu-button .bar:first-child{transform-origin:top left}.mobile-menu-button .bar:last-child{transform-origin:bottom left}.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)}