.video-shelf{--vs-gap:18px;--vs-accent:#aea8fb;--vs-hot:#e41675;margin-bottom:64px;container-type:inline-size}.cp-main>.video-shelf:first-child{margin-top:6px}@media (width<=760px){.cp-main>.video-shelf:first-child{margin-top:0}}.video-shelf .carousel-progress{margin-top:10px}.video-shelf.is-single .carousel-controls{display:none}.vs-feature{gap:18px;margin:0 0 28px;display:grid}.vs-player{border-radius:22px;box-shadow:inset 0 0 0 1px #ffffff14,0 30px 60px -32px #6664adaa}.vs-feature__body{flex-direction:column;align-items:flex-start;gap:12px;min-width:0;display:flex}.vs-feature .vs-title{letter-spacing:-.02em;-webkit-line-clamp:3;font-size:clamp(20px,2.6cqi,30px);line-height:1.18}.vs-feature .vs-title:hover{color:#d9d2ff}.vs-desc{color:#b9b3c4;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.vs-more{color:#f4f3f5;transition:background .25s, transform .3s var(--ease-spring);background:#ffffff10;border-radius:99px;align-items:center;gap:8px;margin-top:4px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f}.vs-more span{font-size:18px;line-height:1;transition:translate .3s}.vs-more:hover{background:#ffffff1c;transform:translateY(-2px)}.vs-more:hover span{translate:3px}@container (width>=880px){.vs-feature{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:center;gap:28px}.vs-feature .vs-title{font-size:clamp(22px,2.4cqi,30px)}}.vs-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vs-new,.vs-club{border-radius:99px;align-items:center;padding:5px 12px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.vs-new{color:#fff;background:linear-gradient(110deg, var(--vs-hot), #8b5cf6);box-shadow:0 0 18px #e4167566}.vs-new:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;margin-right:7px;animation:1.6s ease-in-out infinite vs-blink}.vs-club{color:#d9d2ff;backdrop-filter:blur(8px);background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1f}.vs-title{-webkit-line-clamp:2;color:#f4f3f5;-webkit-box-orient:vertical;font-weight:600;transition:color .25s;display:-webkit-box;overflow:hidden}.vs-card:hover .vs-title{color:#d9d2ff}.vs-play{z-index:1;color:#fff;backdrop-filter:blur(6px);opacity:0;width:46px;height:46px;transition:opacity .3s, scale .4s var(--ease-spring), background .3s;background:#0c0a10a6;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.8;box-shadow:inset 0 0 0 1px #ffffff40}.vs-play svg{width:45%;height:45%;margin-left:8%}.vs-card:hover .vs-play{opacity:1;background:linear-gradient(135deg,#e41675d9,#6664add9);scale:1}.video-shelf .carousel-track{gap:var(--vs-gap);padding:4px 4px 16px}.vs-card{flex:0 0 calc((100% - 3 * var(--vs-gap)) / 4);scroll-snap-align:start;color:inherit;transition:opacity .9s var(--ease-out) var(--d,0s), translate .9s var(--ease-out) var(--d,0s), transform .45s var(--ease-out), scale .45s var(--ease-out);flex-direction:column;gap:12px;display:flex}.vs-thumb{aspect-ratio:16/9;background:#1d1a22;border-radius:14px;transition:box-shadow .45s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.vs-thumb img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--ease-out), filter .5s}.vs-thumb:after{content:"";opacity:0;background:linear-gradient(#0000 50%,#0c0a1066);transition:opacity .35s;position:absolute;inset:0}.vs-card:hover{transform:translateY(-6px)}.vs-card:hover .vs-thumb{box-shadow:inset 0 0 0 1px #aea8fb66,0 22px 40px -18px #6664adcc}.vs-card:hover .vs-thumb img{filter:saturate(1.15);transform:scale(1.08)}.vs-card:hover .vs-thumb:after{opacity:1}.vs-card__body{flex-direction:column;gap:8px;padding:0 2px;display:flex}.vs-card .vs-title{font-size:15px;line-height:1.35}.vs-card .vs-club{align-self:flex-start;padding:4px 10px;font-size:10.5px}@container (width<=900px){.vs-card{flex-basis:calc((100% - 2 * var(--vs-gap)) / 3)}}@container (width<=560px){.vs-card{flex-basis:calc((100% - var(--vs-gap)) / 2)}}@media (width<=760px){.video-shelf{--vs-gap:12px;--vs-bleed:18px;margin-bottom:44px}.video-shelf .section-heading{margin-bottom:14px}.video-shelf .section-heading h2{font-size:20px}.video-shelf .carousel-controls,.video-shelf .carousel-progress{display:none}.vs-feature{margin:0 calc(-1 * var(--vs-bleed)) 24px;gap:14px}.vs-player{box-shadow:none;border-radius:0}.vs-feature__body{padding:0 var(--vs-bleed);gap:10px}.vs-feature .vs-title{font-size:19px;line-height:1.25}.vs-desc{display:none}.vs-more{padding:8px 14px}.video-shelf .carousel-track{margin-inline:calc(-1 * var(--vs-bleed));padding:2px var(--vs-bleed) 4px;scroll-padding-inline:var(--vs-bleed)}.can-reveal .video-shelf .carousel-track>[data-reveal]:not(.is-in),.can-reveal .video-shelf .vs-feature[data-reveal]:not(.is-in){opacity:1;filter:none;translate:none;scale:none}.vs-card{-webkit-tap-highlight-color:transparent;flex:0 0 64%;gap:10px}.vs-card:hover{transform:none}.vs-card:active{transition:scale .12s;scale:.97}.vs-thumb{border-radius:12px}.vs-play{opacity:1;width:38px;height:38px;scale:1}.vs-card .vs-title{font-size:14px}}@keyframes vs-blink{0%,to{opacity:1}50%{opacity:.25}}