@property --m3-nd-drag{syntax:"*";inherits:false}@property --m3-nd-in-ease{syntax:"*";inherits:false}@property --m3-nd-in-dur{syntax:"*";inherits:false}@property --m3-nd-out-ease{syntax:"*";inherits:false}@property --m3-nd-out-dur{syntax:"*";inherits:false}@layer m3-components{.m3-navdrawer__scrim{inset:0;z-index:var(--md-sys-z-scrim);background:color-mix(in srgb,var(--md-sys-color-scrim) calc(var(--md-sys-opacity-scrim) * 100%),transparent);touch-action:none;overscroll-behavior:none;position:fixed;inset-inline-end:calc(-1 * var(--scrollbar-width,0px))}.m3-navdrawer__scrim[data-state=open]{animation:m3-nd-fade var(--md-sys-motion-dur-large) linear both}.m3-navdrawer__scrim[data-state=closed]{animation:m3-nd-fade-out var(--md-sys-motion-dur-large-out) linear both}.m3-navdrawer{--_w:calc(min(360px, 100vw - 56px));--_pad:28px;z-index:var(--md-sys-z-modal);inline-size:var(--_w);box-sizing:border-box;color:var(--md-sys-color-on-surface);padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);touch-action:pan-y;-webkit-user-select:none;user-select:none;transform:translateX(var(--m3-nd-drag,0));transition:transform var(--md-sys-motion-t-large);border-start-end-radius:var(--md-sys-shape-corner-large);border-end-end-radius:var(--md-sys-shape-corner-large);outline:none;flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.m3-navdrawer: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)){padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) 0}.m3-navdrawer:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:var(--md-sys-color-surface-container-low);position:absolute;inset:0;inset-inline-start:-48px}.m3-navdrawer[data-dragging]{transition:none}.m3-navdrawer__anchor{block-size:0;inline-size:0;position:absolute}.m3-navdrawer[data-state=open]{animation:m3-nd-in var(--m3-nd-in-dur,var(--md-sys-motion-dur-large)) var(--m3-nd-in-ease,var(--md-sys-motion-ease-emph-enter)) both}.m3-navdrawer[data-state=closed]{animation:m3-nd-out var(--m3-nd-out-dur,var(--md-sys-motion-dur-large-out)) var(--m3-nd-out-ease,var(--md-sys-motion-ease-emph-exit)) both}.m3-navdrawer: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))[data-state=open]{animation-name:m3-nd-in-rtl}.m3-navdrawer: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))[data-state=closed]{animation-name:m3-nd-out-rtl}:root[data-motion=reduce] .m3-navdrawer[data-state]{animation:m3-nd-hold var(--md-sys-motion-dur-medium) both}:root[data-motion=reduce] .m3-navdrawer[data-state=open]:before,:root[data-motion=reduce] .m3-navdrawer[data-state=open]>*{animation:m3-nd-fade var(--md-sys-motion-t-fx-medium) both}:root[data-motion=reduce] .m3-navdrawer[data-state=closed]:before,:root[data-motion=reduce] .m3-navdrawer[data-state=closed]>*{animation:m3-nd-fade-out var(--md-sys-motion-t-fx-micro) both}@media (prefers-reduced-motion:reduce){:root .m3-navdrawer[data-state]{animation:m3-nd-hold var(--md-sys-motion-dur-medium) both}:root .m3-navdrawer[data-state=open]:before,:root .m3-navdrawer[data-state=open]>*{animation:m3-nd-fade var(--md-sys-motion-t-fx-medium) both}:root .m3-navdrawer[data-state=closed]:before,:root .m3-navdrawer[data-state=closed]>*{animation:m3-nd-fade-out var(--md-sys-motion-t-fx-micro) both}}.m3-navdrawer__head{align-items:center;gap:var(--md-sys-space-3);min-block-size:64px;padding:var(--md-sys-space-2) var(--_pad);border-block-end:var(--md-sys-border-thin) solid transparent;transition:border-color var(--md-sys-motion-t-fx-small);flex:none;display:flex}.m3-navdrawer__head[data-edge]{border-block-end-color:var(--md-sys-color-outline-variant)}.m3-navdrawer__mark{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-primary);block-size:32px;inline-size:32px;color:var(--md-sys-color-on-primary);--m3-icon-size:20px;flex:none;place-items:center;display:grid}.m3-navdrawer__headline{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.m3-navdrawer__list{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-block-size:0;overflow:hidden auto}.m3-navdrawer__inner{padding-block:var(--md-sys-space-1) var(--md-sys-space-2);display:block}.m3-navdrawer__block{flex-direction:column;gap:2px;display:flex}.m3-navdrawer__divider{margin:var(--md-sys-space-2) var(--_pad);block-size:var(--md-sys-border-thin);background:var(--md-sys-color-outline-variant)}.m3-navdrawer__label{padding:var(--md-sys-space-3) var(--_pad) var(--md-sys-space-2);color:var(--md-sys-color-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.m3-navdrawer__divider+.m3-navdrawer__block>.m3-navdrawer__label{padding-block-start:var(--md-sys-space-2)}.m3-navdrawer__item{--_fg:var(--md-sys-color-on-surface-variant);--m3-icon-size:var(--md-sys-size-icon);--m3-sl:var(--md-sys-color-on-surface);isolation:isolate;align-items:center;gap:var(--md-sys-space-3);box-sizing:border-box;min-block-size:max(var(--md-sys-size-list-item),44px);margin-inline:var(--md-sys-space-3);border-radius:var(--md-sys-shape-corner-full);color:var(--_fg);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--md-sys-motion-t-fx-small),background-color var(--md-sys-motion-t-fx-small);outline:none;padding-inline:16px 24px;text-decoration:none;display:flex;position:relative}.m3-navdrawer__item[data-active]{--_fg:var(--md-sys-color-on-secondary-container);--m3-sl:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);font-weight:600}.m3-navdrawer__item:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:var(--m3-sl);opacity:0;transition:opacity var(--md-sys-motion-t-state);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.m3-navdrawer__item:hover:before{opacity:var(--md-sys-state-hover-opacity)}}.m3-navdrawer__item:active:before{opacity:var(--md-sys-state-pressed-opacity);transition-duration:0s}.m3-navdrawer__item:focus-visible{outline:var(--md-sys-focus-width) solid var(--md-sys-focus-color);outline-offset:var(--md-sys-focus-offset)}.m3-navdrawer__text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.m3-navdrawer__badge{font:500 14px/20px var(--md-ref-typeface-brand);letter-spacing:.1px;font-variant-numeric:tabular-nums;flex:none;margin-inline-start:auto}.m3-navdrawer__foot{padding:var(--md-sys-space-2) var(--md-sys-space-3) var(--md-sys-space-3);border-block-start:var(--md-sys-border-thin) solid var(--md-sys-color-outline-variant);flex:none}@keyframes m3-nd-in{0%{transform:translate(-100%)}}@keyframes m3-nd-in-rtl{0%{transform:translate(100%)}}@keyframes m3-nd-out{to{transform:translate(-100%)}}@keyframes m3-nd-out-rtl{to{transform:translate(100%)}}@keyframes m3-nd-hold{0%,to{translate:0}}@keyframes m3-nd-fade{0%{opacity:0}}@keyframes m3-nd-fade-out{to{opacity:0}}@media (forced-colors:active){.m3-navdrawer{border:var(--md-sys-border-thin) solid CanvasText}.m3-navdrawer__item[data-active]{outline:2px solid highlight}}}@layer m3-density{:root[data-density=compact] .m3-navdrawer{--_pad:20px}:root[data-density=compact] .m3-navdrawer__item{padding-inline:12px 16px}}