.drawer{max-width:none;max-height:none;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));box-shadow:var(--shadow-drawer);transition:translate var(--transition-slow), opacity var(--transition-slow);border:0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed}.drawer::backdrop{opacity:0;transition:opacity var(--transition-slow);background-color:#00000073}.drawer.is-open::backdrop{opacity:1}.drawer--start,.drawer--end{block-size:100dvh;inline-size:min(var(--drawer-width,400px), 100vw - var(--space-2xl));inset-block:0}.drawer--start{inset-inline:0 auto;translate:-100%}.drawer--end{inset-inline:auto 0;translate:100%}.drawer--top{max-block-size:100dvh;inline-size:100%;inset-block-start:0;inset-inline:0;translate:0 -100%}.drawer--start.is-open,.drawer--end.is-open,.drawer--top.is-open{translate:0}.drawer__header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-block-end:var(--border-subtle);flex-shrink:0;display:flex}.drawer__title{font-size:var(--font-size-h5);margin:0}.drawer__close{border-radius:var(--radius-base);width:44px;height:44px;place-items:center;margin-inline-end:calc(var(--space-xs) * -1);display:grid}.drawer__body{overscroll-behavior:contain;padding:var(--space-lg);flex:1;padding-block-end:max(var(--space-lg), env(safe-area-inset-bottom));overflow-y:auto}.drawer__body--flush{padding:0}.drawer__footer{padding:var(--space-lg);border-block-start:var(--border-subtle);background-color:rgb(var(--color-background));flex-shrink:0;padding-block-end:max(var(--space-lg), env(safe-area-inset-bottom))}.drawer--search .drawer__body{padding-block-start:0}@media (prefers-reduced-motion:reduce){.drawer--start,.drawer--end,.drawer--top{translate:0}.drawer::backdrop{opacity:1}}