@layer equip{.eq-media-card{box-sizing:border-box;gap:var(--eq-space-2);min-width:0;padding:var(--eq-space-2);border:1px solid var(--eq-line);border-radius:var(--eq-radius-l);background:var(--eq-raised);color:var(--eq-ink);font:var(--eq-weight) var(--eq-text-m) / 1.35 var(--eq-font);text-align:start;cursor:pointer;transition:background-color var(--eq-dur) var(--eq-ease), border-color var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease);flex-direction:column;margin:0;text-decoration:none;display:flex}.eq-media-card[data-layout=row]{align-items:center;gap:var(--eq-space-3);flex-direction:row}@media (hover:hover){.eq-media-card:hover{border-color:var(--eq-line-strong);background:color-mix(in srgb, var(--eq-raised), var(--eq-ink) 4%)}}.eq-media-card:active:not(:disabled){scale:var(--eq-press)}.eq-media-card:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-media-card:disabled{opacity:.45;cursor:not-allowed}.eq-media-card-thumb{aspect-ratio:var(--_ratio,16 / 9);border-radius:var(--eq-radius-m);background:var(--eq-tint-strong);flex:none;order:-1;display:block;position:relative;overflow:hidden}.eq-media-card[data-layout=row] .eq-media-card-thumb{width:min(40%,160px)}.eq-media-card-thumb>:is(img,svg,picture,video,canvas){object-fit:cover;width:100%;height:100%;display:block}.eq-media-card-body{min-width:0;padding-inline:var(--eq-space-1);gap:2px;display:grid}.eq-media-card[data-layout=row] .eq-media-card-body{padding-inline:0}.eq-media-card-title{-webkit-line-clamp:2;line-clamp:2;font-weight:var(--eq-weight-strong);font-size:var(--eq-text-s);-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.eq-media-card-meta{color:var(--eq-ink-2);font-size:var(--eq-text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.eq-media-card-kind,.eq-media-card-duration{box-sizing:border-box;border-radius:var(--eq-radius-s);background:color-mix(in srgb, var(--eq-solid) 84%, transparent);height:20px;color:var(--eq-solid-ink);font:var(--eq-weight-strong) var(--eq-text-xs) / 1 var(--eq-font);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:3px;padding-inline:6px;display:inline-flex;position:absolute}.eq-media-card-kind{top:var(--eq-space-1);left:var(--eq-space-1)}.eq-media-card-kind[data-kind=live]{background:var(--eq-danger);color:var(--eq-solid-ink)}.eq-media-card-duration{right:var(--eq-space-1);bottom:var(--eq-space-1)}.eq-media-card-progress{background:linear-gradient(to right, var(--eq-solid) calc(var(--_watched) * 100%), transparent 0), color-mix(in srgb, var(--eq-solid-ink) 55%, transparent);height:3px;position:absolute;inset:auto 0 0}.eq-media-card-progress~.eq-media-card-duration{bottom:calc(var(--eq-space-1) + 3px)}.eq-media-card-duration:has(~.eq-media-card-progress){bottom:calc(var(--eq-space-1) + 3px)}.eq-media-card-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}