.folder{--c:var(--folder-color,#2440c8);opacity:0;animation:.5s cubic-bezier(.22,.61,.36,1) forwards folder-in;animation-delay:calc(min(var(--i,0) * 80ms, .36s));padding:.5rem 1.75rem .5rem .25rem;transform:translateY(10px)}:where(.dark) .folder{--c:var(--folder-color-dark,var(--folder-color,#1b2e7a))}.folder:hover,.folder:focus-within,.folder[data-open=true]{z-index:1;position:relative}@keyframes folder-in{to{opacity:1;transform:translateY(0)}}.folder__link{display:block}.folder__scene{aspect-ratio:4/5;transition:transform .62s cubic-bezier(.22,.61,.36,1);position:relative;overflow:visible}.folder__wall{z-index:0;background:color-mix(in srgb, var(--c) 78%, black);border-radius:1.25rem;position:absolute;top:0;bottom:0;left:0;right:0}.folder__cover-layer{z-index:2;perspective:1000px;perspective-origin:58% 48%;position:absolute;top:0;bottom:0;left:0;right:0}.folder__cover{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:0;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 86%, white) 0%, var(--c) 100%);will-change:transform;border-radius:1.25rem;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff29}.folder__doc-layer{z-index:1;perspective:1000px;perspective-origin:58% 48%;transform-origin:35% 88%;transition:transform .45s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;bottom:0;left:0;right:0}.folder[data-peek=true] .folder__doc-layer{transform:translate(13%)rotate(3.5deg)}.folder__doc{transform-style:preserve-3d;transform-origin:50%;position:absolute;top:5%;bottom:5%;left:8%;right:8%}.folder__face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:1.1rem;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 18px 40px -18px #0d144666}:where(.dark) .folder__face{box-shadow:0 18px 40px -18px #0009}.folder__face--back{transform:rotateY(180deg)}.folder__stamp{transform-origin:50%;white-space:nowrap;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)rotate(90deg)}.folder__cover-stamp{transform:rotate(-3deg)}@media (prefers-reduced-motion:reduce){.folder{opacity:1;animation:none;transform:none}.folder__cover-layer,.folder__doc-layer{perspective:none}.folder *,.folder__scene{transition:none!important}.folder__cover{will-change:auto!important}.folder__stamp{transform:translateY(-50%)rotate(90deg)!important}.folder__cover-stamp{transform:rotate(-3deg)!important}}
/*# sourceMappingURL=05kis.98pkhxg.css.map*/