.vloop{background:var(--color-surface-alt);width:100%;position:relative;overflow:hidden}.vloop--rounded{border-radius:var(--radius-lg)}.vloop__poster,.vloop__video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.vloop__video{opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.vloop__video.is-playing{opacity:1}.vloop__scrim{pointer-events:none;background:linear-gradient(#06160d26,#06160d59 45%,#06160ddb);position:absolute;inset:0}.vloop__play{left:50%;bottom:var(--space-md);align-items:center;gap:var(--space-2xs);min-height:44px;padding-inline:var(--space-md);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-fg);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%)}.vloop__play:hover{background:var(--color-surface)}