.rui-drawer { position: fixed; inset: 0; z-index: var(--rui-z-modal, 1300); display: flex; }
.rui-drawer[hidden] { display: none; }
.rui-drawer__backdrop { position: absolute; inset: 0; background: var(--rui-drawer-backdrop, color-mix(in srgb, var(--rui-color-text) 42%, transparent)); }
.rui-drawer__panel { position: relative; z-index: 1; width: min(var(--rui-drawer-width, 20rem), 90vw); height: 100%; overflow: auto; background: var(--rui-color-surface, Canvas); color: var(--rui-color-on-surface, CanvasText); box-shadow: var(--rui-shadow-lg, var(--rui-shadow-overlay)); }
.rui-drawer[data-side="right"] { justify-content: flex-end; }
.rui-drawer[data-variant="persistent"] { position: relative; z-index: auto; display: block; }
.rui-drawer[data-variant="persistent"] .rui-drawer__backdrop { display: none; }
.rui-drawer[data-variant="persistent"] .rui-drawer__panel { width: var(--rui-drawer-width, 20rem); box-shadow: none; border-inline-end: 1px solid var(--rui-color-divider, var(--rui-color-border-subtle)); }
body[data-rui-drawer-open="true"] { overflow: hidden; }