.drawer.svelte-1i4kukq{--edge:var(--space-3);--hidden:translateX(calc(100% + 20px));inset:calc(var(--edge) + var(--safe-top)) calc(var(--edge) + var(--safe-right)) calc(var(--edge) + var(--safe-bottom)) auto;width:320px;max-width:calc(100vw - 2 * var(--edge) - var(--safe-left) - var(--safe-right));overscroll-behavior:contain;scrollbar-width:thin;border-radius:var(--radius-window);background:var(--color-surface);height:auto;max-height:none;color:var(--color-text);box-shadow:var(--shadow-drawer);transition:transform var(--duration-slow) var(--ease), opacity var(--duration) var(--ease);border:0;margin:0;padding:0;font-size:.85em;position:fixed;overflow-y:auto}.drawer[open].svelte-1i4kukq{flex-direction:column;display:flex}.left.svelte-1i4kukq{--hidden:translateX(calc(-100% - 20px));inset:calc(var(--edge) + var(--safe-top)) auto calc(var(--edge) + var(--safe-bottom)) calc(var(--edge) + var(--safe-left))}.bottom.svelte-1i4kukq{--hidden:translateY(calc(100% + 20px));width:100%;max-width:520px;max-height:88vh;padding-bottom:var(--safe-bottom);border-radius:var(--radius-window) var(--radius-window) 0 0;box-shadow:var(--shadow-sheet);margin-inline:auto;inset:auto 0 0}.handle.svelte-1i4kukq{width:36px;height:4px;margin:var(--space-2) auto var(--space-1);border-radius:var(--radius-full);background:var(--color-handle);flex-shrink:0}.drawer[data-closing].svelte-1i4kukq{transform:var(--hidden);opacity:0}@starting-style{.drawer[open].svelte-1i4kukq{transform:var(--hidden);opacity:0}}.close.svelte-1i4kukq{top:var(--space-2-5);right:var(--space-2-5);z-index:1;border-radius:calc(var(--radius-window) - var(--space-2-5));width:32px;height:32px;color:inherit;opacity:.55;cursor:pointer;transition:background-color var(--duration-fast) var(--ease), opacity var(--duration-fast) var(--ease);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.close.svelte-1i4kukq:hover{background:color-mix(in srgb, currentColor 8%, transparent);opacity:1}@supports not (color:color-mix(in srgb, red, red)){.close.svelte-1i4kukq:hover{background:0 0}}@media (max-width:880px){.drawer.svelte-1i4kukq:not(.bottom){--edge:var(--space-2-5);width:80vw;max-width:300px}}