.menu-panel{--menu-ease:cubic-bezier(.16,1,.3,1);--menu-in:.46s;--menu-out:.3s}@keyframes menu-panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes menu-panel-out{0%{transform:translate(0)}to{transform:translate(100%)}}.menu-panel[data-state=open]{animation:menu-panel-in var(--menu-in)var(--menu-ease)both}.menu-panel[data-state=closed]{animation:menu-panel-out var(--menu-out)cubic-bezier(.7,0,.84,0)both}@keyframes menu-bar-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes menu-bar-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.menu-panel[data-state=open] .menu-bar{animation:menu-bar-in var(--menu-in)var(--menu-ease)both}.menu-panel[data-state=closed] .menu-bar{animation:menu-bar-out var(--menu-out)cubic-bezier(.7,0,.84,0)both}@keyframes menu-veil-in{0%{opacity:0}to{opacity:1}}@keyframes menu-veil-out{0%{opacity:1}to{opacity:0}}.menu-veil[data-state=open]{animation:.4s ease-out both menu-veil-in}.menu-veil[data-state=closed]{animation:.26s ease-in both menu-veil-out}@keyframes menu-item-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.menu-panel[data-state=open] .menu-item{animation:menu-item-in .42s var(--menu-ease)both;animation-delay:calc(.11s + var(--i,0)*30ms)}.menu-icon{width:18px;height:12px;display:block;position:relative}.menu-icon__bar{border-radius:var(--radius-pill);background-color:currentColor;height:1.5px;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .18s;position:absolute;left:0;right:0}.menu-icon__bar:first-child{top:0}.menu-icon__bar:nth-child(2){top:5.25px}.menu-icon__bar:nth-child(3){bottom:0}[data-menu-open=true] .menu-icon__bar:first-child{transform:translateY(5.25px)rotate(45deg)}[data-menu-open=true] .menu-icon__bar:nth-child(2){opacity:0;transform:scaleX(.3)}[data-menu-open=true] .menu-icon__bar:nth-child(3){transform:translateY(-5.25px)rotate(-45deg)}@keyframes menu-icon-top-open{0%{transform:translateY(0)rotate(0)}to{transform:translateY(5.25px)rotate(45deg)}}@keyframes menu-icon-mid-open{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(.3)}}@keyframes menu-icon-bottom-open{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-5.25px)rotate(-45deg)}}.menu-panel[data-state=open] .menu-icon__bar:first-child{animation:menu-icon-top-open var(--menu-in)var(--menu-ease)both}.menu-panel[data-state=open] .menu-icon__bar:nth-child(2){animation:menu-icon-mid-open var(--menu-in)var(--menu-ease)both}.menu-panel[data-state=open] .menu-icon__bar:nth-child(3){animation:menu-icon-bottom-open var(--menu-in)var(--menu-ease)both}.menu-panel[data-state=closed] .menu-icon__bar:first-child{animation:menu-icon-top-open var(--menu-out)ease-in reverse both}.menu-panel[data-state=closed] .menu-icon__bar:nth-child(2){animation:menu-icon-mid-open var(--menu-out)ease-in reverse both}.menu-panel[data-state=closed] .menu-icon__bar:nth-child(3){animation:menu-icon-bottom-open var(--menu-out)ease-in reverse both}.menu-toggle{transition:border-color .2s,color .2s,transform .16s}.menu-toggle:active{transform:scale(.93)}@media (prefers-reduced-motion:reduce){.menu-panel[data-state=open],.menu-veil[data-state=open]{animation:.14s linear both menu-veil-in}.menu-panel[data-state=closed],.menu-veil[data-state=closed]{animation:.14s linear both menu-veil-out}.menu-panel .menu-bar,.menu-panel .menu-item,.menu-panel .menu-icon__bar{animation:none}.menu-icon__bar,.menu-toggle{transition:none}.menu-panel .menu-icon__bar:first-child{transform:translateY(5.25px)rotate(45deg)}.menu-panel .menu-icon__bar:nth-child(2){opacity:0}.menu-panel .menu-icon__bar:nth-child(3){transform:translateY(-5.25px)rotate(-45deg)}}