.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-toggle-mute{position:absolute;top:1rem;right:1rem;background:#0009;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.video-toggle-mute .material-icons{font-size:24px;color:#fff;pointer-events:none}.video-section__media-wrapper{position:relative}.video-image-right{position:absolute;top:70%;transform:translateY(-50%);max-width:450px;width:30vw;z-index:2;pointer-events:none}.video-image-left{position:absolute;top:-5%;transform:translateY(-50%);max-width:200px;width:20vw;z-index:2;pointer-events:none;transform:rotate(10deg)}.video-image-left{left:-100px}.video-image-right{right:-200px}@media screen and (max-width: 435px){.video-image-right{right:-150px;top:275px;width:70vw}}@media screen and (max-width: 435px){.video-image-left{left:-50px;top:-10px;width:35vw}}.video-outline-svg{position:absolute;bottom:-57px;left:50%;transform:translate(-50%);z-index:3;pointer-events:none}.video-outline-svg{width:80%;text-align:center}@media screen and (max-width: 435px){.video-outline-svg{bottom:-39vh}}.responsive-svg{width:90%;height:auto;display:block;max-width:400px;margin:0 auto}@media screen and (max-width: 435px){.video-outline-svg{width:90%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/video-section.css.map */