.video-media{position:relative;display:block;inline-size:100%;aspect-ratio:var(--ratio, 1.7778);overflow:hidden;border-radius:var(--radius-medium);background-color:var(--color-surface);color:var(--color-text);isolation:isolate}.video-media__poster,.video-media__player{position:absolute;top:0;right:0;bottom:0;left:0}.video-media__poster{z-index:1;display:grid;place-items:center}.video-media__poster img,.video-media__poster svg{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.video-media__poster .placeholder-svg{fill:rgb(var(--color-text-rgb) / .2)}.video-media__caption{position:absolute;inset-inline:var(--space-5);inset-block-end:var(--space-5);max-inline-size:36rem;font-size:var(--font-size-small);line-height:var(--line-height-heading);color:var(--color-text-muted);overflow-wrap:anywhere}.video-media__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;inline-size:100%;block-size:100%;margin:0;padding:0;border:0;background:transparent;color:var(--color-text);cursor:pointer}.video-media__play-icon{display:grid;place-items:center;inline-size:clamp(3.5rem,2.8rem + 3vw,5rem);block-size:clamp(3.5rem,2.8rem + 3vw,5rem);border-radius:50%;background-color:rgb(var(--color-background-rgb) / .94);color:var(--color-text);box-shadow:0 0 0 var(--border-width) rgb(var(--color-text-rgb) / .08);transition:transform var(--duration-base) var(--ease-out)}.video-media__play-icon .icon{inline-size:40%;block-size:40%;margin-left:6%}@media(hover:hover){.video-media__play:hover .video-media__play-icon{transform:scale(1.05)}}.video-media__play:focus-visible{outline:none}.video-media__play:focus-visible .video-media__play-icon{outline:2px solid var(--color-text);outline-offset:3px;box-shadow:0 0 0 3px var(--color-background)}.video-media[data-state=loaded] .video-media__play{display:none}.video-media__player{z-index:3;pointer-events:none}.video-media__player>*,.video-media__noscript{pointer-events:auto}.video-media__noscript{position:absolute;top:0;right:0;bottom:0;left:0}.video-media__video,.video-media__iframe{display:block;inline-size:100%;block-size:100%;border:0;object-fit:contain;background-color:transparent}.video-media__video--ambient{object-fit:cover}.video-media__iframe--ambient{pointer-events:none}.video-media__toggle{position:absolute;z-index:4;inset-block-end:var(--space-3);inset-inline-end:var(--space-3);display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;margin:0;padding:0;border:0;border-radius:50%;background-color:rgb(var(--color-background-rgb) / .94);color:var(--color-text);cursor:pointer}.video-media__toggle[hidden]{display:none}.video-media__toggle:focus-visible{outline:2px solid var(--color-text);outline-offset:2px;box-shadow:0 0 0 2px var(--color-background)}.video-media__toggle-icon{display:inline-flex}.video-media[data-playing=true] .video-media__toggle-icon--play,.video-media:not([data-playing=true]) .video-media__toggle-icon--pause{display:none}.video-media--empty{display:grid;place-items:end start}.video-media__hint{position:relative;z-index:2;margin:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);background-color:var(--color-background);font-size:var(--font-size-small);color:var(--color-text-muted)}@media(prefers-reduced-motion:reduce){.video-media__play-icon{transition:none}.video-media__play:hover .video-media__play-icon{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-video.css.map */