.cn-wide{border-radius:var(--cn-radius-lg);text-align:left;cursor:pointer;min-width:0;transition:transform var(--cn-medium) var(--cn-ease);background:0 0;border:0;flex-direction:column;gap:.75rem;padding:0;display:flex}.cn-wide:hover{transform:translateY(-.2rem)}.cn-wide__art{aspect-ratio:16/9;border-radius:var(--cn-radius-lg);background:var(--cn-surface-2);transition:box-shadow var(--cn-medium) var(--cn-ease);display:block;position:relative;overflow:hidden}.cn-wide__art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cn-wide--selected .cn-wide__art{box-shadow:0 0 0 3px var(--cn-accent)}.cn-wide__shade{background:linear-gradient(#0000,#000000bf);position:absolute;inset:40% 0 0}.cn-wide__title{font-family:var(--cn-font-display);letter-spacing:-.03em;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:1.6rem;font-weight:700;line-height:1.05;position:absolute;bottom:1.75rem;left:1.25rem;right:1.25rem;overflow:hidden}.cn-wide__number{border-radius:var(--cn-radius-xs);background:#0009;padding:.125rem .5rem;font-size:.75rem;font-weight:800;position:absolute;top:.625rem;left:.625rem}.cn-wide__watched{background:var(--cn-accent);width:1.6rem;height:1.6rem;color:var(--cn-on-accent);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.625rem;right:.625rem}.cn-wide__watched svg{stroke-width:3px;width:.95rem;height:.95rem}.cn-wide__progress{border-radius:var(--cn-radius-pill);background:#ffffff38;height:.25rem;position:absolute;bottom:.875rem;left:1.25rem;right:1.25rem;overflow:hidden}.cn-wide__progress span{background:var(--cn-accent);height:100%;display:block}.cn-wide__meta{flex-direction:column;gap:.15rem;min-width:0;display:flex}.cn-wide__line1{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.cn-wide__line2{color:var(--cn-text-subtle);font-size:.825rem}.cn-wide__art:has(.cn-wide__number) .cn-wide__progress{border-radius:0;bottom:0;left:0;right:0}:root[data-mode=tv] .cn-wide:focus{box-shadow:none;transform:scale(1.04)}:root[data-mode=tv] .cn-wide:focus .cn-wide__art{box-shadow:0 0 0 .2rem var(--cn-text), 0 1.25rem 3rem var(--cn-shadow)}.cn-wide--folder .cn-wide__art{isolation:isolate;margin-top:.5rem;overflow:visible}.cn-wide--folder .cn-wide__art img{border-radius:inherit}.cn-wide--folder .cn-wide__art:before,.cn-wide--folder .cn-wide__art:after{content:"";border-radius:var(--cn-radius-lg) var(--cn-radius-lg) 0 0;background:var(--cn-glass-strong);z-index:-1;height:1rem;position:absolute;top:-.3rem;left:6%;right:6%}.cn-wide--folder .cn-wide__art:after{background:var(--cn-glass);top:-.55rem;left:12%;right:12%}.cn-wide--folder .cn-wide__shade{border-radius:0 0 var(--cn-radius-lg) var(--cn-radius-lg)}.cn-wide__folder{align-items:center;gap:.3rem;display:inline-flex}.cn-wide__folder svg{width:.85rem;height:.85rem}.cn-wide--video:not(.cn-wide--folder) .cn-wide__art{margin-top:.5rem}.cn-wide__length{border-radius:var(--cn-radius-xs);background:#000000b3;padding:.125rem .45rem;font-size:.75rem;font-weight:700;position:absolute;bottom:.625rem;right:.625rem}.cn-wide__art:has(.cn-wide__length) .cn-wide__progress{border-radius:0;bottom:0;left:0;right:0}