[data-tds=sidebar]{isolation:isolate;max-block-size:100dvh;inline-size:var(--tds-nav-side-width);background:var(--tds-surface-raised);color:var(--tds-fg-default);border-inline-end:var(--tds-border-width) solid var(--tds-border-default);flex-direction:column;align-self:stretch;display:flex;position:sticky;inset-block-start:0;overflow:hidden}[data-tds=sidebar][data-collapsed=true]{inline-size:var(--tds-nav-side-width-collapsed)}[data-tds=sidebar] [data-part=media]{z-index:-2;object-fit:cover;pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0}[data-tds=sidebar][data-has-media=true]:before{content:"";z-index:-1;background:color-mix(in oklch, var(--tds-surface-raised) 75%, transparent);pointer-events:none;position:absolute;inset:0}[data-tds=sidebar] [data-part=content]{gap:var(--tds-space-4);min-block-size:0;padding:var(--tds-space-4) var(--tds-space-3);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}[data-tds=sidebar][data-collapsed=true] [data-part=content]{align-items:center;padding-inline:0}[data-tds=sidebar] [data-part=header]{border-block-end:var(--tds-border-width) solid var(--tds-border-default);font-weight:var(--tds-font-weight-semibold);padding-block-end:var(--tds-space-3)}[data-tds=sidebar] [data-part=footer]{padding:var(--tds-space-3);border:var(--tds-border-width) solid var(--tds-border-default);border-radius:var(--tds-radius-md);background:var(--tds-surface-sunken);color:var(--tds-fg-muted);margin-block-start:auto}[data-tds=sidebar] .sidebar-nav{background:0 0;border:0;inline-size:100%;padding:0;overflow:visible}[data-tds=sidebar] .sidebar-nav [data-part=heading]{color:var(--tds-fg-muted)}[data-tds=sidebar][data-presentation=overlay]{z-index:calc(var(--tds-overlay-z-modal) + 1);inline-size:var(--tds-overlay-drawer-width-md);max-inline-size:86vw;box-shadow:var(--tds-elevation-2);transition:translate var(--tds-overlay-transition), visibility var(--tds-overlay-transition);border-inline-end:0;position:fixed;inset-block:0;inset-inline-start:0}[data-tds=sidebar][data-presentation=overlay][data-open=false]{visibility:hidden;translate:-100%}[data-tds=sidebar][data-presentation=overlay][data-open=true]{visibility:visible;translate:0}[dir=rtl] [data-tds=sidebar][data-presentation=overlay][data-open=false]{translate:100%}[data-tds=sidebar][data-presentation=overlay][data-side=end]{inset-inline:auto 0}[data-tds=sidebar][data-presentation=overlay][data-side=end][data-open=false]{translate:100%}[dir=rtl] [data-tds=sidebar][data-presentation=overlay][data-side=end][data-open=false]{translate:-100%}[data-tds=sidebar]:focus:not(:focus-visible){outline:none}[data-tds=sidebar-scrim]{z-index:var(--tds-overlay-z-modal);background:var(--tds-overlay-scrim);-webkit-backdrop-filter:blur(var(--tds-overlay-backdrop-blur));backdrop-filter:blur(var(--tds-overlay-backdrop-blur));position:fixed;inset:0}html[data-reduced-motion=true] [data-tds=sidebar]{transition:none}@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) [data-tds=sidebar]{transition:none}}@media print{[data-tds=sidebar][data-print=hide],[data-tds=sidebar-scrim]{display:none}}