.cn-poster{flex-direction:column;gap:.625rem;min-width:0;display:flex;position:relative}.cn-poster__button{border-radius:var(--cn-radius-md);cursor:pointer;width:100%;transition:transform var(--cn-medium) var(--cn-ease);background:0 0;border:0;padding:0;display:block}.cn-poster__button:hover{transform:translateY(-.2rem)}.cn-poster__art{aspect-ratio:2/3;border-radius:var(--cn-radius-md);background:var(--cn-surface-2);display:block;position:relative;overflow:hidden}.cn-poster__art img{object-fit:cover;width:100%;height:100%}.cn-poster__fallback{font-family:var(--cn-font-display);letter-spacing:-.02em;text-align:left;color:#fff;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:1.15rem;font-weight:700;line-height:1.1;position:absolute;bottom:1rem;left:.875rem;right:.875rem}.cn-poster__badge{border-radius:var(--cn-radius-pill);color:var(--cn-warning);background:#000000a6;padding:.125rem .5rem;font-size:.7rem;font-weight:800;position:absolute;top:.5rem;left:.5rem}.cn-poster__corner{border-radius:var(--cn-radius-pill);background:var(--cn-accent);min-width:1.6rem;height:1.6rem;color:var(--cn-on-accent);justify-content:center;align-items:center;padding:0 .35rem;font-size:.75rem;font-weight:800;display:flex;position:absolute;bottom:.5rem;right:.5rem;box-shadow:0 .25rem .75rem #0006}.cn-poster__corner svg{stroke-width:3px;width:.95rem;height:.95rem}.cn-poster__progress{background:#ffffff40;height:.25rem;position:absolute;bottom:0;left:0;right:0}.cn-poster__progress span{background:var(--cn-accent);height:100%;display:block}.cn-poster__meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.cn-poster__title{text-overflow:ellipsis;white-space:nowrap;font-size:.925rem;font-weight:700;overflow:hidden}.cn-poster__sub{color:var(--cn-text-subtle);font-size:.8125rem}.cn-poster__actions{opacity:0;transition:opacity var(--cn-fast);position:absolute;top:.5rem;right:.5rem}.cn-poster:hover .cn-poster__actions,.cn-poster:focus-within .cn-poster__actions{opacity:1}:root[data-mode=mobile] .cn-poster__actions{display:none}:root[data-mode=mobile] .cn-poster__fallback{font-size:.85rem;bottom:.625rem;left:.5rem;right:.5rem}:root[data-mode=tv] .cn-poster__button:focus{box-shadow:none;transform:scale(1.05)}:root[data-mode=tv] .cn-poster__button:focus .cn-poster__art{box-shadow:0 0 0 .2rem var(--cn-text), 0 1rem 2.5rem var(--cn-shadow)}