.klyp-PosterCard{gap:var(--space-6);width:100%;min-width:0;color:var(--color-fg-muted);text-align:start;cursor:pointer;transition:color var(--duration-fast) var(--easing-standard);background:0 0;border:0;flex-direction:column;padding:0;display:flex;position:relative}.klyp-PosterCard[data-static]{cursor:default}.klyp-PosterCard:focus-visible{outline:var(--bw-default) solid var(--color-ring);outline-offset:2px;border-radius:var(--r-section)}.klyp-PosterCard__media{inline-size:100%;aspect-ratio:var(--poster-card-ar,3/4);border-radius:var(--r-section);clip-path:inset(0 round var(--r-section));background:var(--color-bg-surface-solid);display:block;position:relative}.klyp-PosterCard__media:after{content:"";pointer-events:none;border-radius:inherit;transition:box-shadow var(--duration-normal) var(--easing-standard);position:absolute;inset:0}.klyp-PosterCard__media[data-aspect="1/1"]{aspect-ratio:var(--poster-card-ar,1/1)}.klyp-PosterCard__media[data-aspect="9/16"]{aspect-ratio:var(--poster-card-ar,9/16)}.klyp-PosterCard__media[data-aspect="16/9"]{aspect-ratio:var(--poster-card-ar,16/9)}.klyp-PosterCard__img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.klyp-PosterCard__fallback{background:linear-gradient(145deg, var(--color-bg-surface-solid) 0%, var(--color-bg-surface) 100%);position:absolute;inset:0}.klyp-PosterCard[data-caption=overlay] .klyp-PosterCard__caption{padding:var(--space-12);position:absolute;inset-block-end:0;inset-inline:0}.klyp-PosterCard[data-caption=overlay]{gap:0}.klyp-PosterCard[data-caption=overlay] .klyp-PosterCard__meta{color:var(--color-fg-primary)}.klyp-PosterCard__badge{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-bg-root) 55%, transparent);color:var(--color-fg-muted);font-family:var(--font-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;line-height:var(--line-height-tight);white-space:nowrap;display:inline-flex;position:absolute;inset-block-start:var(--space-12);inset-inline-start:var(--space-12)}.klyp-PosterCard__badge[data-icon]{cursor:grab;padding-inline-start:var(--space-6)}.klyp-PosterCard__badgeIcon{inline-size:var(--space-16);block-size:var(--space-16);margin-inline:calc((var(--space-10) - var(--space-16)) / 2);flex-shrink:0;display:block}.klyp-PosterCard__flag{max-inline-size:calc(100% - 2 * var(--space-12));pointer-events:none;align-items:center;display:inline-flex;position:absolute;inset-block-start:var(--space-12);inset-inline-end:var(--space-12)}.klyp-PosterCard__busy{max-inline-size:calc(100% - 2 * var(--space-12));padding:var(--padding-chip-y) var(--padding-chip-x);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-scrim-base) 72%, transparent);color:var(--color-scrim-on);font-family:var(--font-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;line-height:var(--line-height-tight);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:50%;overflow:hidden;transform:translate(-50%,-50%)}.klyp-PosterCard__caption{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.klyp-PosterCard__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-sans);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);overflow:hidden}.klyp-PosterCard__status{align-items:center;gap:var(--space-6);min-width:0;display:inline-flex}.klyp-PosterCard__meta{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--color-fg-muted);overflow:hidden}.klyp-PosterCard:not([data-static]):hover .klyp-PosterCard__media:after{box-shadow:inset 0 0 0 var(--bw-emphasis) var(--color-border-strong)}.klyp-PosterCard[data-selected] .klyp-PosterCard__media:after,.klyp-PosterCard[data-selected]:hover .klyp-PosterCard__media:after{box-shadow:inset 0 0 0 var(--bw-emphasis) var(--color-border-accent)}@media (hover:hover) and (pointer:fine){.klyp-PosterCard__img{transition:transform var(--duration-slow) var(--easing-standard)}.klyp-PosterCard:not([data-static]):hover .klyp-PosterCard__img{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.klyp-PosterCard:hover .klyp-PosterCard__img{transform:none}.klyp-PosterCard{transition-duration:0s}}