.video-wapper{position:relative}.video-section__media{--ratio-percent: 56.25%;position:relative;padding-bottom:calc(var(--ratio-percent) - var(--media-border-width))}.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{outline-offset:.3rem}.video-section__media iframe{background-color:rgba(var(--color-foreground),.03);border:0}.video-section__poster,.video-section__media iframe,.video-section__media video{position:absolute;width:100%;height:100%}.video-section__media video{background:#000}.video-section__media.media-fit-cover video{object-fit:cover}.video-section .media>*:not(.zoom):not(.deferred-media__poster-button).title-wrapper,.video-section .title-wrapper{position:absolute;bottom:80px;left:20px;right:20px;z-index:1;text-align:center;margin-bottom:0;top:auto;height:auto;width:auto}.video-section .deferred-media__poster,.video-section .global-media-settings{border-radius:10px}.video-wrapper{position:relative}.video-section .title-wrapper .title{line-height:1.3;color:var(--white)}.video-section.page-width{max-width:100%;background:var(--rose)}.video-section .deferred-media__poster-button{background:var(--l-green);color:var(--white)}.video-section__media video{border-radius:10px}@media (min-width: 992px){.video-section .deferred-media__poster-button{width:115px;height:115px}.video-section .deferred-media__poster-button .icon{width:45px;height:45px}}@media (max-width: 1500px){.video-section .media>*:not(.zoom):not(.deferred-media__poster-button).title-wrapper,.video-section .title-wrapper{bottom:60px}}@media (max-width: 989px){.video-section .media>*:not(.zoom):not(.deferred-media__poster-button).title-wrapper,.video-section .title-wrapper{bottom:10px}.video-section__media{padding-bottom:100%}}@media (max-width: 749px){.video-section .deferred-media__poster-button{width:4rem;height:4rem}.video-section .deferred-media__poster-button .icon{width:1.5rem;height:1.5rem}.video-section .title-wrapper .title{font-size:var(--h2);line-height:1}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/video-section.css.map */