.m-product-video.svelte-19s19su{position:relative;aspect-ratio:16 / 9;background:#fff;border:1px solid #dae1ec;border-radius:13px;box-shadow:0 20px 55px #30476a18,0 2px 6px #30476a07;overflow:hidden}video.svelte-19s19su,.surface.svelte-19s19su{position:absolute;inset:0;width:100%;height:100%}video.svelte-19s19su{display:block;object-fit:cover;pointer-events:none}.badge.svelte-19s19su{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:76px;height:76px;padding-left:4px;border-radius:999px;background:color-mix(in srgb,var(--m-navy) 85%,transparent);color:#fff;transform:translate(-50%,-50%);pointer-events:none}.surface.svelte-19s19su{margin:0;padding:0;border:0;background:transparent;cursor:pointer}.surface.svelte-19s19su:focus-visible{outline:3px solid var(--m-accent);outline-offset:-3px}.controls.svelte-19s19su{position:absolute;right:14px;bottom:14px;display:flex;gap:8px}.controls.svelte-19s19su button:where(.svelte-19s19su){display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--m-navy) 80%,transparent);box-shadow:0 0 0 1px #ffffff59;color:#fff;cursor:pointer;opacity:.75;transition:opacity .2s ease,background .2s ease}.m-product-video.svelte-19s19su:fullscreen{border:0;border-radius:0;background:#000;box-shadow:none}.m-product-video.svelte-19s19su:fullscreen video:where(.svelte-19s19su){object-fit:contain}.m-product-video.svelte-19s19su:fullscreen .controls:where(.svelte-19s19su){right:24px;bottom:24px}.m-product-video.svelte-19s19su:hover .controls:where(.svelte-19s19su) button:where(.svelte-19s19su),.controls.svelte-19s19su button:where(.svelte-19s19su):focus-visible{opacity:1}.controls.svelte-19s19su button:where(.svelte-19s19su):hover{background:var(--m-navy)}.controls.svelte-19s19su button:where(.svelte-19s19su):focus-visible{outline:2px solid #fff;outline-offset:2px}