.custom-video-section__text{text-align:center;margin-bottom:2rem}.custom-video-section__heading{margin:0 0 .8rem}.custom-video-section__description{max-width:72rem;margin:0 auto}.custom-video-section__media-wrapper{--ratio-percent: 56.25%;position:relative;padding-bottom:var(--ratio-percent);overflow:hidden;border-radius:calc(var(--border-radius, 0px) - var(--border-width, 0px))}.custom-video-section--full-width .custom-video-section__media-wrapper{border-radius:0}.custom-video-section__media{position:absolute;top:0;left:0;width:100%;height:100%}.custom-video-section__media iframe,.custom-video-section__media video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.custom-video-section__media video{background:#000}.custom-video-section__poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transition:opacity .3s ease}.custom-video-section__poster img{width:100%;height:100%;object-fit:contain}.custom-video-section__poster--click{cursor:pointer}.custom-video-section__play-icon{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:6.2rem;width:6.2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform var(--duration-short) ease,color var(--duration-short) ease;z-index:3}.custom-video-section__poster--click:hover .custom-video-section__play-icon,.custom-video-section__poster--click:focus .custom-video-section__play-icon,.custom-video-section__poster--click:focus-visible .custom-video-section__play-icon{transform:translate(-50%,-50%) scale(1.1)}.custom-video-section__poster--click:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.custom-video-section__play-icon:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.custom-video-section__play-icon .icon{width:2rem;height:2rem}.custom-video-section__play-icon .icon-play{margin-left:.2rem}.custom-video-section__mobile-image{display:none}.custom-video-section__mobile-image img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:calc(var(--border-radius, 0px) - var(--border-width, 0px))}@media screen and (max-width:749px){.custom-video-section__media-wrapper--hide-mobile{display:none}.custom-video-section__mobile-image{display:block}}
/*# sourceMappingURL=/cdn/shop/t/193/assets/custom-video-section.css.map */