.video-section__media{--ratio-percent: 56.25%;position:relative;padding-bottom:calc(var(--ratio-percent) - var(--media-border-width));overflow:hidden;border-radius:var(--vs-media-radius, 0)}.scroll-trigger:where(.gradient.video-section__media){background:transparent}.video-section__media.global-media-settings--full-width{padding-bottom:var(--ratio-percent)}.video-section__media.deferred-media{box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.video-section__media.deferred-media:after{content:none}.video-section__poster.deferred-media__poster:focus,.video-section__video-poster:focus{outline-offset:.3rem}.video-section__media iframe{background-color:rgba(var(--color-foreground),.03);border:0}.video-section__poster,.video-section__video-poster,.video-section__media iframe,.video-section__media video{position:absolute;width:100%;height:100%}.video-section__media video{background:#000;object-fit:cover}.video-section__media.media-fit-cover video{object-fit:cover}.video-section__embed,.video-section__media video-section-player{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-section__video-poster,.video-section__media .deferred-media__poster{top:0;right:0;bottom:0;left:0;padding:0;border:0;cursor:pointer;background:transparent}.video-section__video-poster img,.video-section__media .deferred-media__poster img{width:100%;height:100%;object-fit:cover}.video-section__control{position:absolute;left:50%;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:var(--vs-control-size, 8rem);height:var(--vs-control-size, 8rem);padding:0;border:0;border-radius:50%;transform:translate(-50%,-50%);background:var(--vs-control-bg, #ffffffe8);color:var(--vs-control-color, #6e8e78);box-shadow:0 8px 24px #0000001f;cursor:pointer;opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.video-section__control:hover{transform:translate(-50%,-50%) scale(1.06)}.video-section__control .icon{width:2.4rem;height:2.4rem;display:block}.video-section__control .icon-play{transform:translate(.2rem)}@media screen and (min-width:769px){.video-section__control .icon{width:2.8rem;height:2.8rem}}.video-section__control-pause,.video-section__media[data-playing=true] .video-section__control-play{display:none}.video-section__media[data-playing=true] .video-section__control-pause{display:block}.video-section__media deferred-media[loaded] .video-section__control,.video-section__media video-section-player[data-loaded=true] .video-section__video-poster{opacity:0;pointer-events:none}@media screen and (min-width:769px){.video-section__media:hover .video-section__control,.video-section__media:focus-within .video-section__control,.video-section__media:hover video-section-player[data-loaded=true] .video-section__control,.video-section__media:focus-within video-section-player[data-loaded=true] .video-section__control{opacity:1;pointer-events:auto}}@media screen and (max-width:768px){.video-section__media[data-controls-visible=true] .video-section__control,.video-section__media[data-controls-visible=true] video-section-player[data-loaded=true] .video-section__control{opacity:1;pointer-events:auto}.video-section__media deferred-media[loaded] .video-section__control{opacity:0;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/video-section.css.map */