.video-wrapper{position:relative}.video-wrapper__media{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;object-fit:cover}.video-wrapper--wide .video-wrapper__media{width:auto}.video-wrapper--high .video-wrapper__media{height:auto}.video-wrapper__play-control{z-index:3;background-color:transparent;border:.1rem solid rgba(var(--color-foreground),1);border-radius:50%;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:6.2rem;width:6.2rem;position:absolute;left:50%;top:50%;will-change:transform;transform:translate(-50%,-50%) scale(1);transition:all var(--duration-long) ease;cursor:pointer}.video-wrapper--video-playing .video-wrapper__play-control{z-index:-1;opacity:0}.video-wrapper--video-playing:hover .video-wrapper__play-control{z-index:2;opacity:1}.video-wrapper__play-control:hover{transform:translate(-50%,-50%) scale(1.1)}.video-wrapper__play-control .icon-play{width:2rem;height:auto;margin-left:.2rem}.video-wrapper__play-control .icon-pause{display:none;visibility:hidden;width:2rem;height:auto}.video-wrapper--video-playing .video-wrapper__play-control .icon-play{display:none;visibility:hidden}.video-wrapper--video-playing .video-wrapper__play-control .icon-pause{display:block;visibility:visible}.video-wrapper__audio-control{z-index:4;background-color:transparent;border:none;border-radius:0;color:rgb(var(--color-foreground));display:block;position:absolute;right:2rem;bottom:2rem;cursor:pointer;padding:0;width:auto;height:auto}.audio-control__sound{display:flex;align-items:center}.audio-control__sound .text{font-size:1.2rem;font-family:var(--font-body-family);font-weight:var(--font-body-light);font-style:normal;letter-spacing:.02em;line-height:calc(1 + .3 / var(--font-body-scale));margin-right:.75em;white-space:nowrap;flex:0 1 auto;vertical-align:middle;position:relative}.audio-control__sound .text:after{content:"";display:block;width:100%;height:.1rem;background-color:rgba(var(--color-foreground),1);position:absolute;left:0;bottom:0;transform:scaleX(0);transition:transform var(--duration-long) ease}.video-wrapper__audio-control:hover .text:after{transform:scaleX(1)}.audio-control__sound .icon{flex:0 1 auto;width:2.2rem;height:auto;will-change:transform;transform:scale(1);transition:transform var(--duration-long) ease}.video-wrapper__audio-control:hover .icon{transform:scale(1.1)}.audio-control__sound--on{display:none;visibility:hidden}.video-wrapper--audio-on .audio-control__sound--on,.audio-control__sound--off{display:flex;visibility:visible}.video-wrapper--audio-on .audio-control__sound--off{display:none;visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/45/assets/component-video-wrapper.css.map */