.video-hero{position:relative;overflow:hidden;min-height:50vh;display:flex;align-items:center;z-index:0}@media screen and (min-width:750px){.video-hero{min-height:70vh}}.video-hero__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.video-hero__video{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.video-hero__video--iframe{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:177.78vh;height:56.25vw;transform:translate(-50%,-50%);pointer-events:none;border:0}.video-hero__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .6s ease}.video-hero__media:has(video[autoplay]) .video-hero__poster{opacity:0;pointer-events:none}.video-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:2;pointer-events:none}.video-hero__content{position:relative;z-index:3;width:100%;padding:4rem}.video-hero__text{max-width:60rem;color:#fff}.video-hero__text--left{text-align:left}.video-hero__text--center{text-align:center;margin-inline:auto}.video-hero__text--right{text-align:right;margin-left:auto}.video-hero__heading{color:#fff;margin-bottom:1.5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.video-hero__description{color:#ffffffe6;margin-bottom:2rem;text-shadow:0 1px 4px rgba(0,0,0,.3)}.video-hero__description p{margin:0}.video-hero .button{background-color:#01e6fe;color:#fff;border:none}.video-hero .button:after{box-shadow:none!important}.video-hero .button:hover{background-color:#00c8dd;border:none;color:#fff}.video-hero__button-wrap{position:relative;display:inline-block}.video-hero__price-tag{position:absolute;bottom:-20px;right:-18px;background-color:#ff3b5c;color:#fff;font-size:1.2rem;font-weight:700;padding:4px 14px;border-radius:7px;transform:rotate(-26deg);white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0000004d;z-index:5;line-height:1.4;letter-spacing:.02em;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-hero__price-tag-label{font-size:.9rem;text-transform:uppercase;display:block;line-height:1.2}.video-hero__price-tag-price{font-size:1.4rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/video-hero.css.map */