.video-section__media{--ratio-percent: 56.25%;position:relative;padding-bottom:calc(var(--ratio-percent) - var(--media-border-width))}.deferred-media__poster-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 8px 32px #0000004d}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1);background:#fff}.deferred-media__poster-button:before,.deferred-media__poster-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff9;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;z-index:0}.deferred-media__poster-button:after{width:120%;height:120%;background:#ffffff4d;animation-delay:.5s}@keyframes pulse{0%{width:100%;height:100%;opacity:1}to{width:150%;height:150%;opacity:0}}svg.icon.icon-play{fill:red;color:#fcd02e}.svg-wrapper{position:relative;z-index:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding-left:4px}.icon-play{width:100%;height:100%;color:#333;transition:color .3s ease}.deferred-media__poster-button:hover .icon-play{color:#000}.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{object-fit:cover}.video-section__media.media-fit-cover video{object-fit:cover}.video-section .heading-2{margin-bottom:-15px!important;font-weight:900}@media screen and (max-width: 749px){.only-mobile{display:block}.desktop-video{display:none}}@media screen and (min-width: 750px){.only-mobile{display:none}.desktop-video{display:block}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/video-section.css.map */