.promo-popup-root[hidden]{display:none!important}.promo-popup__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9997;background-color:rgba(0,0,0,var(--promo-overlay-opacity, .3));opacity:0;transition:opacity .24s ease;pointer-events:none;display:none;-webkit-backdrop-filter:saturate(100%);backdrop-filter:saturate(100%)}.promo-popup__backdrop[data-state=open]{display:block;opacity:1;pointer-events:auto}.promo-popup{position:fixed;z-index:9999;width:min(760px,calc(100vw - 3rem));max-height:min(620px,calc(100dvh - 3rem));background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:8px;box-shadow:0 12px 40px #00000038;overflow:hidden;display:grid;grid-template-columns:1fr;visibility:hidden;opacity:0;transform:translateY(48px);pointer-events:none;transition:opacity .36s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1),visibility 0s linear .52s;will-change:transform,opacity}.promo-popup[data-state=open]{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .36s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}.promo-popup[data-animate=fade],.promo-popup--top-left[data-animate=fade],.promo-popup--top-right[data-animate=fade],.promo-popup--center[data-animate=fade]{transform:none;transition:opacity .24s ease-out,visibility 0s linear .24s}.promo-popup[data-animate=fade][data-state=open],.promo-popup--top-left[data-animate=fade][data-state=open],.promo-popup--top-right[data-animate=fade][data-state=open],.promo-popup--center[data-animate=fade][data-state=open]{transform:none;transition:opacity .24s ease-out,visibility 0s linear 0s}@media screen and (min-width:750px){.promo-popup{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);min-height:360px}}.promo-popup--bottom-left{left:1.5rem;bottom:1.5rem}.promo-popup--bottom-right{right:1.5rem;bottom:1.5rem}.promo-popup--top-left{left:1.5rem;top:calc(var(--header-height, 0px) + 1.5rem)}.promo-popup--top-right{right:1.5rem;top:calc(var(--header-height, 0px) + 1.5rem)}.promo-popup--top-left,.promo-popup--top-right{transform:translateY(-48px)}.promo-popup--top-left[data-state=open],.promo-popup--top-right[data-state=open]{transform:translateY(0)}.promo-popup--center{left:50%;top:50%;transform:translate(-50%,calc(-50% + 32px)) scale(.96)}.promo-popup--center[data-state=open]{transform:translate(-50%,-50%) scale(1)}@media(prefers-reduced-motion:reduce){.promo-popup,.promo-popup--top-left,.promo-popup--top-right,.promo-popup--center{transform:none;transition:opacity .2s linear,visibility 0s linear .2s}.promo-popup[data-state=open],.promo-popup--center[data-state=open]{transform:none;transition:opacity .2s linear,visibility 0s linear 0s}}.promo-popup__close{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;border-radius:999px;background:#ffffffd9;color:#111;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none}.promo-popup__close:hover{background:#fff}.promo-popup__media{position:relative;background-color:#0000000a;height:clamp(160px,26vh,220px)}@media screen and (min-width:750px){.promo-popup__media{height:auto;min-height:100%;aspect-ratio:auto}}.promo-popup__image-slot{position:absolute;top:0;right:0;bottom:0;left:0}.promo-popup__image-slot[hidden]{display:none}.promo-popup__image-slot img{width:100%;height:100%;object-fit:cover;display:block}.promo-popup__body{padding:3.6rem 2rem 2rem;display:flex;flex-direction:column;gap:var(--promo-content-gap, 1rem);text-align:center;align-items:center;justify-content:center}@media screen and (min-width:750px){.promo-popup__body{padding:3rem 2.8rem}}.promo-popup__heading{margin:0;font-size:clamp(1.8rem,2.4vw,2.4rem);line-height:1.1;letter-spacing:.02em;font-weight:700}.promo-popup__subheading{margin:0;font-size:clamp(1.4rem,1.8vw,1.6rem);letter-spacing:.04em}.promo-popup__heading+.promo-popup__subheading{margin-top:var(--promo-heading-gap, 0)}.promo-popup__subheading+.promo-popup__description{margin-top:var(--promo-subheading-gap, 0)}.promo-popup__description{margin:0;font-size:1.3rem;line-height:1.55;opacity:.85}.promo-popup__description>*:first-child{margin-top:0}.promo-popup__description>*:last-child{margin-bottom:0}.promo-popup__button{align-self:center}*+.promo-popup__button{margin-top:var(--promo-text-button-gap, 0)}.promo-popup__footnote{margin:0;font-size:1.1rem;opacity:.7;line-height:1.4}.promo-popup__footnote>*:first-child{margin-top:0}.promo-popup__footnote>*:last-child{margin-bottom:0}.promo-teaser{position:fixed;z-index:9998;padding:1.4rem 1.6rem 1.4rem 2.4rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.12);border-radius:8px;box-shadow:0 8px 24px #0000002e;font-size:1.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.8rem;visibility:hidden;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .36s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,visibility 0s linear .36s;will-change:transform,opacity}.promo-teaser[data-state=visible]{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .36s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,visibility 0s linear 0s}.promo-teaser:hover{box-shadow:0 12px 28px #00000038}.promo-teaser[data-state=visible]:hover{transform:translateY(-2px)}.promo-teaser__open{margin:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;display:inline-flex;align-items:center;-webkit-appearance:none;appearance:none}.promo-teaser__close{flex-shrink:0;width:2.8rem;height:2.8rem;margin:-.6rem -.4rem -.6rem 0;padding:0;border:none;border-radius:0;background:transparent;color:rgba(var(--color-foreground),.45);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;transition:opacity .2s ease,color .2s ease}.promo-teaser__close:hover{background:transparent;color:rgba(var(--color-foreground),.65)}.promo-teaser[data-animate=fade],.promo-teaser--top-left[data-animate=fade],.promo-teaser--top-right[data-animate=fade],.promo-teaser--center[data-animate=fade]{transform:none;transition:opacity .2s ease-out,box-shadow .2s ease,visibility 0s linear .2s}.promo-teaser[data-animate=fade][data-state=visible],.promo-teaser--top-left[data-animate=fade][data-state=visible],.promo-teaser--top-right[data-animate=fade][data-state=visible],.promo-teaser--center[data-animate=fade][data-state=visible]{transform:none;transition:opacity .2s ease-out,box-shadow .2s ease,visibility 0s linear 0s}.promo-teaser--bottom-left{left:1.5rem;bottom:1.5rem}.promo-teaser--bottom-right{right:1.5rem;bottom:1.5rem}.promo-teaser--top-left{left:1.5rem;top:calc(var(--header-height, 0px) + 1.5rem)}.promo-teaser--top-right{right:1.5rem;top:calc(var(--header-height, 0px) + 1.5rem)}.promo-teaser--top-left,.promo-teaser--top-right{transform:translateY(-20px)}.promo-teaser--top-left[data-state=visible],.promo-teaser--top-right[data-state=visible]{transform:translateY(0)}.promo-teaser--center{left:50%;bottom:1.5rem;transform:translate(-50%,20px)}.promo-teaser--center[data-state=visible]{transform:translate(-50%)}@media screen and (min-width:750px){.promo-popup--logged-out.promo-popup--bottom-left,.promo-teaser--logged-out.promo-teaser--bottom-left{left:auto;right:1.5rem}body:has(.eu-withdrawal-popup__trigger) .promo-popup--logged-out.promo-popup--bottom-left,body:has(.eu-withdrawal-popup__trigger) .promo-teaser--logged-out.promo-teaser--bottom-left,body:has(.eu-withdrawal-popup__trigger) .promo-popup--bottom-right,body:has(.eu-withdrawal-popup__trigger) .salon-locator-popup--bottom-right,body:has(.eu-withdrawal-popup__trigger) .promo-teaser--bottom-right,body:has(.eu-withdrawal-popup__trigger).mt-popup-pos-bottom-right .promo-popup,body:has(.eu-withdrawal-popup__trigger).mt-popup-pos-bottom-right .salon-locator-popup,body:has(.eu-withdrawal-popup__trigger).mt-popup-mobile-carousel.mt-popup-pos-bottom-right .promo-popup,body:has(.eu-withdrawal-popup__trigger).mt-popup-mobile-carousel.mt-popup-pos-bottom-right .salon-locator-popup{bottom:calc(1.5rem + var(--eu-withdrawal-chip-stack-size, 5.6rem) + var(--floating-action-gap, .8rem))!important}body:has(#app-embed[data-current-step=tease]):not(:has(.eu-withdrawal-popup__trigger)) .promo-teaser--bottom-left,body:has(#app-embed[data-current-step=tease]):not(:has(.eu-withdrawal-popup__trigger)) .promo-teaser--bottom-right{bottom:calc(1.5rem + var(--shopify-forms-teaser-stack-size, 6.4rem) + var(--floating-action-gap, .8rem))}}@media(prefers-reduced-motion:reduce){.promo-teaser,.promo-teaser--top-left,.promo-teaser--top-right,.promo-teaser--center{transform:none;transition:opacity .18s linear,box-shadow .2s ease,visibility 0s linear .18s}.promo-teaser[data-state=visible],.promo-teaser--center[data-state=visible]{transform:none;transition:opacity .18s linear,box-shadow .2s ease,visibility 0s linear 0s}}@media screen and (max-width:749px){.promo-popup,.promo-popup--top-left,.promo-popup--top-right{left:1rem!important;right:1rem!important;bottom:1rem!important;top:auto!important;width:auto;transform:translateY(48px);grid-template-rows:auto minmax(0,1fr)}.promo-popup[data-state=open],.promo-popup--top-left[data-state=open],.promo-popup--top-right[data-state=open]{transform:translateY(0);z-index:10001;bottom:1rem!important}body:has(.eu-withdrawal-popup__trigger) .promo-popup[data-state=open],body:has(.eu-withdrawal-popup__trigger) .salon-locator-popup[data-state=open],body:has(.eu-withdrawal-popup__trigger).mt-popup-mobile-carousel .promo-popup[data-carousel-phase=active],body:has(.eu-withdrawal-popup__trigger).mt-popup-mobile-carousel .salon-locator-popup[data-carousel-phase=active]{bottom:calc(1rem + var(--eu-withdrawal-chip-stack-size, 5.6rem) + var(--floating-action-gap, .8rem))!important}.promo-popup__backdrop[data-state=open]{z-index:10000}.promo-popup--center{top:50%!important;bottom:auto!important;transform:translateY(calc(-50% + 32px)) scale(.96)}.promo-popup--center[data-state=open]{transform:translateY(-50%) scale(1)}.promo-popup__body{justify-content:flex-start;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.promo-popup__heading{font-size:clamp(1.65rem,4.4vw,1.95rem)}.promo-popup__subheading{font-size:clamp(1.25rem,3.4vw,1.5rem)}.promo-popup__description{font-size:1.22rem}.promo-popup__footnote{font-size:1.05rem}.promo-teaser{padding:1rem 1.2rem 1rem 1.5rem;font-size:1.35rem;gap:.55rem}.promo-teaser__close{width:2.4rem;height:2.4rem;margin:-.4rem -.2rem -.4rem 0}.promo-teaser--bottom-left,.promo-teaser--bottom-right{left:1rem;right:auto;bottom:var(--floating-action-inset, 1rem)}.promo-teaser.salon-locator-teaser.promo-teaser--bottom-left,.promo-teaser.salon-locator-teaser.promo-teaser--bottom-right,.promo-teaser.salon-locator-teaser.promo-teaser--bottom-center{left:auto!important;right:1rem!important}body:has(#app-embed[data-current-step=tease]):not(:has(.eu-withdrawal-popup__trigger)) .promo-teaser--bottom-left,body:has(#app-embed[data-current-step=tease]):not(:has(.eu-withdrawal-popup__trigger)) .promo-teaser--bottom-right{bottom:calc(var(--floating-action-inset, 1rem) + var(--shopify-forms-teaser-stack-size, 6.4rem) + var(--floating-action-gap, .8rem))}body:has(.eu-withdrawal-popup__trigger):not(:has(#app-embed[data-current-step=tease])) .promo-teaser--bottom-left,body:has(.eu-withdrawal-popup__trigger):not(:has(#app-embed[data-current-step=tease])) .promo-teaser--bottom-right{bottom:calc(var(--floating-action-inset, 1rem) + var(--eu-withdrawal-chip-stack-size, 5.6rem) + var(--floating-action-gap, .8rem))}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-promo-popup.css.map */