media-video{display:block;height:100%}.media-video__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.media-video__controls{position:absolute;right:1.6rem;bottom:1.6rem;display:flex;gap:.8rem}.media-toggle{--icon-size: var(--size-icon-xs);position:relative;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.media-toggle:after{content:"";position:absolute;top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem}.media-toggle:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.media-toggle .icon-play-fill,.media-toggle .icon-speaker-high,media-video.is-paused .media-toggle .icon-pause-fill,media-video.is-sound-on .media-toggle .icon-speaker-slash{display:none}media-video.is-paused .media-toggle .icon-play-fill,media-video.is-sound-on .media-toggle .icon-speaker-high{display:block}.media-video--content{position:relative;overflow:hidden;background-color:rgb(var(--color-media-ground))}.media-play{--icon-size: var(--size-icon-l);position:relative;display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;padding:0;border:0;border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--motion-duration)}.media-play:hover{background-color:rgb(var(--color-background-subtle))}.media-play:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.media-video--content .media-play,.media-video__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-video__loading{display:none;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.media-video__spinner{width:2.4rem}.media-video--content:not(.is-poster) .media-play,.media-video--content.is-poster .media-video__controls,.media-video--content.is-unavailable .media-play,.media-video--content.is-unavailable .media-video__controls{display:none}.media-video--content.is-loading:not(.is-poster) .media-video__loading{display:flex}.media-video__cue{position:absolute;left:50%;bottom:6.4rem;max-width:calc(100% - 3.2rem);margin:0;padding:.4rem 1.2rem;transform:translate(-50%);border-radius:.2rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:var(--type-text-m-size);line-height:var(--type-text-m-line-height);text-align:center;white-space:pre-line}.media-video__message{position:absolute;left:1.6rem;bottom:1.6rem;display:none;align-items:center;gap:.8rem;max-width:calc(100% - 3.2rem);margin:0;padding:.8rem 1.2rem;border-radius:999px;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:var(--type-text-s-size);line-height:var(--type-text-s-line-height);--icon-size: 1.8rem}.media-video--content.is-unavailable .media-video__message{display:flex}media-video.is-captions-on .media-toggle--captions{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (min-width:990px){.media-play{width:8rem;height:8rem}}@media(prefers-reduced-motion:reduce){.media-play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-media-video.css.map */