:root{--hamburger-duration:300ms;--hamburger-delay:300ms;--hamburger-ease:cubic-bezier(0.23,1,0.32,1)}.hamburger{cursor:pointer}.hamburger__bar{position:relative;width:100%;height:2px;background-color:var(--foreground);transform:translateY(50%);transition:all var(--hamburger-duration)}.hamburger__bar:after,.hamburger__bar:before{content:"";position:absolute;left:0;width:100%;height:2px;background-color:var(--foreground)}.hamburger__bar:before{bottom:6px;transition:bottom var(--hamburger-duration) var(--hamburger-delay) var(--hamburger-ease),transform var(--hamburger-duration) var(--hamburger-ease)}.hamburger__bar:after{top:6px;transition:top var(--hamburger-duration) var(--hamburger-delay) var(--hamburger-ease),transform var(--hamburger-duration) var(--hamburger-ease)}.hamburger.is-open .hamburger__bar{background-color:transparent}.hamburger.is-open .hamburger__bar:before{bottom:0;transform:rotate(-45deg);transition:bottom var(--hamburger-duration) var(--hamburger-ease),transform var(--hamburger-duration) var(--hamburger-delay) var(--hamburger-ease)}.hamburger.is-open .hamburger__bar:after{top:0;transform:rotate(45deg);transition:top var(--hamburger-duration) var(--hamburger-ease),transform var(--hamburger-duration) var(--hamburger-delay) var(--hamburger-ease)}@media (prefers-reduced-motion:reduce){.hamburger__bar,.hamburger__bar:after,.hamburger__bar:before{transition:none!important}}