.vs-depth{inset:0;overflow:clip;pointer-events:none;position:absolute;z-index:-1}.vs-depth>i,.vs-depth>span{display:block;position:absolute}.vs-hero:has(>.vs-depth):after{display:none}.vs-depth__spot{background:radial-gradient(46% 26% at 50% 31%,hsla(0,0%,100%,.09) 0,transparent 72%),radial-gradient(64% 34% at 50% 66%,rgba(0,178,255,.12) 0,transparent 70%),radial-gradient(34% 40% at 50% 100%,rgba(245,255,99,.06) 0,transparent 70%);inset:0}.vs-depth__vignette{background:radial-gradient(125% 95% at 50% 38%,transparent 52%,rgba(17,5,42,.5) 100%);inset:0}.vs-depth__track{height:40px;left:0;-webkit-mask-image:linear-gradient(90deg,transparent 4%,#000 34%,#000 66%,transparent 96%);mask-image:linear-gradient(90deg,transparent 4%,#000 34%,#000 66%,transparent 96%);right:0;top:86px}.vs-depth__ruler{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='11'%3E%3Cg stroke='%23fff' stroke-opacity='.24'%3E%3Cpath d='M0 .5h192M.5 1v10m96-10v10m-48-10v6m96-6v6m-132-6v3m12-3v3m12-3v3m24-3v3m12-3v3m12-3v3m24-3v3m12-3v3m12-3v3m24-3v3m12-3v3m12-3v3'/%3E%3C/g%3E%3C/svg%3E") top /192px 11px repeat-x;height:11px;inset:0 0 auto;position:absolute}.vs-depth__wave{align-items:center;display:flex;gap:3px;inset:15px 0 0;position:absolute}.vs-depth__wave i{background:#ffffff21;border-radius:2px;flex:1;min-width:1px}.vs-depth__wave i.is-clip{animation:vs-depth-clip var(--loop-breathe) var(--ease-in-out) infinite alternate;background:#f5ff6380}@keyframes vs-depth-clip{0%{opacity:.6}to{opacity:1}}.vs-depth__pass{animation:vs-depth-pass calc(var(--loop-karaoke)*1.75) linear infinite;inset:0;-webkit-mask-image:linear-gradient(90deg,transparent 36%,rgba(0,0,0,.55) 46%,#000 50%,transparent 50.4%);mask-image:linear-gradient(90deg,transparent 36%,rgba(0,0,0,.55) 46%,#000 50%,transparent 50.4%);position:absolute}.vs-depth__wave--lit{animation:vs-depth-hold calc(var(--loop-karaoke)*1.75) linear infinite}.vs-depth__wave--lit i{background:#ffffff8c}.vs-depth__wave--lit i.is-clip{animation:none;background:var(--vs-volt)}.vs-depth__head{background:linear-gradient(180deg,var(--vs-volt),rgba(245,255,99,.15));border-radius:2px;bottom:0;box-shadow:0 0 10px #f5ff638c;left:50%;margin-left:-2px;position:absolute;top:11px;width:2px}.vs-depth__head:before{background:var(--vs-volt);border-radius:50%;box-shadow:0 0 8px #f5ff63b3;content:"";height:8px;left:50%;margin-left:-4px;position:absolute;top:-4px;width:8px}@keyframes vs-depth-pass{0%{transform:translate(-56%)}to{transform:translate(56%)}}@keyframes vs-depth-hold{0%{transform:translate(56%)}to{transform:translate(-56%)}}.vs-depth__sprockets{--perf:22px;background:linear-gradient(90deg,hsla(0,0%,100%,.14) 0 1px,transparent 1px calc(100% - 1px),hsla(0,0%,100%,.14) calc(100% - 1px));bottom:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 70%,transparent);overflow:hidden;top:0;width:30px}.vs-depth__sprockets:before{animation:vs-depth-run calc(var(--loop-pulse)*1.5) linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22'%3E%3Crect width='14' height='11' x='8' y='5' fill='%23fff' fill-opacity='.16' rx='3'/%3E%3C/svg%3E") top /100% var(--perf) repeat-y;content:"";inset:calc(var(--perf)*-1) 0 0;position:absolute}@keyframes vs-depth-run{to{transform:translateY(var(--perf))}}.vs-depth__sprockets--left{left:22px}.vs-depth__sprockets--right{right:22px}@media(max-width:860px){.vs-depth__sprockets{--perf:15px;width:20px}.vs-depth__sprockets--left{left:6px}.vs-depth__sprockets--right{right:6px}.vs-depth__track{height:34px;top:72px}.vs-depth__wave{gap:2px}}@media(max-width:600px){.vs-depth .vs-depth__sprockets{display:none}}@media(prefers-reduced-motion:reduce){.vs-depth__pass{display:none}.vs-depth__sprockets:before,.vs-depth__wave i.is-clip{animation:none}}