.cb{text-align:left;-webkit-tap-highlight-color:transparent;flex-direction:column;gap:8px;min-width:0;display:flex}.cb-s1,.cb-s2,.cb-s3{container-type:inline-size}.cb .sb-b3d{transition-duration:.3s}.cb-type{letter-spacing:.16em;text-transform:uppercase;color:#ffffff9e;font-size:clamp(8px,6.2cqw,10px);font-weight:700}.cb-title{font-weight:var(--tw,700);letter-spacing:-.02em;color:var(--tc,#fff);line-height:1.1;font-family:var(--tf,inherit);font-size:calc(clamp(11px, 10.5cqw, 19px) * var(--ts,1));-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cb-top{flex-direction:column;gap:5px;display:flex;top:9%;left:17%;right:9%;transform:translateZ(16px)}.cb-foot{color:#ffffffc7;align-items:center;gap:6px;min-width:0;font-size:clamp(8.5px,6.4cqw,11px);font-weight:600;display:flex;bottom:8%;left:17%;right:9%;transform:translateZ(10px)}.cb-foot .cb-h{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cb-foot .cb-n{opacity:.8;font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.cb-foot .sb-track{flex:1}.cb-glyph{aspect-ratio:1;width:40%;height:auto;color:var(--hi);opacity:.85;filter:drop-shadow(0 6px 18px color-mix(in srgb, var(--c1) 70%, transparent));top:60%;left:50%;transform:translate(-50%,-50%)translateZ(30px)}.cb-badge{color:#fff;background:#00000061;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-flex;position:absolute;top:7px;right:7px;transform:translateZ(20px);box-shadow:inset 0 0 0 1px #ffffff2e}.cb-badge svg{width:11px;height:11px}.cb-play{aspect-ratio:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:30%;display:grid;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)translateZ(30px);box-shadow:inset 0 0 0 1px #ffffff4d}.cb-play svg{width:38%;height:38%;margin-left:6%}.cb-s2 .cb-top{top:auto;bottom:19%}.cb-s2 .cb-title{-webkit-line-clamp:4;font-size:clamp(12px,13cqw,23px)}.cb-s2 .cb-glyph{width:26%;top:9%;left:auto;right:9%;transform:translateZ(30px)}.cb-s2 .cb-play{width:26%;top:30%;left:60%}.cb-s3 .sb-front:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 calc(9% - 1px),#ffffff12 calc(9% - 1px) 9%);position:absolute;inset:0}.cb-s3 .sb-spine{background:color-mix(in srgb, var(--hi) 55%, transparent);width:1.5px;left:13%}.cb-s3 .cb-top,.cb-s3 .cb-foot{left:20%}.cb-s3 .cb-glyph{width:28%;inset:auto 8% 18% auto;transform:translateZ(30px)}.cb-s3 .cb-play{width:24%;top:66%;left:66%}.cb-cap{min-width:0;padding:0 2px}.cb-cap b{letter-spacing:-.01em;color:#171717;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;display:block;overflow:hidden}.dark .cb-cap b{color:#fff}.cb-cap small{color:#737373;white-space:nowrap;align-items:center;gap:4px;font-size:11.5px;display:flex;overflow:hidden}.dark .cb-cap small{color:#a3a3a3}.cb-cap small span{text-overflow:ellipsis;overflow:hidden}.cb-cap .cb-friend{color:#1b7fdc;font-weight:600}@container (max-width:110px){.cb-top,.cb-foot{left:13%;right:6%}.cb-s3 .cb-top,.cb-s3 .cb-foot{left:18%}.cb-badge{display:none}}@container (max-width:72px){.cb-top,.cb-foot,.cb-badge{display:none}.cb-glyph,.cb-s2 .cb-glyph,.cb-s3 .cb-glyph{width:52%;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.cb-play,.cb-s2 .cb-play,.cb-s3 .cb-play{width:46%;top:50%;left:50%}.sb-front{border-radius:7px}.sb-ground{display:none}}.cb-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cb-scrim{background:linear-gradient(180deg, rgba(0, 0, 0, calc(var(--dim) + .1)) 0%, rgba(0, 0, 0, calc(var(--dim) * .4)) 40%, rgba(0, 0, 0, calc(var(--dim) * .4)) 60%, rgba(0, 0, 0, calc(var(--dim) + .15)) 100%);position:absolute;inset:0}.cb-has-img .sb-front{border-color:#ffffff2e}.cb-has-img .cb-type{color:#ffffffd9;text-shadow:0 1px 6px #0006}.cb-has-img .cb-title{text-shadow:0 2px 14px #00000073}.sb-stage.cb-t-middle .cb-top{top:50%;transform:translateY(-50%)translateZ(16px)}.sb-stage.cb-t-bottom .cb-top{top:auto;bottom:19%}.sb-stage.cb-t-top .cb-top{top:9%;bottom:auto}.sb-stage.cb-t-none .cb-top{display:none}.sb-stage.cb-center .cb-top{text-align:center;align-items:center;left:12%;right:12%}.sb-stage.cb-upper .cb-title{text-transform:uppercase;letter-spacing:.01em}.sb-stage.cb-ink .cb-type,.sb-stage.cb-ink .cb-foot{color:#111114bf}.sb-stage.cb-ink .cb-title{text-shadow:none}.sb-stage.cb-t-bottom.cb-s2 .cb-glyph,.sb-stage.cb-t-bottom.cb-s1 .cb-glyph{top:38%}