.video-section{position:relative;overflow:hidden;min-height:var(--height-mobile, 480px);display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;color:rgb(var(--color-foreground))}@media(min-width:750px){.video-section{min-height:var(--height-desktop, 680px)}}.video-section__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.video-section__player,.video-section__embed,.video-section__el,.video-section__poster,.video-section__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.video-section__poster-btn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:0;padding:0;cursor:pointer;display:block}.video-section__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:rgba(var(--color-background),.85);color:rgb(var(--color-foreground));font-size:1.5rem;transition:transform var(--duration-default) var(--ease-out),background var(--duration-default) var(--ease-out)}.video-section__poster-btn:hover .video-section__play-icon{transform:translate(-50%,-50%) scale(1.08);background:rgb(var(--color-background))}.video-section__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--overlay-opacity, .25);pointer-events:none}.video-section__content{position:relative;z-index:2;text-align:center;max-width:720px;padding:2rem 1rem;color:rgb(var(--color-on-accent, 255, 255, 255));color:#fff}.video-section.align-left .video-section__content{text-align:left;margin-inline:auto auto}.video-section.align-right .video-section__content{text-align:right;margin-inline:auto auto}.video-section.vertical-top{align-items:start;padding-top:2rem}.video-section.vertical-bottom{align-items:end;padding-bottom:2rem}.video-section__subheading{letter-spacing:.1em;text-transform:uppercase;margin:0 0 .5rem;opacity:.85}.video-section__heading{margin:0 0 1rem}.video-section__text{margin:0 0 1.25rem}.video-section__content .button{margin-top:.5rem}@media(prefers-reduced-motion:reduce){.video-section__play-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-video.css.map */