.video-hero{display:block}.video-hero__stage{display:flex}@media screen and (min-width:750px){.video-hero__stage--desktop-fit{height:min(46.40625vw,calc((var(--viewport-height, 100vh) - 16rem) * .825))}}@media screen and (max-width:749px){.video-hero__stage.banner--small{min-height:28rem}.video-hero__stage.banner--medium{min-height:34rem}.video-hero__stage.banner--large{min-height:39rem}}.video-hero__media picture,.video-hero__poster,.video-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-hero__poster,.video-hero__video{object-fit:cover;object-position:center center}.video-hero__video{opacity:0;transition:opacity .6s ease}.video-hero.is-playing .video-hero__video{opacity:1}.video-hero--text-overlay .banner__box{padding:2rem 1.5rem;background:transparent;border:none;border-radius:0;box-shadow:none}.video-hero .content-container:after{display:none}.video-hero--text-overlay .video-hero__heading{font-weight:800;text-shadow:0 1px 6px rgba(0,0,0,.45)}.video-hero__below .banner__box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;max-width:none;padding:1.6rem 0 2rem;background:transparent;border:none;border-radius:0;box-shadow:none;text-align:center}.video-hero__below .video-hero__heading{margin:0;font-weight:800}.video-hero__below .banner__text,.video-hero__below .banner__buttons{margin:0}@media screen and (min-width:750px){.video-hero__below .banner__box{flex-direction:row;flex-wrap:wrap;gap:2.4rem;padding:2rem 0}}.video-hero__toggle{position:absolute;right:.4rem;bottom:.4rem;z-index:2;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:none;background:none;color:#fff;opacity:.75;filter:drop-shadow(0 0 2px rgba(0,0,0,.6));cursor:pointer}.video-hero__toggle[hidden]{display:none}.video-hero__toggle:hover,.video-hero__toggle:focus-visible{opacity:1}.video-hero__toggle .svg-wrapper{width:1rem;height:1rem}.video-hero__icon-play,.video-hero.is-paused .video-hero__icon-pause{display:none}.video-hero.is-paused .video-hero__icon-play{display:flex}@media screen and (min-width:750px){.video-hero--text-overlay .video-hero__heading,.video-hero--text-overlay .video-hero__heading em{color:#fff}.video-hero--text-overlay .banner__buttons .button{background-color:transparent;color:#fff;transition:background-color var(--duration-short) ease,color var(--duration-short) ease}.video-hero--text-overlay .banner__buttons .button:after,.video-hero--text-overlay .banner__buttons .button:not([disabled]):hover:after{box-shadow:0 0 0 1px #fff}.video-hero--text-overlay .banner__buttons .button:not([disabled]):hover{background-color:rgb(var(--color-button));color:#fff}.video-hero--text-overlay .banner__buttons .button:not([disabled]):hover:after{box-shadow:0 0 0 1px rgb(var(--color-button))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-hero.css.map */