.figure-folder{--figure-folder-height:360px;--folder-red:#d50b4b;--folder-flap:linear-gradient(135deg, #ff7e43 0%, #f20d55 100%);--folder-paper-shadow:0 8px 24px #0000001a;--folder-ease:cubic-bezier(.22, .7, .25, 1);--folder-opening:1.1s;min-width:0;height:var(--figure-folder-height);padding-bottom:var(--fa-space-6);color:var(--fa-foreground);justify-content:center;align-items:flex-end;display:flex;container-type:inline-size}.folder-body{--reach:min(144px, calc(50cqw - 82px));--rise:min(190px, calc(66cqw - 108px));transform:scale(1.05)}.figure-folder[data-fan=fixed] .folder-body{--reach:144px;--rise:190px}.folder-back{background:var(--folder-red);border-radius:0 var(--fa-radius-panel) var(--fa-radius-panel);width:248px;height:150px;transition:transform .9s var(--folder-ease);position:relative}.folder-tab{border-radius:var(--fa-radius-control) var(--fa-radius-control) 0 0;background:var(--folder-red);width:62px;height:18px;position:absolute;bottom:98%;left:0}.folder-papers{margin:0;padding:0;list-style:none;position:absolute;inset:0}.folder-paper{z-index:2;border-radius:var(--fa-radius-panel);background:var(--fa-background);width:132px;height:118px;box-shadow:var(--folder-paper-shadow);transform:translate(-50%, var(--shut-y));transition:transform var(--folder-opening) var(--folder-ease);padding:14px;position:absolute;bottom:10%;left:50%}.folder-paper h3{gap:var(--fa-space-2);margin:0 0 var(--fa-space-2);align-items:center;font-size:11px;font-weight:600;display:flex}.folder-paper h3 svg{color:var(--fa-muted-foreground);flex-shrink:0}.folder-paper dl{margin:0;font-size:9px}.folder-paper dl>div{gap:var(--fa-space-1);border-top:1px solid var(--fa-border);padding:var(--fa-space-1) 0;display:flex}.folder-paper dt{color:var(--fa-muted-foreground)}.folder-paper dd{white-space:nowrap;font-variant-numeric:tabular-nums;margin:0 0 0 auto;font-weight:600}.folder-flap{z-index:3;transform-origin:bottom;border-radius:var(--fa-radius-control) var(--fa-radius-panel) var(--fa-radius-panel);background:var(--folder-flap);transition:transform var(--folder-opening) var(--folder-ease);position:absolute;inset:0}.folder-body[data-open=true] .folder-back{transform:translateY(-8px)}.folder-body[data-open=true] .folder-paper{transform:translate(calc(-50% + var(--side) * var(--reach)), calc(-1 * var(--rise))) rotate(calc(var(--side) * 4deg))}.folder-body[data-open=true] .folder-flap{transform:skew(calc(var(--direction) * 15deg)) scaleY(.6)}@media (prefers-reduced-motion:reduce){.folder-paper{transform:translate(calc(-50% + var(--side) * var(--reach)), calc(-1 * var(--rise))) rotate(calc(var(--side) * 4deg))}.folder-flap{transform:skew(calc(var(--direction) * 15deg)) scaleY(.6)}}@media (width<=600px){.figure-folder[data-fan=container] .folder-body{--reach:calc(33.333cqw - 8px);--rise:160px}.figure-folder[data-fan=container] .folder-paper{width:110px;height:110px;padding:9px}.figure-folder[data-fan=container] .folder-paper h3{gap:5px;font-size:10px}.figure-folder[data-fan=container] .folder-paper h3 svg{width:16px}}
