[data-gf-box]:not([data-ready]){visibility:hidden}.gf-root{--k: 1;--gf-px: 0;--gf-py: 0;--gf-ease: cubic-bezier(.2, .8, .2, 1);--gf-out: cubic-bezier(.22, 1, .36, 1);--gf-hinge: 0deg;--gf-lift: 42px;--gf-spread: 0px;--gf-fan: 0deg;--gf-stack: 15px;--gf-ink: #141416;--gf-ink-desc: rgba(20, 20, 22, .78);--gf-mono: var(--font-mono, ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace);position:relative;display:block;width:calc(340px * var(--k));height:calc(326px * var(--k));font-family:var(--font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;isolation:isolate}.gf-root[data-tone=dark]{--gf-ink: #f5f5f7;--gf-ink-desc: rgba(245, 245, 247, .84)}.gf-root:hover,.gf-root:focus-within{--gf-hinge: -11deg;--gf-lift: -34px;--gf-spread: 8px;--gf-fan: 1.4deg;--gf-stack: 10px}.gf-root[data-open]{--gf-hinge: -24deg;--gf-lift: -96px;--gf-spread: 40px;--gf-fan: 5deg;--gf-stack: 30px}.gf-stage{position:absolute;left:0;top:0;width:340px;height:272px;transform-origin:0 0;transform:translateY(calc(54px * var(--k))) scale(var(--k))}.gf-shadow{position:absolute;left:-8px;right:-8px;bottom:-40px;height:128px;background:radial-gradient(closest-side,#1012184d,#10121824 55%,#10121800)}.gf-root[data-tone=dark] .gf-shadow{background:radial-gradient(closest-side,#0009,#00000047 55%,#0000)}.gf-back{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#f3f3f4,#e3e3e6)}.gf-root[data-tone=dark] .gf-back{background:linear-gradient(180deg,#2a2a2e,#121214)}.gf-art{position:absolute;left:-12px;top:-12px;width:364px;height:296px;max-width:none;object-fit:cover;transform:scale(1.02)}.gf-back-sheen{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff38,#fff0 22%),radial-gradient(120% 80% at 80% 0%,#ffffff29,#fff0 60%);pointer-events:none}.gf-rim{position:absolute;left:0;top:0;max-width:none;overflow:visible;pointer-events:none;fill:none}.gf-back-rim{width:340px;height:272px}.gf-back-rim path{stroke:#ffffff73;stroke-width:1}.gf-root[data-tone=dark] .gf-back-rim path{stroke:#ffffff29}.gf-files{position:absolute;inset:0;z-index:5;pointer-events:none;clip-path:inset(-400px -400px 10px -400px)}.gf-sheet-slot{display:contents}.gf-sheet{all:unset;box-sizing:border-box;position:absolute;left:34px;top:96px;width:272px;height:184px;border-radius:16px;overflow:hidden;cursor:pointer;pointer-events:auto;background:#1a1a1d;box-shadow:inset 0 1px #ffffffe6,0 0 0 .5px #0000001a,0 10px 26px -8px #0a0c1447;transform-origin:50% 100%;transform:translate(calc(var(--gf-jx) + var(--gf-slot) * var(--gf-spread)),calc(var(--gf-lift) + var(--gf-depth) * var(--gf-stack) * -1)) rotate(calc(var(--gf-jr) + var(--gf-slot) * var(--gf-fan)));transition:transform .7s var(--gf-out) calc(var(--gf-depth) * 30ms),box-shadow .4s var(--gf-ease);will-change:transform}.gf-root[data-tone=dark] .gf-sheet{box-shadow:inset 0 1px #ffffff24,0 0 0 .5px #ffffff14,0 12px 28px -8px #000000b3}.gf-root[data-open] .gf-sheet:hover,.gf-root[data-open] .gf-sheet:focus-visible{transform:translate(calc(var(--gf-jx) + var(--gf-slot) * var(--gf-spread)),calc(var(--gf-lift) + var(--gf-depth) * var(--gf-stack) * -1 - 18px)) rotate(calc(var(--gf-slot) * var(--gf-fan) * .6));box-shadow:inset 0 1px #ffffffe6,0 0 0 .5px #0000001a,0 22px 40px -12px #0a0c146b;transition-delay:0s}.gf-sheet:focus-visible{outline:2px solid #4c8dff;outline-offset:2px}.gf-sheet-art{position:absolute;left:0;top:0;width:272px;height:184px;max-width:none;object-fit:cover}.gf-sheet:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#0000006b,#0000 34%);box-shadow:inset 0 0 0 1px #fff3;pointer-events:none}.gf-sheet-head{position:absolute;left:14px;right:14px;top:11px;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:10px;white-space:nowrap}.gf-sheet-name{overflow:hidden;text-overflow:ellipsis;font-size:12.5px;font-weight:560;letter-spacing:-.005em;color:#fafafa}.gf-sheet-meta{flex:none;font-family:var(--gf-mono);font-size:10px;letter-spacing:.02em;color:#fafafaa8}.gf-front{position:absolute;left:0;top:74px;width:340px;height:198px;z-index:10;overflow:hidden;-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);transform-origin:50% 100%;transform:perspective(760px) rotateX(var(--gf-hinge));transition:transform .7s var(--gf-out);will-change:transform}.gf-tint{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff29,#ffffff80 42%,#fcfcfced)}.gf-root[data-tone=dark] .gf-tint{background:linear-gradient(180deg,#1212142e,#0e0e109e 46%,#08080af0)}.gf-spec{position:absolute;inset:-30%;background:radial-gradient(260px 200px at 50% 37%,#ffffff80,#fff0 70%);mix-blend-mode:soft-light;opacity:.9;transform:translate(calc(var(--gf-px) * 150px),calc(var(--gf-py) * 76px));transition:transform .8s var(--gf-out);will-change:transform;pointer-events:none}.gf-root[data-tone=dark] .gf-spec{mix-blend-mode:screen;opacity:.16}.gf-front-rim{width:340px;height:198px}.gf-front-rim path{stroke-width:2.4;transition:stroke-width .3s var(--gf-ease)}.gf-root[data-tone=dark] .gf-front-rim{opacity:.55}.gf-hit{all:unset;position:absolute;inset:0;z-index:1;cursor:pointer}.gf-hit:focus-visible~.gf-label .gf-title{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.gf-front:has(.gf-hit:focus-visible) .gf-front-rim path{stroke-width:5}.gf-label{position:absolute;left:28px;bottom:32px;z-index:2;display:flex;flex-direction:column;gap:4px;max-width:250px;pointer-events:none;color:var(--gf-ink)}.gf-title{font-size:18px;font-weight:500;line-height:1.15;letter-spacing:-.012em;text-wrap:balance}.gf-head{display:flex;flex-direction:column;gap:4px}.gf-desc{font-size:14px;line-height:1.38;letter-spacing:-.003em;color:var(--gf-ink-desc);text-wrap:pretty}.gf-root[data-describe] .gf-label{max-width:284px}.gf-root[data-describe=hover] .gf-label{display:grid}.gf-root[data-describe=hover] .gf-head,.gf-root[data-describe=hover] .gf-desc{grid-area:1 / 1;align-self:end;transition:opacity .45s var(--gf-out),translate .6s var(--gf-out)}.gf-root[data-describe=hover] .gf-desc{opacity:0;translate:0 8px}.gf-root[data-describe=hover]:is(:hover,:focus-within,[data-told]) .gf-head{opacity:0;translate:0 -8px}.gf-root[data-describe=hover]:is(:hover,:focus-within,[data-told]) .gf-desc{opacity:1;translate:none;transition-delay:.08s}.gf-root[data-describe=always] .gf-head{display:contents}.gf-root[data-describe=always] .gf-desc{order:1;margin-top:2px}@media(prefers-reduced-motion:reduce){.gf-root *,.gf-root *:before,.gf-root *:after{transition-duration:0s!important;transition-delay:0s!important}}
