.video-autoplay-wrapper{aspect-ratio:16 / 9}@media screen and (max-width:767px){.video-autoplay-wrapper{aspect-ratio:9 / 16}}.video-autoplay__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;transition:opacity .3s ease}.video-autoplay__poster.is-hidden{opacity:0}.video-autoplay__poster-img{width:100%;height:100%;object-fit:cover;object-position:center center}.video-autoplay__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 4rem;pointer-events:none;gap:1rem}.video-autoplay__overlay>*{pointer-events:auto}.video-autoplay__overlay--white{color:#fff}.video-autoplay__overlay--dark{color:#111}.video-autoplay__overlay--default{color:var(--color--text)}.video-autoplay__logo{height:auto;object-fit:contain}.video-autoplay__heading{font-family:var(--font--title);font-weight:var(--font--title-weight);letter-spacing:var(--font--title-space);text-transform:var(--font--title-transform);font-size:3.5rem;line-height:1.1;margin:0;color:inherit;text-shadow:0 2px 8px rgba(0,0,0,.3)}.video-autoplay__tagline{font-size:1.25rem;line-height:1.4;margin:0;color:inherit;text-shadow:0 1px 4px rgba(0,0,0,.3)}.video-autoplay__btn-group .c-btn--rounded{border-radius:100px}.video-autoplay__btn-group{display:flex;gap:12px;flex-wrap:wrap}.video-autoplay__btn-group--horizontal{flex-direction:row}.video-autoplay__btn-group--vertical{flex-direction:column}@media screen and (max-width:767px){.video-autoplay__overlay{padding:1.5rem;gap:.75rem}.video-autoplay__heading{font-size:2rem}.video-autoplay__tagline{font-size:1rem}.video-autoplay__btn-group{flex-direction:column;width:100%}.video-autoplay__btn-group .c-btn{width:100%}}.video-section--social-div{position:absolute;top:15px;right:10px;z-index:10}.video-section--rounded-btn{color:var(--color--brand);border:5px solid var(--color--brand);font-size:calc(var(--font--button-size) + 12px);padding:6px 12px;border-radius:100px;font-family:var(--font--title);font-weight:var(--font--title-weight);letter-spacing:var(--font--title-space);text-transform:var(--font--title-transform)}@media only screen and (max-width:767px){.video-section--rounded-btn{font-size:calc(var(--font--button-mobile-size) + 8px);border:4px solid var(--color--brand)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-video-autoplay.css.map */