@font-face{font-family:Raleway-Bold;font-display:swap;src:url(/cdn/shop/files/Raleway-Bold.woff2?v=1731493206) format("woff2")}@font-face{font-family:Raleway-SemiBold;font-display:swap;src:url(/cdn/shop/files/Raleway-SemiBold.woff2?v=1731493206) format("woff2")}@font-face{font-family:Raleway-Regular;font-display:swap;src:url(/cdn/shop/files/Raleway-Regular.woff2?v=1731493206) format("woff2")}.saleHeroBanner,.saleHeroBanner *{box-sizing:border-box}.saleHeroBanner h1,.saleHeroBanner h2,.saleHeroBanner p,.saleHeroBanner a,.saleHeroBanner div,.saleHeroBanner span,.saleHeroBanner video{margin:0;padding:0;outline:none;box-shadow:none;border:0;font-weight:400}.saleHeroBanner a{text-decoration:none}.saleHeroBanner{--font-bold: "Raleway-Bold";--font-semibold: "Raleway-SemiBold";--font-regular: "Raleway-Regular";--color-white: #fff;--color-black: #000;--color-accent: #8974eb;--color-gradient-start: #a64198;--color-gradient-end: #272662;--color-button-bg: #69EFFC;--color-button-bg-hover: #ffffffff;--color-button-text: #000000ff;--color-button-tex-hover: #12102b;--color-scrim-rgb: 4, 4, 14;--color-overlay: rgba(0, 0, 0, .5);--size-title: clamp(40px, 5vw, 96px);--line-title: .9;--size-subtitle: clamp(18px, 1.4vw, 22px);--size-discount: clamp(30px, 8vw, 130px);--line-discount: 1;--size-promo: clamp(17px, 2.2vw, 32px);--size-code: clamp(16px, 1.9vw, 28px);--size-btn: clamp(18px, 2vw, 32px);--size-btn-padding-y: clamp(10px, 1.2vw, 18px);--size-btn-padding-x: clamp(24px, 2vw, 44px);--radius-pill: 50px;--content-width: 42%;--container-padding: 72px;--gap-title-bottom: 16px;--gap-code-top: 10px;--gap-code: 0px;--gap-button: 14px;width:100%;min-height:620px;height:100vh;background-image:var(--bg-desktop, linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%));background-repeat:no-repeat;background-size:cover;background-position:right;position:relative;overflow:hidden}.saleHeroBanner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(100deg,rgba(var(--color-scrim-rgb),.85),rgba(var(--color-scrim-rgb),.6) 35%,rgba(var(--color-scrim-rgb),.2) 60%,rgba(var(--color-scrim-rgb),0) 78%);pointer-events:none}.saleHeroBanner .videoOverlay{top:0;bottom:0;position:absolute;z-index:1;width:100%;height:100%;background-color:var(--color-overlay)}.saleHeroBanner .heroBannerVideo{position:absolute;width:100%;height:127%;top:50%;transform:translateY(-50%)}.saleHeroBanner .container-fluid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:var(--container-padding);padding-right:var(--container-padding)}.saleHeroBanner .heroSalesBannerInner{max-width:var(--content-width);width:100%;text-align:left}.saleHeroBanner .heroSalesBannerInner h1{color:var(--color-white);font-size:var(--size-title);line-height:var(--line-title);font-family:var(--font-bold);text-align:left;text-transform:uppercase}.saleHeroBanner .heroSalesBannerInner p{max-width:100%;margin:var(--gap-title-bottom) 0 0;font-size:var(--size-subtitle);font-family:var(--font-semibold);text-align:left;color:var(--color-white)}.saleHeroBanner .banner-code{max-width:var(--content-width);width:100%;margin-top:var(--gap-code)}.saleHeroBanner .banneroff{font-family:var(--font-bold);color:var(--color-accent);text-align:left;font-size:var(--size-discount);line-height:var(--line-discount)}.saleHeroBanner .bannerpromo{font-family:var(--font-regular);color:var(--color-white);text-align:left;font-size:var(--size-promo)}.saleHeroBanner .bannerpromo-span{font-family:var(--font-regular);color:var(--color-white);font-size:var(--size-code);display:inline-block;margin-top:var(--gap-code-top)}.saleHeroBanner .bannerpromo-span strong{font-family:var(--font-bold);font-weight:400;letter-spacing:.02em}.saleHeroBanner .buttonshop{margin-top:var(--gap-button)}.saleHeroBanner .july-sales-btn{position:relative;cursor:pointer;border:0;box-shadow:none;z-index:1;background-color:var(--color-button-bg);color:var(--color-black);font-family:var(--font-bold);border-radius:var(--radius-pill);overflow:hidden;padding:var(--size-btn-padding-y) var(--size-btn-padding-x);font-size:var(--size-btn);line-height:1;display:inline-block}.saleHeroBanner .july-sales-btn:hover{background-color:var(--color-button-bg-hover);color:var(--color-button-tex-hover)}@media(max-width:1500px){.saleHeroBanner{--container-padding: 50px;--content-width: 48%}}@media(max-width:1199px){.saleHeroBanner{--container-padding: 40px;--content-width: 55%}}@media(max-width:991px){.saleHeroBanner{min-height:520px;--container-padding: 30px;--content-width: 62%;--gap-code: 8px;--gap-button: 16px;background-position:top;background-image:var(--bg-mobile, var(--bg-desktop, none));background-size:cover;background-attachment:scroll}}@media(max-width:767px){.saleHeroBanner{height:auto;min-height:480px;--container-padding: 20px;--content-width: 78%;--gap-code: 6px;--gap-button: 14px}.saleHeroBanner:after{background:linear-gradient(180deg,rgba(var(--color-scrim-rgb),.9),rgba(var(--color-scrim-rgb),.55) 55%,rgba(var(--color-scrim-rgb),.25))}.saleHeroBanner .heroSalesBannerInner h1{text-align:left}.saleHeroBanner .heroSalesBannerInner h1 br{display:block}.saleHeroBanner .heroSalesBannerInner p,.saleHeroBanner .bannerpromo{text-align:left}}@media(max-width:480px){.saleHeroBanner{--content-width: 90%}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-july-sale-hero-banner.css.map */