.video-banner{position:relative;overflow:hidden;display:flex;padding-block:80px;gap:20px}.video-banner .video-banner__media{position:relative;width:100%}.video-banner .video-banner__text{display:flex;flex-direction:column;gap:20px}.video-banner .video-banner__text .video-banner-text__heading{font-size:4rem;line-height:1.6}@media screen and (max-width:48em){.video-banner .video-banner__text .video-banner-text__heading{font-size:3rem}}.video-banner .video-banner__text p{font-size:2rem;line-height:1.6}.video-banner.video-banner__iframe{display:flex;height:auto;flex-direction:column;padding-block:0}.video-banner.video-banner__iframe iframe{width:100%;height:700px}@media screen and (max-width:48em){.video-banner.video-banner__iframe iframe{height:400px}}@media screen and (max-width:40em){.video-banner.video-banner__iframe iframe{height:250px}}.video-banner.video-banner__video{height:var(--desktop-height)}.video-banner.video-banner__video .video-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.video-banner.video-banner__video video{position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;z-index:1}.video-banner.video-banner__video .video-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.video-banner.video-banner__video .video-banner__text{position:relative;z-index:3}.video-banner.video-banner__video .placeholder-image{position:absolute;width:100%;height:100%}@media screen and (max-width:48em){.video-banner.video-banner__video{height:var(--mobile-height);padding-block:40px}.video-banner.video-banner__video-text__heading{font-size:6.4rem;line-height:6.2rem}.video-banner.video-banner__video-text p{font-size:1.6rem;line-height:2.7rem}}.video-banner.first-section__full-screen-desktop.video-banner__video{height:calc(var(--desktop-height) - var(--header-height))}@media screen and (max-width:48em){.video-banner.first-section__full-screen-mobile.video-banner__video{height:calc(var(--mobile-height) - var(--header-height))}}.video-banner .video-banner__media>.video-banner__slide-in-product{--slidein-inset: 2rem;position:absolute;display:block;z-index:100;max-width:min(320px,calc(100% - var(--slidein-inset) * 2));max-height:min(200px,calc(100% - var(--slidein-inset) * 2));overflow-y:auto;background:var(--color-background, #fff);box-shadow:0 8px 32px #0000002e;border-radius:var(--media-radius);transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .3s;opacity:0;pointer-events:none;outline:none}.video-banner .video-banner__media>.video-banner__slide-in-product:focus-visible{outline:2px solid var(--color-accent, #000);outline-offset:4px}.video-banner .video-banner__media>.video-banner__slide-in-product--desktop-top-left{top:var(--slidein-inset);left:var(--slidein-inset);transform:translate(-100%)}.video-banner .video-banner__media>.video-banner__slide-in-product--desktop-top-right{top:var(--slidein-inset);right:var(--slidein-inset);transform:translate(100%)}.video-banner .video-banner__media>.video-banner__slide-in-product--desktop-bottom-left{bottom:var(--slidein-inset);left:var(--slidein-inset);transform:translate(-100%)}.video-banner .video-banner__media>.video-banner__slide-in-product--desktop-bottom-right{bottom:var(--slidein-inset);right:var(--slidein-inset);transform:translate(100%)}.video-banner .video-banner__media>.video-banner__slide-in-product.is-visible{opacity:1;pointer-events:auto;transform:none}.video-banner .video-banner__media>.video-banner__slide-in-product .product-item{box-shadow:none;border:none;background:transparent;padding:0;display:grid;grid-template-columns:1fr 2fr}.video-banner .video-banner__media>.video-banner__slide-in-product .product-item__media,.video-banner .video-banner__media>.video-banner__slide-in-product .product-item__media .product-media__images,.video-banner .video-banner__media>.video-banner__slide-in-product .product-item__media .lazy-image,.video-banner .video-banner__media>.video-banner__slide-in-product .product-item__media .lazy-image__content,.video-banner .video-banner__media>.video-banner__slide-in-product .product-item__media picture{height:100%;aspect-ratio:auto}.video-banner .video-banner__media>.video-banner__slide-in-product .product-item__media img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.video-banner .video-banner__media>.video-banner__slide-in-product .product-item__meta{padding-right:calc(var(--font-heading-scale) * 2.4rem);padding-bottom:calc(calc(var(--font-heading-scale) * 2.4rem) + 3rem)}.video-banner .video-banner__media>.video-banner__slide-in-product .product-item__actions{bottom:1rem;right:1rem}.video-banner .video-banner__media>.video-banner__slide-in-product .product-item__price .price{flex-direction:row;flex-wrap:wrap;font-size:calc(var(--font-body-scale) * 1.4rem)}.video-banner .video-banner__media>.video-banner__slide-in-product .product-label{padding:.1rem .2rem}.video-banner .video-banner__media>.video-banner__slide-in-product .product-label span{font-size:calc(var(--font-body-scale) * .8rem)}.video-banner .video-banner__media>.video-banner__slide-in-product .video-banner__slide-in-product-close{position:absolute;top:0;right:0;min-width:calc(var(--font-heading-scale) * 2.4rem);min-height:calc(var(--font-heading-scale) * 2.4rem);display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;z-index:2;transition:opacity .2s ease;opacity:.6}.video-banner .video-banner__media>.video-banner__slide-in-product .video-banner__slide-in-product-close svg{width:1.4rem;height:1.4rem;fill:currentColor}.video-banner .video-banner__media>.video-banner__slide-in-product .video-banner__slide-in-product-close:hover,.video-banner .video-banner__media>.video-banner__slide-in-product .video-banner__slide-in-product-close:focus-visible{opacity:1}.video-banner .video-banner__media>.video-banner__slide-in-product .video-banner__slide-in-product-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media screen and (max-width:48em){.video-banner .video-banner__media>.video-banner__slide-in-product{--slidein-inset: 1rem}.video-banner .video-banner__media>.video-banner__slide-in-product--mobile-top{top:var(--slidein-inset);bottom:auto;transform:translateY(-100%)}.video-banner .video-banner__media>.video-banner__slide-in-product--mobile-bottom{bottom:var(--slidein-inset);top:auto;transform:translateY(100%)}.video-banner .video-banner__media>.video-banner__slide-in-product.is-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-video-banner.css.map */