.sf-loop.svelte-1n82dvv{pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.sf-loop__media.svelte-1n82dvv{opacity:0;transition:opacity var(--transition-slow);position:absolute;inset:0}.sf-loop__media.is-visible.svelte-1n82dvv{opacity:1}.sf-loop__video.svelte-1n82dvv{object-fit:cover;width:100%;height:100%;display:block}.sf-loop__frame.svelte-1n82dvv{width:max(100cqw, calc(100cqh * var(--loop-aspect)));height:max(100cqh, calc(100cqw / var(--loop-aspect)));border:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sf-loop__loading.svelte-1n82dvv{color:var(--sf-on-image);background:radial-gradient(closest-side, var(--overlay-backdrop), transparent);animation:svelte-1n82dvv-sf-loop-loading-in var(--transition-base) both;place-items:center;display:grid;position:absolute;inset:0}@keyframes svelte-1n82dvv-sf-loop-loading-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sf-loop.svelte-1n82dvv{display:none}}.sf-loop-sound.svelte-evj7a2{z-index:2;width:var(--control-height-sm);height:var(--control-height-sm);color:var(--sf-on-image);background:var(--overlay-backdrop);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast);border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.sf-loop-sound.svelte-evj7a2:hover{background:color-mix(in srgb, var(--overlay-backdrop), var(--sf-on-image) 15%)}.sf-loop-sound.svelte-evj7a2:focus-visible{box-shadow:var(--shadow-focus);outline:none}.sf-loop-sound--top-end.svelte-evj7a2{top:var(--space-3);right:var(--space-3)}.sf-loop-sound--bottom-end.svelte-evj7a2{bottom:var(--space-5);right:var(--space-5)}