as-drawer{display:contents}.drawer__overlay{background:var(--as-color-overlay);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--as-time-s) ease;z-index:var(--as-index-overlay)}as-drawer[open] .drawer__overlay{opacity:1;pointer-events:auto}.drawer__panel{inset-block:0;max-width:100vw;position:fixed;transition:transform var(--as-time-m) ease;z-index:var(--as-index-modal)}as-drawer:not([side=right]) .drawer__panel{inset-inline-start:0;transform:translateX(-100%)}as-drawer[side=right] .drawer__panel{inset-inline-end:0;transform:translateX(100%)}as-drawer[open] .drawer__panel{transform:translateX(0)}@media (prefers-reduced-motion:reduce){.drawer__overlay,.drawer__panel{transition:none}}