.video-section__media{--ratio-percent: 65%;position:relative;padding-bottom:calc(var(--ratio-percent) - var(--media-border-width))}.video-section__media .icon-play{display:none}.video-section__media .icon-pause{display:block}.video-section__media .icon-volume-mute{display:none}.video-section__media .icon-volume,.video-section__media[paused] .icon-play{display:block}.video-section__media[paused] .icon-pause{display:none}.video-section__media:has(video[muted]) .icon-volume{display:none}.video-section__media:has(video[muted]) .icon-volume-mute{display:block}.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__buttons{display:flex;gap:10px;position:absolute;left:50%;bottom:40px;transform:translate(-50%);z-index:1}.video__button{transform:translateY(100px);width:30px;height:30px;border-radius:100px;background:rgba(var(--color-foreground),.05);color:rgba(var(--color-foreground),1);cursor:pointer;display:flex;justify-content:center;align-items:center;opacity:0;transition:transform .3s cubic-bezier(.42,.97,.52,1.49),opacity .3s cubic-bezier(.42,.97,.52,1.49)}.video__button:first-child{left:0}.video__button:last-child{right:0}.video__button .icon{width:14px;height:14px}:is(.video-section__media[paused],.video-section:hover) .video__button{transform:translateY(0);opacity:1}.video__button-volume-range{font-size:1.5rem;width:0;margin:0;transition:width .3s ease}.video__button-volume{display:flex;align-items:center;gap:10px}.video__button-volume:hover .video__button-volume-range,.video__button-volume-range:hover{width:100px}
/*# sourceMappingURL=/cdn/shop/t/19/assets/video-section.css.map */