.video-section{background-color:var(--video-section-bg);padding-top:var(--video-section-padding-top-mobile);padding-bottom:var(--video-section-padding-bottom-mobile)}.video-section__container{width:100%;max-width:var(--video-section-page-width);margin-inline:auto;padding-inline:15px}.video-section--align-left .video-section__container{margin-inline:0 auto}.video-section--align-center .video-section__container{margin-inline:auto}.video-section--align-right .video-section__container{margin-inline:auto 0}.video-section__media{position:relative;width:100%;height:auto;overflow:hidden;border-radius:var(--video-section-radius);background-color:#000}.video-section__video,.video-section__iframe,.video-section__poster,.video-section__placeholder,.video-section__iframe-holder{display:block;width:100%;height:100%}.video-section__video,.video-section__iframe,.video-section__poster{object-fit:var(--video-section-object-fit)}.video-section__iframe{border:0}.video-section__iframe-holder{position:relative}.video-section__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.video-section__poster--placeholder{background:linear-gradient(135deg,#1a1a1a,#333)}.video-section__placeholder{display:grid;place-items:center;background:#f3f3f3}.video-section__placeholder-svg{width:100%;height:100%;object-fit:cover}.video-section__play-button{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:#00000040;color:#fff;cursor:pointer;transition:background-color .2s ease}.video-section__play-button:hover,.video-section__play-button:focus-visible{background:#0006;outline:none}.video-section__play-icon{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:50%;background:#ffffffeb;color:#111;box-shadow:0 8px 24px #0003}.video-section__play-icon svg{width:1.5rem;height:1.5rem;margin-left:.15rem}.video-section__media--is-playing .video-section__play-button,.video-section__media--is-playing .video-section__poster{opacity:0;visibility:hidden;pointer-events:none}@media screen and (min-width:750px){.video-section{padding-top:var(--video-section-padding-top-tablet);padding-bottom:var(--video-section-padding-bottom-tablet)}.video-section__media{height:auto}}@media screen and (min-width:990px){.video-section{padding-top:var(--video-section-padding-top-desktop);padding-bottom:var(--video-section-padding-bottom-desktop)}.video-section__media{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */
