.drawer.svelte-1fdh22b.svelte-1fdh22b{position:fixed;top:0;left:0;height:100%;width:100%;z-index:-1;transition:z-index var(--duration) step-end;overflow:clip;pointer-events:none}.drawer.open.svelte-1fdh22b.svelte-1fdh22b{height:100%;width:100%;z-index:var(--zIndex);transition:z-index var(--duration) step-start;pointer-events:auto}.overlay.svelte-1fdh22b.svelte-1fdh22b{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;z-index:2;transition:opacity var(--duration) ease}.drawer.open.svelte-1fdh22b>.overlay.svelte-1fdh22b{opacity:1}.drawer.close.svelte-1fdh22b>.panel.svelte-1fdh22b{height:0;overflow:hidden}.panel.svelte-1fdh22b.svelte-1fdh22b{position:fixed;width:100%;--tw-bg-opacity:1;background-color:rgb(var(--color-surface) / var(--tw-bg-opacity));z-index:3;transition:transform var(--duration) ease,max-width var(--duration) ease,max-height var(--duration) ease;height:100%}.panel.left.svelte-1fdh22b.svelte-1fdh22b{left:0;transform:translate(-100%)}.panel.right.svelte-1fdh22b.svelte-1fdh22b{right:0;transform:translate(100%)}.panel.top.svelte-1fdh22b.svelte-1fdh22b{top:0;transform:translateY(-100%)}.panel.bottom.svelte-1fdh22b.svelte-1fdh22b{bottom:0;transform:translateY(100%)}.panel.left.size.svelte-1fdh22b.svelte-1fdh22b,.panel.right.size.svelte-1fdh22b.svelte-1fdh22b{max-width:var(--size)}.panel.top.size.svelte-1fdh22b.svelte-1fdh22b,.panel.bottom.size.svelte-1fdh22b.svelte-1fdh22b{max-height:var(--size)}.drawer.open.svelte-1fdh22b>.panel.svelte-1fdh22b{transform:translate(0)}