.sl-spot{position:relative;container-type:inline-size}.sl-spot-start{--play-d:88px;--play-ring:10px;position:absolute;top:0;left:0;width:100%;aspect-ratio:16 / 9;display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-card);background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(7,10,8,.55),rgba(7,10,8,.08) 75%);color:#f3f7f4;font:inherit;cursor:pointer}@supports (width:1cqw){.sl-spot-start{--play-d:clamp(56px,10cqw,88px);--play-ring:clamp(7px,1.15cqw,10px)}}.sl-spot-start[hidden]{display:none}.sl-spot-play{display:grid;place-items:center;width:var(--play-d,88px);height:var(--play-d,88px);border-radius:50%;background:linear-gradient(160deg,#4cf29a,#22e07a 45%,#17c766);color:#04120a;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -3px 8px rgba(4,18,10,.16),0 0 0 var(--play-ring,10px) rgba(34,224,122,.22),0 0 0 calc(var(--play-ring,10px) * 2.2) rgba(34,224,122,.08),0 18px 44px -12px rgba(0,0,0,.65);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1)}.sl-spot-play svg{display:block;width:58%;height:58%}.sl-spot-start:hover .sl-spot-play{transform:scale(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 8px rgba(4,18,10,.16),0 0 0 calc(var(--play-ring,10px) * 1.25) rgba(34,224,122,.28),0 0 0 calc(var(--play-ring,10px) * 2.8) rgba(34,224,122,.1),0 22px 50px -12px rgba(0,0,0,.65)}.sl-spot-start:active .sl-spot-play{transform:scale(.97)}.sl-spot-start-label{position:absolute;left:0;right:0;top:calc(50% + var(--play-d,88px) / 2 + var(--play-ring,10px) + 10px);width:fit-content;margin:0 auto;display:grid;justify-items:center;gap:1px;padding:7px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(7,10,8,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13.5px;line-height:1.3;text-align:center;white-space:nowrap}.sl-spot-start-label strong{font-family:var(--font-title);font-size:15px;font-weight:600;letter-spacing:.005em}.sl-spot-start-label span{color:#c9d2cc}.sl-spot-start:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@container (max-width:460px){.sl-spot-start-label{padding:5px 12px;font-size:12px;line-height:1.25}.sl-spot-start-label strong{font-size:13px}}@container (max-width:330px){.sl-spot-start-label span{display:none}}@supports not (width:1cqw){@media(max-width:600px){.sl-spot-start{--play-d:56px;--play-ring:7px}.sl-spot-start-label{padding:5px 12px;font-size:12px;line-height:1.25}.sl-spot-start-label strong{font-size:13px}}@media(max-width:370px){.sl-spot-start-label span{display:none}}}@media(prefers-reduced-motion:reduce){.sl-spot-play{transition:none}.sl-spot-start:hover .sl-spot-play,.sl-spot-start:active .sl-spot-play{transform:none}}