.vids__belt{padding-block:4px 8px;position:relative;overflow:hidden}.vids__belt:before,.vids__belt:after{content:"";z-index:2;pointer-events:none;width:6%;position:absolute;top:0;bottom:0}.vids__belt:before{background:linear-gradient(90deg, var(--bg), transparent);left:0}.vids__belt:after{background:linear-gradient(270deg, var(--bg), transparent);right:0}.vids__belt.is-manual:before,.vids__belt.is-manual:after{display:none}@media (prefers-reduced-motion:reduce){.vids__belt:before,.vids__belt:after{display:none}}.vids__track{gap:20px;width:max-content;padding-left:20px;display:flex}.vids__track>.vid-card{flex:none;width:clamp(260px,28vw,380px)}.js .vids__track.is-belt{animation:vids-drift var(--dur,90s) linear infinite}.vids__belt:hover .vids__track,.vids__belt.is-held .vids__track,.vids__belt.is-playing .vids__track{animation-play-state:paused}@keyframes vids-drift{0%{transform:translate(-50%)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.vids__belt{overflow-x:auto;-webkit-mask:none;mask:none}}.vids__nav{justify-content:center;width:40px;padding:0}.vids__watch{margin-top:4px;display:flex}.vids__belt.is-manual{scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-left:20px;overflow-x:auto}.vids__belt.is-manual::-webkit-scrollbar{display:none}.vids__track{padding-right:20px}.vid-yt{display:none!important}.vid-card{scroll-snap-align:start;flex-direction:column;gap:12px;display:flex}.vid-thumb,.vid-frame{aspect-ratio:16/9;border-radius:var(--r-lg);border:1px solid var(--line);background:#000;width:100%;display:block;position:relative;overflow:hidden}.vid-frame{border:0}.vid-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease), filter .4s;filter:saturate(.92)brightness(.9)}.vid-thumb:hover img{filter:none;transform:scale(1.04)}.vid-play-btn{border:1px solid var(--line-3);width:46px;height:46px;transition:background-color .25s, transform .35s var(--ease);background:#0b0b0dd1;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:12px}.vid-thumb:hover .vid-play-btn{background:var(--accent);transform:scale(1.06)}.vid-thumb:hover .vid-play-btn .pi{background:var(--accent-ink)}.vid-yt{color:var(--text-2);align-items:center;gap:6px;font-size:14px;transition:color .2s;display:inline-flex}.vid-yt:hover{color:var(--text)}.pi{width:18px;height:18px;-webkit-mask:var(--pi) center / contain no-repeat;mask:var(--pi) center / contain no-repeat;background:currentColor;display:inline-block}.vid-play-btn .pi{background:var(--text);width:18px;height:18px}.vid-yt .pi{width:14px;height:14px}.pi-play{--pi:url(/assets/icons/play.svg)}.pi-arrow-up-right{--pi:url(/assets/icons/arrow-up-right.svg)}
