.clip-loop.svelte-nvdgww{position:relative;min-width:0;border-radius:inherit;overflow:hidden;background:var(--surface,#e9edf7)}.with-chrome.svelte-nvdgww{border:1px solid color-mix(in srgb,var(--deep) 12%,transparent);box-shadow:0 30px 60px -30px #06141e8c}.loop-chrome.svelte-nvdgww{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--hero,#152348);color:var(--on-dark-muted,#becae3);font-size:10px;font-weight:700}.loop-chrome.svelte-nvdgww i:where(.svelte-nvdgww){width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--on-dark,#fff) 30%,transparent)}.loop-chrome.svelte-nvdgww i:where(.svelte-nvdgww):first-child{background:var(--coral)}.loop-chrome.svelte-nvdgww span:where(.svelte-nvdgww){margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loop-stage.svelte-nvdgww{position:relative;aspect-ratio:16/9;background:center top/cover no-repeat}video.svelte-nvdgww,.still.svelte-nvdgww{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top}.still.svelte-nvdgww{z-index:1}video.active.svelte-nvdgww{z-index:1;animation:svelte-nvdgww-loop-fade .5s ease}.loop-caption.svelte-nvdgww{position:absolute;left:10px;bottom:10px;z-index:2;padding:6px 10px;border-radius:99px;background:color-mix(in srgb,var(--hero,#152348) 92%,transparent);color:var(--on-dark,#fff);font-size:10px;font-weight:700;animation:svelte-nvdgww-loop-caption-in .45s cubic-bezier(.2,.8,.2,1) backwards}.loop-dots.svelte-nvdgww{position:absolute;right:10px;bottom:12px;z-index:2;display:flex;gap:5px}.loop-dots.svelte-nvdgww button:where(.svelte-nvdgww){width:7px;height:7px;padding:0;border:0;border-radius:99px;background:color-mix(in srgb,var(--hero,#152348) 35%,transparent);transition:width .3s,background-color .3s}.loop-dots.svelte-nvdgww button.active:where(.svelte-nvdgww){width:20px;background:var(--coral)}@media(hover:hover)and (pointer:fine){.loop-dots.svelte-nvdgww button:where(.svelte-nvdgww):not(.active):hover{width:12px;background:color-mix(in srgb,var(--hero,#152348) 75%,transparent)}.loop-pause.svelte-nvdgww:hover{background:var(--hero,#152348)}}.loop-pause.svelte-nvdgww{position:absolute;top:10px;right:10px;z-index:3;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:color-mix(in srgb,var(--hero,#152348) 85%,transparent);color:var(--on-dark,#fff);opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s,background-color .2s}.loop-stage.svelte-nvdgww:hover .loop-pause:where(.svelte-nvdgww),.loop-pause.svelte-nvdgww:focus-visible,.loop-pause.paused.svelte-nvdgww{opacity:1;transform:none}.loop-pause.paused.svelte-nvdgww{background:var(--coral);color:var(--accent-ink,#26360a)}@media(hover:none){.loop-pause.svelte-nvdgww{opacity:.8;transform:none}}@keyframes svelte-nvdgww-loop-fade{0%{opacity:0}}@keyframes svelte-nvdgww-loop-caption-in{0%{opacity:0;transform:translateY(6px)}}
