.folder-root{--folder-ground:#0000006b;--folder-ground-soft:#00000042;--folder-focus:#fff;width:var(--folder-w);height:calc(var(--folder-tab-h) + var(--folder-h));vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:inline-block;position:relative}.folder-root[data-theme=light]{--folder-ground:#18162829;--folder-ground-soft:#1816281a;--folder-focus:#18181b}.folder-stage{perspective:var(--folder-depth);perspective-origin:calc(var(--folder-w) / 2) calc(var(--folder-tab-h) + var(--folder-h) / 2);cursor:pointer;isolation:isolate;outline:none;position:absolute;inset:0}.folder-layer{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.folder-ground{z-index:1;width:var(--folder-w);pointer-events:none}.folder-root[data-mode=book] .folder-ground,.folder-cast{height:var(--folder-h);border-radius:var(--folder-front-radius);box-shadow:0 calc(1px * var(--folder-scale)) calc(2px * var(--folder-scale)) var(--folder-ground), 0 calc(10px * var(--folder-scale)) calc(28px * var(--folder-scale)) var(--folder-ground-soft)}.folder-cast{z-index:1;width:var(--folder-w);height:calc(var(--folder-h) - var(--folder-front-y) + var(--folder-tab-h));pointer-events:none}.folder-root[data-mode=flap] .folder-ground{height:calc(var(--folder-h) * .14);margin-top:calc(var(--folder-h) * -.07);background:var(--folder-ground);filter:blur(calc(var(--folder-h) * .05));border-radius:50%}.folder-back{z-index:4;width:var(--folder-w);height:calc(var(--folder-tab-h) + var(--folder-h))}.folder-back-fill{position:absolute;inset:0}.folder-gutter{top:var(--folder-tab-h);width:calc(12px * var(--folder-scale));opacity:var(--folder-gutter,0);background:linear-gradient(90deg,#0000001f,#0000);position:absolute;bottom:0;left:0}.folder-back-rim{pointer-events:none;position:absolute;inset:0;overflow:visible}.folder-focus{fill:none;stroke:none}.folder-stage:focus-visible .folder-focus{stroke:var(--folder-focus);stroke-width:2px}.folder-tab-text{height:var(--folder-tab-h);box-sizing:border-box;padding-top:calc(1px * var(--folder-scale));color:var(--folder-tab-ink);opacity:var(--folder-label,1);font-size:calc(10.5px * var(--folder-scale));letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;font-weight:600;line-height:1;display:flex;position:absolute;top:0;overflow:hidden}.folder-measure{visibility:hidden;pointer-events:none;width:auto;padding:0;left:0}.folder-item{z-index:10;width:var(--folder-doc-w);height:var(--folder-doc-h);border-radius:calc(7px * var(--folder-scale));background:var(--folder-paper);box-shadow:0 0 0 .5px #0000000f, 0 calc(1px * var(--folder-scale)) calc(2px * var(--folder-scale)) #0000001f, 0 calc((2px + var(--folder-lift,0) * 16px) * var(--folder-scale)) calc((5px + var(--folder-lift,0) * 26px) * var(--folder-scale)) rgba(0, 0, 0, calc(.1 + var(--folder-lift,0) * .14));outline:none;overflow:hidden}.folder-root[data-open] .folder-item{cursor:pointer}.folder-root[data-draggable] .folder-item{cursor:grab;touch-action:none}.folder-root[data-dragging],.folder-root[data-dragging] *{cursor:grabbing!important}.folder-item:focus-visible{outline:2px solid var(--folder-focus);outline-offset:3px}.folder-shade{z-index:39;width:var(--folder-w);height:var(--folder-front-h);border-radius:var(--folder-front-radius);filter:blur(calc(6px * var(--folder-scale)));opacity:0;pointer-events:none;background:linear-gradient(90deg,#00000057,#00000029)}.folder-front{z-index:40;width:var(--folder-w);height:var(--folder-front-h)}.folder-face{border-radius:var(--folder-front-radius);position:absolute;inset:0;overflow:hidden}.folder-face:after{content:"";border-radius:inherit;background:linear-gradient(rgba(255, 255, 255, var(--folder-glint,0)), rgba(255, 255, 255, var(--folder-glint,0))), rgba(0, 0, 0, var(--folder-dim,0));pointer-events:none;position:absolute;inset:0}.folder-face-inner,.folder-front[data-face=inner] .folder-face-outer{visibility:hidden}.folder-face-inner{left:-1px}.folder-front[data-face=inner] .folder-face-inner{visibility:visible}.folder-inner-gutter{width:calc(12px * var(--folder-scale));background:linear-gradient(90deg,#0000001f,#0000);position:absolute;top:0;bottom:0;left:0}.folder-root[data-variant=solid] .folder-back-fill,.folder-root[data-variant=solid] .folder-face-inner{background:linear-gradient(180deg, var(--folder-inside-top), var(--folder-inside-bottom))}.folder-root[data-variant=solid] .folder-face-outer{background:linear-gradient(160deg, var(--folder-front-top) 0%, var(--folder-base) 48%, var(--folder-front-bottom) 100%);box-shadow:inset 0 1px #ffffff47,inset 0 0 0 1px #ffffff0d}.folder-root[data-variant=glass] .folder-back-fill{background:linear-gradient(180deg, var(--folder-inside-top), var(--folder-inside-bottom))}.folder-root[data-variant=glass] .folder-face-outer,.folder-root[data-variant=glass] .folder-face-inner{background:linear-gradient(160deg, #ffffff57 0%, #ffffff14 46%, #ffffff29 100%), rgba(var(--folder-rgb), .24);-webkit-backdrop-filter:blur(var(--folder-frost)) saturate(1.8);backdrop-filter:blur(var(--folder-frost)) saturate(1.8);box-shadow:inset 0 0 0 1px #ffffff57,inset 0 1px #fff9}.folder-root[data-gl] .folder-face{visibility:hidden}.folder-glass{z-index:40;pointer-events:none;position:absolute}.folder-root[data-variant=matte] .folder-back-fill,.folder-root[data-variant=matte] .folder-face-inner{background:var(--folder-inside-bottom)}.folder-root[data-variant=matte] .folder-face-outer{background:var(--folder-base)}.folder-doc{box-sizing:border-box;gap:calc(6px * var(--folder-scale));height:100%;padding:calc(14px * var(--folder-scale)) calc(13px * var(--folder-scale));flex-direction:column;display:flex}.folder-doc-title{margin-bottom:calc(4px * var(--folder-scale));color:var(--folder-paper-text);font-size:calc(11px * var(--folder-scale));letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;overflow:hidden}.folder-doc-text{margin-top:calc(-6px * var(--folder-scale));margin-bottom:calc(4px * var(--folder-scale));color:var(--folder-paper-ink-strong);font-size:calc(9px * var(--folder-scale));line-height:1.3}.folder-doc-heading{width:56%;height:calc(7px * var(--folder-scale));margin-bottom:calc(4px * var(--folder-scale));background:var(--folder-paper-ink-strong);border-radius:999px;flex:none}.folder-doc-line{height:calc(4px * var(--folder-scale));background:var(--folder-paper-ink);border-radius:999px;flex:none}.folder-doc-block{height:calc(40px * var(--folder-scale));margin:calc(3px * var(--folder-scale)) 0;border-radius:calc(5px * var(--folder-scale));background:var(--folder-paper-ink);opacity:.75;flex:none}.folder-photo{inset:calc(5px * var(--folder-scale));border-radius:calc(3px * var(--folder-scale));position:absolute;overflow:hidden}.folder-photo img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}
