.stage[data-folders]{perspective:1200px;touch-action:pan-y;width:min(100%,56rem);height:22rem;position:relative;overflow-x:clip}[data-folders] .folder{--tint:var(--tint-l);--ink:var(--ink-l);--fold-shadow:0 1px 2px #1416220f, 0 6px 16px #14162214;--w:15rem;width:var(--w);height:12rem;margin:-6rem 0 0 calc(var(--w) / -2);transform-style:preserve-3d;transition:transform .72s var(--ease-out-sharp), opacity .72s var(--ease-out-sharp), filter .72s var(--ease-out-sharp);will-change:transform, opacity;position:absolute;top:50%;left:50%}.dark [data-folders] .folder{--tint:var(--tint-d);--ink:var(--ink-d);--fold-shadow:0 1px 2px #00000040, 0 8px 20px #0000004d}[data-folders] .folder[data-slot="0"]{z-index:3;transform:translate(0)scale(1)}[data-folders] .folder[data-slot="-1"]{z-index:2;transform:translate(-17rem)scale(.84)}[data-folders] .folder[data-slot="1"]{z-index:2;transform:translate(17rem)scale(.84)}[data-folders] .folder[data-slot="-2"]{opacity:0;filter:blur(2px);z-index:1;pointer-events:none;transform:translate(-20rem)scale(.6)rotate(-9deg)}[data-folders] .folder[data-slot="2"]{opacity:0;filter:blur(2px);z-index:1;pointer-events:none;transform:translate(20rem)scale(.6)rotate(9deg)}[data-folders] .folder[data-jump]{transition:none}[data-folders] .back{corner-shape:squircle;background:var(--tint);box-shadow:var(--fold-shadow);border-radius:0 1.2rem 1.2rem;position:absolute;inset:.7rem 0 0}[data-folders] .back:before{content:"";background:var(--tint);border-radius:.6rem .6rem 0 0;width:38%;height:1.1rem;position:absolute;bottom:100%;left:0}[data-folders] .back:after{content:"";background:radial-gradient(circle at 100% 0, transparent .6rem, var(--tint) calc(.6rem + .5px));width:.6rem;height:.6rem;position:absolute;bottom:100%;left:38%}[data-folders] .docs{position:absolute;inset:.75rem 1rem 0}[data-folders] .doc{left:calc(4% + var(--j) * 4.5%);top:calc(var(--j) * .35rem - .6rem);corner-shape:squircle;width:72%;height:9.5rem;transform:rotate(calc((var(--j) - 2) * 1.4deg));transition:transform .42s var(--ease-out-sharp), left .52s var(--ease-out-sharp), top .52s var(--ease-out-sharp);transition-delay:calc(var(--j) * 30ms);background:#fbfaf7;border-radius:.4rem;align-content:start;gap:.35rem;padding:.6rem .7rem;display:grid;position:absolute;box-shadow:0 1px 2px #00000014,0 4px 10px #00000014}.dark [data-folders] .doc{background:#e6e4dd}[data-folders] .doc-name{font-family:var(--font-display);color:#1d1c19;font-size:.6875rem;font-weight:500}[data-folders] .doc-line{background:color-mix(in srgb, var(--tint) 30%, #d9d6cd);border-radius:999px;height:.22rem}[data-folders] .doc-line.short{width:60%}[data-folders] .front{corner-shape:squircle;background:linear-gradient(180deg, #ffffff47, #fff0 34%), linear-gradient(160deg, #ffffff1a, #fff0 60%), color-mix(in srgb, var(--tint) 72%, transparent);backdrop-filter:blur(2.5px)saturate(1.4);color:var(--ink);transform-origin:50% 100%;transition:transform .46s var(--ease-out-sharp);border-radius:.9rem .9rem 1.2rem 1.2rem;align-content:center;place-items:center;gap:.4rem;display:grid;position:absolute;inset:3.3rem 0 0;transform:perspective(700px)rotateX(0);box-shadow:inset 0 1px #ffffff8c,inset 0 0 0 1px #ffffff2e,0 -1px #ffffff1a}[data-folders] .front svg{filter:drop-shadow(0 1px 1px #0000001f);width:2.6rem;height:2.6rem}[data-folders] .front-name{font-family:var(--font-display);letter-spacing:.01em;opacity:.92;font-size:.8125rem;font-weight:500}@media (hover:hover){[data-folders] .folder:is([data-slot="-1"],[data-slot="0"],[data-slot="1"]):hover .front{transform:perspective(700px)rotateX(-24deg)}[data-folders] .folder:is([data-slot="-1"],[data-slot="0"],[data-slot="1"]):hover .doc{transform:translate(calc((var(--j) - 2) * .8rem), calc(-1.1rem - var(--j) * .18rem)) rotate(calc((var(--j) - 2) * 2deg))}}[data-folders] .folder:is([data-slot="-1"],[data-slot="0"],[data-slot="1"])[data-open] .front{transform:perspective(700px)rotateX(-24deg)}[data-folders] .folder:is([data-slot="-1"],[data-slot="0"],[data-slot="1"])[data-open] .doc{transform:translate(calc((var(--j) - 2) * .8rem), calc(-1.1rem - var(--j) * .18rem)) rotate(calc((var(--j) - 2) * 2deg))}@media (width<=639px){.stage[data-folders]{height:16rem}[data-folders] .folder{--w:9.5rem;height:7.6rem;margin-top:-3.8rem}.folder[data-slot="-1"]{transform:translate(-6.8rem)scale(.7)}.folder[data-slot="1"]{transform:translate(6.8rem)scale(.7)}.folder[data-slot="-2"]{transform:translate(-7.6rem)scale(.45)rotate(-9deg)}.folder[data-slot="2"]{transform:translate(7.6rem)scale(.45)rotate(9deg)}[data-folders] .doc{height:6rem;padding:.45rem .5rem}[data-folders] .doc-name{font-size:.5625rem}[data-folders] .front{inset:2.3rem 0 0}[data-folders] .back{inset:.45rem 0 0}[data-folders] .front svg{width:1.7rem;height:1.7rem}[data-folders] .front-name{font-size:.6875rem}}@media (prefers-reduced-motion:reduce){[data-folders] .folder{transition:opacity .4s ease-out;filter:none!important}[data-folders] .front,[data-folders] .doc{transition:none}}