.klyp-MediaCard{border-radius:var(--r-card);background:var(--color-bg-surface);isolation:isolate;cursor:default;appearance:none;width:100%;height:100%;color:inherit;border:none;padding:0;font-family:inherit;display:block;position:relative;overflow:clip}.klyp-MediaCard[data-interactive]{cursor:pointer}.klyp-MediaCard:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;transition:box-shadow .18s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000}.klyp-MediaCard[data-interactive]:hover:after,.klyp-MediaCard[data-interactive]:focus-visible:after{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.klyp-MediaCard:focus-visible{outline:none}.klyp-MediaCard[data-selected]:after{box-shadow:inset 0 0 0 2px var(--color-status-success)}.klyp-MediaCard__image,.klyp-MediaCard__video{-o-object-fit:cover;object-fit:cover;border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.klyp-MediaCard__checkbox{top:var(--space-8);left:var(--space-8);z-index:3;background:color-mix(in srgb, var(--color-bg-surface) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0000;cursor:pointer;appearance:none;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .16s,background-color .16s,color .16s,transform .12s;display:flex;position:absolute}.klyp-MediaCard__checkbox>svg{pointer-events:none;width:14px;height:14px}.klyp-MediaCard__checkbox:hover{transform:scale(1.06)}.klyp-MediaCard:hover .klyp-MediaCard__checkbox,[data-selection-active] .klyp-MediaCard__checkbox,.klyp-MediaCard[data-selection-active] .klyp-MediaCard__checkbox{opacity:1}@media (hover:none){.klyp-MediaCard__checkbox{opacity:1}}.klyp-MediaCard__checkbox[data-selected]{opacity:1;background:var(--color-status-success);color:var(--color-bg-root)}.klyp-MediaCard__checkbox[data-selected]>svg{animation:.22s cubic-bezier(.34,1.56,.64,1) both klyp-MediaCard-tick-in}@media (prefers-reduced-motion:reduce){.klyp-MediaCard__checkbox{transition:none}.klyp-MediaCard__checkbox:hover{transform:none}.klyp-MediaCard__checkbox[data-selected]>svg{animation:none}}@keyframes klyp-MediaCard-tick-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.klyp-MediaCard__duration{left:var(--space-8);bottom:var(--space-8);z-index:3;padding:var(--space-4) var(--space-8);border-radius:var(--r-chip);background:color-mix(in srgb, var(--color-bg-surface) 60%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-fg-primary);font-family:var(--font-sans);font-size:var(--font-size-12);font-variant-numeric:tabular-nums;pointer-events:none;font-weight:500;line-height:1;position:absolute}