.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 video{width:100%;height:100%;object-fit:cover;display:block;top:0;opacity:0;transition:opacity .5s ease}.video-section{position:relative;overflow:hidden;width:100%}.bordered-el{position:relative}.bordered-el:after{content:"";position:absolute;width:100%;top:calc(100% - 98px);left:0;background-size:100%;background-position:bottom;background-repeat:repeat-x;z-index:2;height:100px}.gsap-flexible-gif{position:absolute;z-index:10;width:120px;visibility:hidden;overflow:hidden;pointer-events:none}@media screen and (min-width:990px){.gsap-flexible-gif{width:250px}}.gsap-flexible-gif img{width:100%;height:auto;display:block}.video-section__media{z-index:1}.video-section__media video{width:100%;height:auto;display:block;top:0;opacity:0;transition:opacity .5s ease}.video-section__media.is-loaded video{opacity:1}.video-section__media{position:relative;width:100%;background-color:#f5f0e8;display:flex;align-items:center;justify-content:center;transition:background-color .5s ease}.video-section__media.is-loaded{background-color:transparent;min-height:unset}.video-loading-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block!important;z-index:5}@keyframes spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/video-section.css.map */