free-font-preview-card[data-astro-cid-rg7f2zak]{container-type:inline-size;display:block;position:relative;aspect-ratio:320 / 180;width:100%;max-width:320px;overflow:hidden;border-radius:.375rem;background-color:var(--color-bg-secondary, #f9fafb);border:1px solid var(--color-border-primary, #e5e7eb);transition:border-color .2s ease-out}free-font-preview-card[data-astro-cid-rg7f2zak]:hover,free-font-preview-card[data-astro-cid-rg7f2zak]:focus-within{border-color:var(--color-border-secondary, #d1d5db)}.ffp-thumbnail[data-astro-cid-rg7f2zak]{position:relative;width:100%;height:100%}.ffp-thumbnail[data-astro-cid-rg7f2zak] img[data-astro-cid-rg7f2zak]{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .15s ease-out;-webkit-user-drag:none;user-drag:none}@media(scripting:none){.ffp-thumbnail[data-astro-cid-rg7f2zak] img[data-astro-cid-rg7f2zak][data-ffp-img]{display:none}}free-font-preview-card[data-astro-cid-rg7f2zak][data-state=live] .ffp-thumbnail[data-astro-cid-rg7f2zak]{pointer-events:none}free-font-preview-card[data-astro-cid-rg7f2zak][data-state=live] .ffp-thumbnail[data-astro-cid-rg7f2zak] img[data-astro-cid-rg7f2zak]{opacity:0}.ffp-live[data-astro-cid-rg7f2zak]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1.5rem 1.25rem 1.5rem 1.875rem;opacity:0;visibility:hidden;transform:scale(.88);transition:opacity .25s ease-out,visibility .25s ease-out,transform .25s cubic-bezier(.34,1.56,.64,1);cursor:crosshair;user-select:text}free-font-preview-card[data-astro-cid-rg7f2zak][data-state=live] .ffp-live[data-astro-cid-rg7f2zak]{opacity:1;visibility:visible;transform:scale(1.03);pointer-events:auto}.ffp-live__content[data-astro-cid-rg7f2zak]{display:flex;flex-direction:column;gap:.25rem}.ffp-live__sample[data-astro-cid-rg7f2zak]{font-size:11cqi;line-height:1;color:var(--color-text-primary, #111827);letter-spacing:-.02em}.ffp-live__text[data-astro-cid-rg7f2zak]{font-size:3.125cqi;color:var(--color-text-secondary, #374151);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:left;opacity:.85}.ffp-live-indicator[data-astro-cid-rg7f2zak]{position:absolute;top:.625rem;right:.625rem;display:flex;align-items:center;gap:.375rem;padding:.125rem .5rem .125rem .375rem;font-family:var(--font-mono, ui-monospace, monospace);font-size:.5625rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-orange);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:2px;opacity:0;visibility:hidden;pointer-events:none;user-select:none;transition:opacity .15s ease-out,visibility .15s ease-out}free-font-preview-card[data-astro-cid-rg7f2zak][data-state=live] .ffp-live-indicator[data-astro-cid-rg7f2zak]{opacity:1;visibility:visible}.ffp-live-indicator__dot[data-astro-cid-rg7f2zak]{width:6px;height:6px;background-color:var(--color-accent-orange);border-radius:50%;animation:ffp-pulse 1.5s ease-in-out infinite;box-shadow:0 0 4px var(--color-accent-orange)}@keyframes ffp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.ffp-loading[data-astro-cid-rg7f2zak]{position:absolute;top:.5rem;right:.5rem;padding:.125rem .5rem;font-size:.625rem;font-family:var(--font-mono, ui-monospace, monospace);color:var(--color-text-muted, #4b5563);background-color:var(--color-bg-tertiary, #f3f4f6);border-radius:.25rem;opacity:0;visibility:hidden;transition:opacity .1s ease-out,visibility .1s ease-out}free-font-preview-card[data-astro-cid-rg7f2zak][data-state=warming] .ffp-loading[data-astro-cid-rg7f2zak]{opacity:1;visibility:visible}@media(pointer:coarse){.ffp-live[data-astro-cid-rg7f2zak]{display:none}free-font-preview-card[data-astro-cid-rg7f2zak][data-state=live] .ffp-thumbnail[data-astro-cid-rg7f2zak] img[data-astro-cid-rg7f2zak]{opacity:1}}@media(prefers-reduced-motion:reduce){free-font-preview-card[data-astro-cid-rg7f2zak],.ffp-thumbnail[data-astro-cid-rg7f2zak] img[data-astro-cid-rg7f2zak],.ffp-live[data-astro-cid-rg7f2zak],.ffp-loading[data-astro-cid-rg7f2zak],.ffp-live-indicator[data-astro-cid-rg7f2zak]{transition:none}.ffp-live[data-astro-cid-rg7f2zak]{transform:none}free-font-preview-card[data-astro-cid-rg7f2zak][data-state=live] .ffp-live[data-astro-cid-rg7f2zak]{transform:none}.ffp-live-indicator__dot[data-astro-cid-rg7f2zak]{animation:none}}