.featured-video__player{display:block}.featured-video__frame{position:relative;aspect-ratio:var(--featured-video-ratio, 1.7778);overflow:hidden;background-color:rgb(var(--text-primary) / .06)}.featured-video--rounded .featured-video__frame{border-radius:var(--rounded)}.featured-video__target,.featured-video__cover{position:absolute;top:0;right:0;bottom:0;left:0}.featured-video__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;object-fit:contain}.featured-video__player[state=ambient] .featured-video__media{object-fit:cover}.featured-video__cover{display:grid;place-items:center}.featured-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.featured-video__placeholder{fill:rgb(var(--text-primary) / .25)}.featured-video__player[state=playing] .featured-video__cover,.featured-video__player[state=ambient] .featured-video__cover{display:none}.featured-video__play,.featured-video__toggle{display:grid;place-items:center;padding:0;border:0;border-radius:var(--rounded-full);color:rgb(var(--text-primary));background-color:rgb(var(--background-primary));box-shadow:0 .25rem 1rem #00000026;cursor:pointer}.featured-video__play{position:relative;width:4rem;height:4rem}.featured-video__play .icon{transform:translate(2px)}.featured-video__play:focus-visible,.featured-video__toggle:focus-visible{outline:2px solid rgb(var(--text-primary));outline-offset:3px;box-shadow:0 0 0 3px rgb(var(--background-primary))}@media(prefers-reduced-motion:no-preference){.featured-video__play{transition:transform .2s ease}.featured-video__play:hover{transform:scale(1.06)}}@media screen and (min-width:700px){.featured-video__play{width:5rem;height:5rem}}.featured-video__toggle{position:absolute;inset-block-end:var(--spacing-4);inset-inline-end:var(--spacing-4);display:none;width:2.75rem;height:2.75rem}.featured-video__toggle .icon{width:1.125rem;height:1.125rem}.featured-video__player[state=ambient] .featured-video__toggle{display:grid}.featured-video__toggle .icon-play,.featured-video__toggle[data-paused] .icon-pause{display:none}.featured-video__toggle[data-paused] .icon-play{display:inline-block}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-featured-video.css.map */