.drawer.svelte-1z01csw{z-index:-1;width:100%;height:100%;transition:z-index var(--duration)step-end;position:fixed;top:0;left:0}.drawer.open.svelte-1z01csw{z-index:99;transition:z-index var(--duration)step-start}.overlay.svelte-1z01csw{opacity:0;z-index:2;width:100%;height:100%;transition:opacity var(--duration)ease;background:#64646480;position:fixed;top:0;left:0}.drawer.open.svelte-1z01csw .overlay:where(.svelte-1z01csw){opacity:1}.panel.svelte-1z01csw{z-index:3;width:100%;height:100%;transition:transform var(--duration)ease;background:#fff;position:fixed;overflow:auto}.panel.left.svelte-1z01csw{left:0;transform:translate(-100%)}.panel.right.svelte-1z01csw{right:0;transform:translate(100%)}.panel.top.svelte-1z01csw{top:0;transform:translateY(-100%)}.panel.bottom.svelte-1z01csw{bottom:0;transform:translateY(100%)}.panel.left.size.svelte-1z01csw,.panel.right.size.svelte-1z01csw{max-width:var(--size)}.panel.top.size.svelte-1z01csw,.panel.bottom.size.svelte-1z01csw{max-height:var(--size)}.drawer.open.svelte-1z01csw .panel:where(.svelte-1z01csw){transform:translate(0)}