.vx-folder{--h:262;--gw:var(--vx-obj-w,180px);width:var(--gw);aspect-ratio:1/.72;flex:none;position:relative;container-type:inline-size}.vx-folder>*{position:absolute}.vx-folder__back{z-index:0;background:linear-gradient(180deg, var(--vx-frost-back-1) 0%, var(--vx-frost-back-2) 100%);box-shadow:inset 0 0 0 1px var(--vx-frost-edge);border-radius:0 6.5cqw 6cqw 6cqw;inset:13% 3% 7%;transform:translate(2px,2px)}.vx-folder__back:before{content:"";background:var(--vx-frost-back-1);clip-path:polygon(0 0,82% 0,100% 100%,0 100%);border-radius:5cqw 5cqw 0 0;width:42%;height:9cqw;position:absolute;bottom:100%;left:0}.vx-folder__paper{z-index:2;background-color:var(--vx-paper);transform-origin:50% 100%;background-image:linear-gradient(var(--vx-paper-line), var(--vx-paper-line)), linear-gradient(var(--vx-paper-line), var(--vx-paper-line)), repeating-linear-gradient(180deg, transparent 0 5.5cqw, var(--vx-paper-line) 5.5cqw calc(5.5cqw + 1px));width:42%;height:56%;transition:transform var(--vx-dur-5) var(--vx-ease);background-position:12% 12%,12% 22%,50% 88%;background-repeat:no-repeat;background-size:50% 1.6cqw,34% 1.2cqw,76% 64%;border-radius:3cqw;top:18%;left:15%;transform:rotate(-4deg);box-shadow:0 1px 2px #0000001f,0 6px 14px -6px #00000038;box-shadow:0 1px 2px lab(0% 0 0/.12),0 6px 14px -6px lab(0% 0 0/.22)}.vx-folder__paper.is-p2{filter:brightness(.985);top:20%;left:41%;transform:rotate(4deg)}.vx-folder__paper.is-photo{background:linear-gradient(#d7d7d7 0 55%,#b7b7b7 55%);background:linear-gradient(lab(86.08% -.0000298023 0) 0 55%,lab(74.48% -.0000298023 0) 55%)}.vx-folder__paper.is-photo:after{content:"";aspect-ratio:1;background:#f5f5f5;background:lab(96.52% -.0000298023 .0000119209);border-radius:50%;width:24%;position:absolute;top:14%;right:18%}.vx-folder__paper.is-code{--ink:#1b1a174d;background-image:linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--vx-paper-line), var(--vx-paper-line));background-position:14% 14%,26% 28%,26% 42%,14% 56%;background-size:40% 1.6cqw,28% 1.6cqw,46% 1.6cqw,30% 1.6cqw}.vx-folder__paper.is-grid{background-image:linear-gradient(#1b1a1714, #1b1a1714), repeating-linear-gradient(90deg, transparent 0 9cqw, var(--vx-paper-line) 9cqw calc(9cqw + 1px)), repeating-linear-gradient(180deg, transparent 0 5cqw, var(--vx-paper-line) 5cqw calc(5cqw + 1px));background-position:0 0;background-size:100% 5cqw,100% 100%,100% 100%}.vx-folder__paper.is-wave{background-image:repeating-linear-gradient(90deg,#1b1a1747 0 1.4cqw,#0000 1.4cqw 3cqw);background-position:50% 36%;background-size:80% 34%}.vx-folder__paper.is-slide{background-image:linear-gradient(#1b1a171f, #1b1a171f), linear-gradient(var(--vx-paper-line), var(--vx-paper-line));background-position:50% 30%,50% 70%;background-size:60% 22%,40% 1.6cqw}.vx-folder__paper.is-film{background-color:#292929;background-color:lab(16.48% 0 0);background-image:repeating-linear-gradient(#ebebeb 0 2cqw,#0000 2cqw 4.5cqw),repeating-linear-gradient(#ebebeb 0 2cqw,#0000 2cqw 4.5cqw),linear-gradient(160deg,#868686,#585858);background-image:repeating-linear-gradient(lab(93.04% .0000298023 -.0000119209) 0 2cqw,#0000 2cqw 4.5cqw),repeating-linear-gradient(lab(93.04% .0000298023 -.0000119209) 0 2cqw,#0000 2cqw 4.5cqw),linear-gradient(160deg,lab(55.92% -.0000298023 0),lab(37.36% .0000149012 -.00000596046));background-position:7% 0,93% 0,50%;background-repeat:repeat-y,repeat-y,no-repeat;background-size:2cqw 100%,2cqw 100%,64% 80%}.vx-folder.is-lift:hover .vx-folder__paper{transform:translateY(-3%)rotate(-5deg)}.vx-folder.is-lift:hover .vx-folder__paper.is-p2{transform:translateY(-3%)rotate(5deg)}.vx-folder__front{z-index:3;border:1px solid var(--vx-frost-edge);background:radial-gradient(120% 70% at 18% 0%, #ffffff59, transparent 55%), linear-gradient(172deg, var(--vx-frost-1) 0%, var(--vx-frost-2) 100%);-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);box-shadow:inset 0 1.5px 0 var(--vx-glass-hi), 0 3cqw 7cqw -3cqw var(--vx-frost-shadow);border-radius:5cqw 5cqw 7cqw 7cqw;justify-content:space-between;align-items:flex-end;padding:0 5.5cqw 5cqw;display:flex;inset:38% 0 0}@supports (color:lab(0% 0 0)){.vx-folder__front{background:radial-gradient(120% 70% at 18% 0%, lab(100% 0 0/.35), transparent 55%), linear-gradient(172deg, var(--vx-frost-1) 0%, var(--vx-frost-2) 100%)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.vx-folder__front{background:linear-gradient(172deg, var(--vx-frost-back-1), var(--vx-frost-back-2))}}.vx-folder.is-zip .vx-folder__front:after{content:"";background:repeating-linear-gradient(180deg, var(--vx-frost-glyph) 0 1.6cqw, transparent 1.6cqw 3.2cqw);border-radius:1cqw;width:4cqw;position:absolute;top:0;bottom:16cqw;left:14cqw}.vx-folder__tag{font:400 max(11px, 6cqw)/1 var(--vx-font-mono);white-space:nowrap;color:var(--vx-frost-tag-fg);background:var(--vx-frost-tag);box-shadow:inset 0 0 0 1px var(--vx-frost-edge);border-radius:99px;padding:2.6cqw 3.6cqw}.vx-folder__glyph{width:12cqw;height:12cqw;color:var(--vx-frost-glyph);position:absolute;top:6cqw;right:6cqw}.vx-folder__glyph svg{width:100%;height:100%;display:block}.vx-folder__faces{display:flex}.vx-folder__face{width:max(20px,13cqw);height:max(20px,13cqw);font:600 max(11px, 6.4cqw)/1 var(--vx-font-sans);color:var(--vx-avatar-fg);background:var(--vx-avatar-bg);box-shadow:0 0 0 1.5px var(--vx-frost-back-1);border-radius:50%;place-items:center;display:inline-grid}.vx-folder__face+.vx-folder__face{margin-left:-3cqw}.vx-folder__ink{z-index:1;pointer-events:none;width:100%;height:100%;inset:0;overflow:visible}.vx-folder__ink path{fill:none;stroke:var(--vx-ink-line);stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:reduce){.vx-folder__paper{transition:none}}