.vs.svelte-xvzxv3{container-type:inline-size;width:100%}.vs__header.svelte-xvzxv3{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1.25rem}.vs__section-label.svelte-xvzxv3{display:inline-flex;align-items:center;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ctn-accent, #f59e0b);background:color-mix(in srgb,var(--ctn-accent, #f59e0b) 12%,transparent);border:1px solid color-mix(in srgb,var(--ctn-accent, #f59e0b) 28%,transparent);border-radius:9999px;padding:.25em .75em;margin-bottom:.75rem}.vs__heading.svelte-xvzxv3{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:900;color:var(--brand-heading-color, var(--color-text-primary, #fff));text-transform:var(--brand-heading-transform, none);letter-spacing:-.02em;margin:0;line-height:1.1}.vs__intro.svelte-xvzxv3{margin:.75rem 0 0;max-width:740px;font-size:1rem;line-height:1.7;opacity:.75}.vs__featured.svelte-xvzxv3{margin-bottom:1.5rem;border-radius:clamp(10px,1.5cqw,16px);overflow:hidden;box-shadow:0 24px 64px -16px #000000b3,0 0 40px -12px color-mix(in srgb,var(--ctn-accent, #e142ff) 30%,transparent)}.vs__featured-player.svelte-xvzxv3{position:relative;width:100%;padding-bottom:56.25%;background:#000}.vs__featured-player.svelte-xvzxv3 iframe:where(.svelte-xvzxv3){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.vs__featured-bar.svelte-xvzxv3{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:color-mix(in srgb,var(--ctn-deep, #1a0538) 90%,transparent)}.vs__featured-title.svelte-xvzxv3{font-size:.9rem;font-weight:600;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0}.vs__close.svelte-xvzxv3{display:inline-flex;align-items:center;gap:.4em;padding:.35em .9em;border:1px solid rgba(255,255,255,.2);border-radius:9999px;background:transparent;color:#ffffffb3;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .15s ease,border-color .15s ease}.vs__close.svelte-xvzxv3:hover{color:#fff;border-color:#ffffff80}.vs__overflow.svelte-xvzxv3{overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%)}.vs__track.svelte-xvzxv3{--vs-gap: clamp(.75rem, 1.5cqw, 1.25rem);display:flex;gap:var(--vs-gap);width:max-content;animation:svelte-xvzxv3-vs-marquee var(--vs-duration, 30s) linear infinite}.vs__track--paused.svelte-xvzxv3{animation-play-state:paused}@keyframes svelte-xvzxv3-vs-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.vs__item.svelte-xvzxv3{flex:0 0 calc((100cqw - 4 * var(--vs-gap)) / 5);min-width:0;position:relative;border-radius:clamp(6px,1cqw,10px);overflow:hidden;cursor:pointer;background:#000;transition:transform .2s ease,box-shadow .2s ease}.vs__item.svelte-xvzxv3:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px -8px #0009}.vs__item--active.svelte-xvzxv3{box-shadow:0 0 0 2px var(--ctn-accent, #e142ff),0 8px 24px -8px #0009}.vs__thumb.svelte-xvzxv3{display:block;width:100%;aspect-ratio:5 / 3;object-fit:cover}.vs__thumb--blank.svelte-xvzxv3{background:linear-gradient(135deg,#1a1a2e,#2d1b69)}.vs__play-overlay.svelte-xvzxv3{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000;transition:background .2s ease;pointer-events:none}.vs__item.svelte-xvzxv3:hover .vs__play-overlay:where(.svelte-xvzxv3){background:#0000004d}.vs__play-btn.svelte-xvzxv3{width:clamp(36px,5cqw,52px);height:clamp(36px,5cqw,52px);border-radius:50%;background:#000000a6;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.vs__play-btn.svelte-xvzxv3 svg:where(.svelte-xvzxv3){width:45%;height:45%;color:#fff;margin-left:10%}.vs__item.svelte-xvzxv3:hover .vs__play-btn:where(.svelte-xvzxv3){transform:scale(1.15);background:color-mix(in srgb,var(--ctn-accent, #e142ff) 80%,rgba(0,0,0,.5))}@container (max-width: 900px){.vs__item.svelte-xvzxv3{flex:0 0 calc((100cqw - 2 * var(--vs-gap)) / 3)}}@container (max-width: 540px){.vs__item.svelte-xvzxv3{flex:0 0 calc((100cqw - var(--vs-gap)) / 2)}}@container (max-width: 480px){.vs__item.svelte-xvzxv3{flex:0 0 calc(100cqw - 2 * var(--vs-gap))}}
