:root{--f-nhg: "neue-haas-grotesk";--f-ave: "Avenir Next";--c-purple: #8575E5;--c-dark: #121212;--c-beige: #FBFAF7;--c-pink: #D72489}.button--black{--button-background: 0 0 0;font-size:.9375rem;letter-spacing:-.02em}.button--white{--button-background: 255 255 255;font-size:.9375rem;color:var(--c-purple);letter-spacing:-.02em}.button--blue{--button-background: 66 59 147;font-size:.9375rem;letter-spacing:-.02em}.button--pink{--button-background: 215 36 137;font-size:.9375rem;letter-spacing:-.02em}.button--small{border-radius:8px;font-size:.9375rem;line-height:1.05;letter-spacing:-.04em;padding:8px 16px}.button--transparent{border:1px solid var(--c-purple);color:var(--c-purple);--button-background: transparent;--button-text: var(--c-purple)}.button--white-black{--button-background: 255 255 255;color:#000;font-size:.9375rem;letter-spacing:-.02em}.button--outline-white{border:1px solid #fff;color:#fff;--button-background: transparent;--button-text: white}.collection-hero-sale{position:relative;width:100%;background:radial-gradient(50% 50% at 50% 50%,#f5f5f7,#e6e6ea);color:#000;padding:4.375rem 0;overflow:hidden}@media(max-width:1024px){.collection-hero-sale{padding:3.75rem 0}}@media(max-width:599px){.collection-hero-sale{padding:2.25rem 0}}.collection-hero-sale__container{display:grid;grid-template-columns:38% auto;gap:6.25rem;align-items:center}@media(max-width:1200px){.collection-hero-sale__container{gap:2.5rem}}@media(max-width:1024px){.collection-hero-sale__container{grid-template-columns:1fr;gap:3rem;text-align:center}}@media(max-width:599px){.collection-hero-sale__container{gap:2.25rem}}.collection-hero-sale__content{display:flex;flex-direction:column;align-items:flex-start;max-width:37.5rem}@media(max-width:1024px){.collection-hero-sale__content{align-items:center;margin:0 auto;max-width:42.5rem}}.collection-hero-sale__pre-title{font-family:var(--f-ave);font-size:1.125rem;font-weight:500;line-height:1.2;color:#0009;margin-bottom:1rem}@media(max-width:599px){.collection-hero-sale__pre-title{font-size:1rem;margin-bottom:.75rem}}.collection-hero-sale__pre-title *{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}.collection-hero-sale__title{font-family:var(--f-nhg);font-size:2.625rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:#000;margin-top:0;margin-bottom:1rem;width:100%}@media(max-width:1400px){.collection-hero-sale__title{font-size:2.625rem}}@media(max-width:1024px){.collection-hero-sale__title{font-size:2.25rem}}@media(max-width:599px){.collection-hero-sale__title{font-size:2.25rem;line-height:1.1;margin-bottom:1rem}}.collection-hero-sale__title *{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}.collection-hero-sale__title span,.collection-hero-sale__title em{font-style:normal;color:#8575e5}.collection-hero-sale__title strong,.collection-hero-sale__title b{color:#000;font-weight:600}.collection-hero-sale__subtitle{font-family:var(--f-ave);font-size:1.125rem;font-weight:600;line-height:1.3;color:#000c;margin-bottom:1.625rem;width:100%}@media(max-width:1400px){.collection-hero-sale__subtitle{font-size:1.25rem}}@media(max-width:1024px){.collection-hero-sale__subtitle{color:#000c;font-size:1.125rem;margin-bottom:2rem}}@media(max-width:599px){.collection-hero-sale__subtitle{font-weight:500}}.collection-hero-sale__subtitle *{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}.collection-hero-sale__steps{display:flex;flex-direction:column;position:relative;width:100%;gap:1.25rem}@media(max-width:1024px){.collection-hero-sale__steps{align-items:flex-start;text-align:left;max-width:32.5rem;margin:0 auto}}.collection-hero-sale__step{display:flex;align-items:stretch;gap:1.125rem;position:relative;z-index:2}@media(max-width:599px){.collection-hero-sale__step{gap:.875rem}}.collection-hero-sale__step-badge-wrapper{display:flex;flex-direction:column;align-items:center;width:2.5rem;min-width:2.5rem;flex-shrink:0;position:relative}.collection-hero-sale__step-badge{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;border-radius:50%;background-color:#8575e5;color:#fff;font-family:var(--f-nhg);font-size:1.125rem;font-weight:700;line-height:1;box-shadow:0 .125rem .5rem #8575e540;flex-shrink:0;z-index:2}.collection-hero-sale__step-line{flex:1;width:0;border-left:2px dashed #8575e5;margin-top:.375rem;margin-bottom:-1.5rem;z-index:1;min-height:1rem}.collection-hero-sale__step-content{display:flex;flex-direction:column;gap:0rem;padding-top:.375rem}.collection-hero-sale__step-title{font-family:var(--f-ave);font-size:1.125rem;font-weight:700;line-height:normal;color:#000}@media(max-width:599px){.collection-hero-sale__step-title{font-size:.9375rem}}.collection-hero-sale__step-text{font-family:var(--f-ave);font-size:1rem;font-weight:600;line-height:normal;color:#000c}@media(max-width:599px){.collection-hero-sale__step-text{font-size:.875rem}}.collection-hero-sale__actions{margin-top:2.25rem;width:100%}@media(max-width:1024px){.collection-hero-sale__actions{display:flex;justify-content:center}}.collection-hero-sale__visual{width:100%;display:flex;justify-content:center;align-items:center}@media(max-width:599px){.collection-hero-sale__visual{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}}.collection-hero-sale__picture{display:block;width:100%}.collection-hero-sale__image{width:100%;height:auto;display:block;object-fit:contain}.collection-hero-sale__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:40rem}@media(max-width:599px){.collection-hero-sale__grid{gap:.625rem}}.collection-hero-sale__backdrop{position:relative;aspect-ratio:3/4;border:.375rem solid #fff;border-radius:.25rem;overflow:hidden;background-color:#fff;box-shadow:0 .25rem 1rem #00000014}.collection-hero-sale__backdrop-image{width:100%;height:100%;object-fit:cover;display:block}.collection-hero-sale__backdrop-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.collection-hero-sale__backdrop-svg{width:60%;height:60%;opacity:.3}
/*# sourceMappingURL=/cdn/shop/t/148/assets/collection-hero-sale.css.map */