.folder.svelte-1k3r0gg{--back:oklch(82% 0 0);--front-a:oklch(93% 0 0);--front-b:oklch(87% 0 0);--paper:oklch(100% 0 0);perspective:220px;width:48px;height:40px;transform-style:preserve-3d;flex-shrink:0;position:relative}.folder[style*=--h].svelte-1k3r0gg{--back:oklch(.8 .07 var(--h));--front-a:oklch(.92 .056 var(--h));--front-b:oklch(.87 .07 var(--h))}@media (prefers-color-scheme:dark){.folder.svelte-1k3r0gg{--back:oklch(36% 0 0);--front-a:oklch(48% 0 0);--front-b:oklch(40% 0 0);--paper:oklch(92% 0 0)}.folder[style*=--h].svelte-1k3r0gg{--back:oklch(.42 .06 var(--h));--front-a:oklch(.56 .07 var(--h));--front-b:oklch(.48 .07 var(--h))}}.back.svelte-1k3r0gg{background:var(--back);border-radius:3px 6px 6px;position:absolute;inset:6px 0 0}.tab.svelte-1k3r0gg{background:var(--back);border-radius:3px 5px 0 0;width:18px;height:7px;position:absolute;top:-5px;left:0}.card.svelte-1k3r0gg{background:var(--paper);width:30px;height:24px;transform:translateY(calc(var(--k) * -1.5px)) rotate(calc(var(--k) * 4deg));transition:transform .45s cubic-bezier(.34, 1.56, .64, 1) var(--d);border-radius:3px;flex-direction:column;gap:3px;margin-left:-15px;padding:5px;display:flex;position:absolute;bottom:6px;left:50%;box-shadow:0 0 0 .5px #0000001f,0 1px 2px #0000001f}.card.svelte-1k3r0gg span:where(.svelte-1k3r0gg){background:oklch(80% 0 0);border-radius:1px;height:2px}.card.svelte-1k3r0gg span:where(.svelte-1k3r0gg):first-child{background:oklch(55% 0 0);width:70%}.front.svelte-1k3r0gg{background:linear-gradient(180deg, var(--front-a), var(--front-b));transform-origin:50% 100%;border-radius:5px;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;position:absolute;inset:13px 0 0;box-shadow:inset 0 1px #ffffff80,0 -1px 3px #00000014}.open.svelte-1k3r0gg .front:where(.svelte-1k3r0gg),.group:hover .front.svelte-1k3r0gg,.group:focus-within .front.svelte-1k3r0gg{filter:brightness(1.04);transform:rotateX(-38deg)}.open.svelte-1k3r0gg .card:where(.svelte-1k3r0gg),.group:hover .card.svelte-1k3r0gg,.group:focus-within .card.svelte-1k3r0gg{transform:translateY(-9px) translateX(calc(var(--k) * 7px)) rotate(calc(var(--k) * 12deg))}