.scrim.svelte-uoov0r{position:fixed;inset:0;z-index:300;background:color-mix(in oklch,var(--ground) 62%,transparent);opacity:0;transition:opacity var(--dur-2) var(--ease)}.scrim.visible.svelte-uoov0r{opacity:1}.drawer.svelte-uoov0r{position:fixed;inset-block:0;right:0;z-index:301;width:min(var(--drawer-w),100%);display:flex;flex-direction:column;background:var(--panel);border-left:var(--hair) solid var(--edge-strong);box-shadow:var(--shadow-2);translate:100% 0;transition:translate var(--dur-3) var(--ease)}.drawer.visible.svelte-uoov0r{translate:0 0}header.svelte-uoov0r{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex:none;padding:var(--space-4);border-bottom:var(--hair) solid var(--edge);background:var(--panel-2)}.close.svelte-uoov0r{display:grid;place-items:center;width:2rem;height:2rem;flex:none;background:var(--panel);border:var(--hair) solid var(--edge);color:var(--ink-3);cursor:pointer;transition:color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.close.svelte-uoov0r:hover{color:var(--r3-ink);border-color:var(--r3)}.body.svelte-uoov0r{flex:1;overflow-y:auto;padding:var(--space-4)}footer.svelte-uoov0r{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex:none;padding:var(--space-3) var(--space-4);border-top:var(--hair) solid var(--edge);background:var(--panel-2)}@media (max-width: 40rem){.drawer.svelte-uoov0r{width:100%;border-left:0}}@media (prefers-reduced-motion: reduce){.drawer.svelte-uoov0r,.scrim.svelte-uoov0r{transition-duration:1ms}}