:root{--side-pane-default-width: 320px;--side-pane-scrubber-bonus: 70px}.od4-side-pane{position:absolute;inset-block-start:var(--spacing-120);inset-block-end:var(--spacing-200);width:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;transition:width var(--anim-medium) ease,min-width var(--anim-medium) ease,inset-inline-end var(--anim-medium) ease;background:var(--surface-background);-webkit-backdrop-filter:var(--effect-surface-background-blur);backdrop-filter:var(--effect-surface-background-blur);border-radius:var(--radius-3xlarge);box-shadow:inset 0 0 0 1px var(--surface-stroke-1),var(--shadow-8);isolation:isolate}.od4-side-pane.open{width:var(--side-pane-default-width);min-width:var(--side-pane-default-width)}@media (forced-colors: active){.od4-side-pane{border:2px solid CanvasText;box-shadow:none;background:Canvas}.od4-side-pane:not(.open){border:none}}