.ds-nav-content,.ds-nav-viewport{--ds-nav-out:.14s;--ds-nav-in:.22s;--ds-nav-morph:.32s;--ds-nav-travel:16px;--ds-nav-lift:8px;--ds-nav-rise-by:10px;--ds-nav-step:60ms;--ds-nav-ease-in:cubic-bezier(.32, .72, 0, 1);--ds-nav-ease-out:cubic-bezier(.4, 0, 1, 1)}[dir=rtl] .ds-nav-content,[dir=rtl] .ds-nav-viewport{--ds-nav-travel:-16px}.ds-nav-viewport{display:grid}.ds-nav-content{grid-area:1/1}.ds-nav-content[data-motion=to-start],.ds-nav-content[data-motion=to-end]{width:100%;position:absolute;top:0}:is(.ds-nav-content[data-motion=to-start]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.ds-nav-content[data-motion=to-end]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}:is(.ds-nav-content[data-motion=to-start]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.ds-nav-content[data-motion=to-end]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}@keyframes ds-nav-cross-in{0%{opacity:0;transform:translate3d(var(--ds-nav-from,0), 0, 0)}to{opacity:1;transform:none}}@keyframes ds-nav-cross-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate3d(var(--ds-nav-to,0), 0, 0)}}.ds-nav-content[data-motion]{will-change:transform, opacity}.ds-nav-content[data-motion=from-end],.ds-nav-content[data-motion=from-start]{animation:ds-nav-cross-in var(--ds-nav-in) var(--ds-nav-ease-in) both;animation-delay:calc(var(--ds-nav-out) / 2)}.ds-nav-content[data-motion=to-end],.ds-nav-content[data-motion=to-start]{animation:ds-nav-cross-out var(--ds-nav-out) var(--ds-nav-ease-out) both}.ds-nav-content[data-motion=from-end]{--ds-nav-from:var(--ds-nav-travel)}.ds-nav-content[data-motion=from-start]{--ds-nav-from:calc(var(--ds-nav-travel) * -1)}.ds-nav-content[data-motion=to-end]{--ds-nav-to:var(--ds-nav-travel)}.ds-nav-content[data-motion=to-start]{--ds-nav-to:calc(var(--ds-nav-travel) * -1)}@keyframes ds-nav-open{0%{opacity:0;transform:translate3d(0, calc(var(--ds-nav-lift) * -1), 0)}to{opacity:1;transform:none}}@keyframes ds-nav-close{0%{opacity:1;transform:none}to{opacity:0;transform:translate3d(0, calc(var(--ds-nav-lift) * -.5), 0)}}.ds-nav-viewport{transition-property:height;transition-duration:var(--ds-nav-morph);transition-timing-function:var(--ds-nav-ease-in);interpolate-size:allow-keywords}.ds-nav-viewport[data-state=open]{animation:ds-nav-open var(--ds-nav-in) var(--ds-nav-ease-in) both;will-change:transform, opacity}.ds-nav-viewport[data-state=closed]{animation:ds-nav-close var(--ds-nav-out) var(--ds-nav-ease-out) both}@keyframes ds-nav-rise{0%{opacity:0;transform:translate3d(0, var(--ds-nav-rise-by), 0)}to{opacity:1;transform:none}}.ds-nav-content:not([data-motion]) .ds-nav-rise{animation:ds-nav-rise var(--ds-nav-in) var(--ds-nav-ease-in) both;animation-delay:calc(var(--ds-nav-layer,0) * var(--ds-nav-step))}@media (prefers-reduced-motion:reduce){.ds-nav-content[data-motion],.ds-nav-viewport[data-state],.ds-nav-content:not([data-motion]) .ds-nav-rise{animation:none}.ds-nav-viewport{transition-property:none}}