:host{--ink:#151421;--muted:#575563;--paper:#FAF9FC;--lilac:#F2EEF7;--lavender:#ececff;--purple:#9da3ed;--deep:#211A2D}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #53366D;outline-offset:5px}h2:focus{outline:none}.preview-shell{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;line-height:1.7}.preview-shell .primary{max-width:380px}dialog{border:0;margin:0;padding:0;width:100%;max-width:none;height:100%;max-height:none;background:linear-gradient(105deg,var(--purple) -24%,var(--lavender) 54%,var(--lilac) 100%);color:var(--ink);overflow:auto}dialog::backdrop{background:var(--deep)}.composition{min-height:100svh;max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:64px clamp(28px,5.6vw,88px);gap:clamp(24px,4.5vw,72px)}.close{position:fixed;z-index:10;right:22px;top:20px;background:transparent;border:1px solid #15142133;border-radius:50%;width:48px;height:48px;display:grid;place-items:center}.close:hover{background:#ffffff80}.close svg{width:22px;stroke:currentColor;stroke-width:1.5}.product-scene{position:relative;height:min(690px,83vh);min-height:480px;display:flex;align-items:center;justify-content:center}.product{height:88%;width:auto;max-width:80%;object-fit:contain;transform:rotate(-13deg);filter:drop-shadow(20px 32px 20px #211a2d26)}.scene-caption{position:absolute;left:0;top:5%;font:500 italic clamp(19px,1.65vw,25px)/1.3 PPPopupInstrument,sans-serif;transform:rotate(-7deg);color:var(--deep);z-index:1}.doodle{position:absolute;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.arrow{left:0;top:13%;width:145px;z-index:2}.sparkle{right:0;top:24%;width:67px;transform:rotate(12deg)}.product-note{position:absolute;bottom:0;left:0;font-size:14px;line-height:1.5;display:flex;flex-direction:column}.product-note span:first-child{font-size:12px;letter-spacing:.12em;margin-bottom:3px}.copy-column{width:100%;max-width:510px;justify-self:center;position:relative}.brand{width:208px;height:auto;margin-bottom:44px}h2{font:600 clamp(40px,4.15vw,64px)/1.08 PPPopupInstrument,sans-serif;letter-spacing:-.035em;margin:0 0 22px}.intro{font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 28px;max-width:445px}.choices{display:grid;gap:11px;max-width:450px}.choices button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:14px 24px;border:1px solid #15142140;border-radius:999px;background:#faf9fc66;font-size:18px;transition:background .15s,transform .15s}.choices button:hover{background:var(--deep);color:var(--paper);transform:translate(3px)}.choices span{font-size:24px;line-height:1}.quiet,.back,.inline-link{background:none;border:0;text-decoration:underline;text-underline-offset:4px}.quiet{font-size:14px;margin-top:17px;padding:10px 0;color:var(--muted)}.progress{display:flex;gap:6px;margin-top:24px}.progress span{width:24px;height:3px;background:#15142126}.progress span.active{background:var(--deep)}.back{font-size:14px;padding:8px 0;margin:-18px 0 16px;text-decoration:none;color:var(--muted)}.back span{margin-right:7px}.field-label{display:block;font-size:14px;margin-bottom:8px}input[type=email]{width:100%;height:58px;border:1px solid #15142166;border-radius:6px;background:var(--paper);padding:14px 18px;color:var(--ink);font-size:17px}input::placeholder{color:var(--muted)}.consent{display:flex;gap:11px;font-size:13px;line-height:1.5;margin:16px 0 20px;align-items:flex-start;cursor:pointer}.consent input{margin:2px 0 0;min-width:18px;width:18px;height:18px;accent-color:var(--deep)}.primary{width:100%;border:1px solid var(--deep);border-radius:999px;min-height:58px;padding:16px 23px;background:var(--deep);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px}.primary:hover{background:#53366d}.terms{color:var(--muted);font-size:12px;line-height:1.6;margin:16px 0 0}.inline-link{padding:0;font-size:inherit;color:inherit}.preview-note{font-size:11px;color:var(--muted);margin:12px 0 0}.success-note{border-top:1px solid #15142133;border-bottom:1px solid #15142133;padding:24px 0;line-height:1.6;font-size:17px}#success-step .primary{margin-top:26px}[hidden]{display:none!important}@media(min-width:1600px){.composition{gap:96px}}@media(max-width:1050px)and (min-width:701px){.composition{padding:68px 40px;gap:25px}.product-scene{min-height:430px}.scene-caption{font-size:18px}.arrow{width:110px}.sparkle{width:45px}.brand{width:180px;margin-bottom:32px}h2{font-size:44px}.choices button{min-height:54px}.intro{font-size:17px}}@media(max-width:700px){dialog{background:linear-gradient(150deg,var(--lavender),var(--lilac))}.composition{display:flex;flex-direction:column;align-items:stretch;min-height:100svh;gap:0;padding:24px 25px 28px;position:relative}.close{top:16px;right:16px;width:44px;height:44px}.copy-column{max-width:450px;margin:0 auto;display:flex;flex-direction:column}.brand{width:153px;margin:0 0 181px;order:0}.step{order:1}.progress{order:2;margin-top:18px}.product-scene{position:absolute;min-height:0;height:165px;top:67px;left:25px;right:25px;pointer-events:none;max-width:450px;margin:auto}.product{height:100%;max-width:none;transform:rotate(15deg);filter:drop-shadow(8px 10px 10px #211a2d26)}.scene-caption{top:26%;left:0;width:100px;font-size:18px;line-height:1.1}.arrow{top:48%;left:11px;width:85px}.sparkle{width:37px;right:16%;top:8%}.product-note{display:none}h2{font-size:clamp(35px,9.7vw,44px);margin-bottom:14px;line-height:1.08}.intro{font-size:16px;line-height:1.5;margin-bottom:20px;max-width:100%}.choices{gap:9px;max-width:none}.choices button{min-height:50px;padding:11px 20px;font-size:16px}.choices span{font-size:21px}.quiet{margin-top:10px;font-size:13px}.back{margin:-5px 0 10px;padding:4px 0}.primary{font-size:14px;padding:15px 18px;min-height:54px}input[type=email]{height:54px;font-size:16px}.consent{font-size:12px;margin:13px 0 17px}.terms{font-size:11px}.preview-note{font-size:10px}dialog[data-step=email] .brand,dialog[data-step=success] .brand,dialog[data-step=privacy] .brand{margin-bottom:133px}dialog[data-step=email] .product-scene,dialog[data-step=success] .product-scene,dialog[data-step=privacy] .product-scene{height:117px;top:61px}dialog[data-step=email] .scene-caption,dialog[data-step=success] .scene-caption,dialog[data-step=privacy] .scene-caption{font-size:16px;width:104px;left:15px}dialog[data-step=email] .arrow,dialog[data-step=success] .arrow,dialog[data-step=privacy] .arrow{width:66px;left:24px}dialog[data-step=email] .sparkle,dialog[data-step=success] .sparkle,dialog[data-step=privacy] .sparkle{width:30px;right:20%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(min-width:701px){dialog[data-step=email] .composition{padding-top:40px;padding-bottom:40px}dialog[data-step=email] .brand{margin-bottom:28px}dialog[data-step=email] .intro{margin-bottom:22px}dialog[data-step=email] .progress{margin-top:16px}}h2 em{font-style:normal;color:#666bc4;font-weight:600}.choices .choice-label{display:flex;align-items:center;gap:15px;font-size:inherit;line-height:1.3}.choice-label img{flex:none;width:32px;height:32px}.choices .choice-arrow{font-size:24px}.choices button:hover{background:#fcfbfd;color:var(--ink);border-color:#666bc4}.quiet{display:block;margin:12px auto 0;text-decoration:none;min-height:44px;padding:10px 16px}.quiet:hover{text-decoration:underline}#email-form .primary{margin-top:16px}.signup-disclosure{font-size:13px;line-height:1.6;color:var(--muted);margin:16px 0 0}.signup-disclosure a{color:inherit;text-underline-offset:3px}.offer-terms{font-size:12px;margin-top:12px}.coupon-panel{margin:26px 0 20px;border:1px solid #666bc455;border-radius:12px;background:#faf9fc80;padding:22px 24px}.coupon-label{display:block;font-size:11px;letter-spacing:.12em;color:var(--muted);margin-bottom:12px}.coupon-row{display:flex;align-items:center;justify-content:space-between;gap:12px}#promo-code{font:600 clamp(21px,2vw,28px)/1.2 PPPopupInstrument,sans-serif;letter-spacing:.015em}#copy-code{border:0;background:transparent;min-width:70px;min-height:44px;display:flex;align-items:center;gap:7px;font-size:13px;padding:8px 0 8px 8px}#copy-code svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}#copy-status{display:block;font-size:12px;color:var(--muted);margin-top:10px;min-height:19px}.shop-link{text-decoration:none;margin-top:0!important}.shop-support{font-size:14px;line-height:1.5;margin:17px 0 0;color:var(--muted)}@media(max-width:700px){.choices button{padding:9px 18px;min-height:54px}.choices .choice-label{gap:12px}.choices .choice-arrow{font-size:21px}.scene-caption{width:110px;font-size:17px}.signup-disclosure{font-size:12px}.coupon-panel{padding:18px;margin:22px 0 18px}#promo-code{font-size:23px}.coupon-row{gap:7px}#copy-code{min-width:60px;font-size:12px}.shop-support{font-size:13px}.offer-terms{font-size:11px}}@media(max-width:360px){#promo-code{font-size:19px}.coupon-panel{padding:15px}#copy-code{min-width:54px;gap:4px}.coupon-label{font-size:10px}.scene-caption{font-size:16px;width:92px}.choices .choice-label{gap:10px}}.choice-label img.explore-icon{width:19.8px;height:28.8px;margin-inline:6.1px}@media(max-width:700px){.arrow{top:60%}}:host{font:400 16px/1.5 PPPopupDM,Arial,sans-serif;color:#151421}dialog{font-family:PPPopupDM,Arial,sans-serif}button,input{font-family:inherit}h2{color:#151421;text-transform:none}a:focus-visible,button:focus-visible{outline:3px solid #53366d;outline-offset:3px}.close{padding:0}.choices{text-align:left}.choices button{text-align:start}.primary:disabled{opacity:.65;cursor:wait}#submit-status{font-size:14px;line-height:1.5;color:#53366d;margin:10px 0 0}#submit-status:empty{display:none}.composition{min-height:100dvh}.close{background:#ececfff2}.choices .choice-label{min-width:0}.choice-arrow{flex:none}.brand{display:block;width:144px;margin-inline:auto}dialog[data-step=interest] .product-scene{display:none}dialog[data-step=interest] .composition{grid-template-columns:1fr;padding-block:32px}dialog[data-step=interest] .brand{margin-bottom:12px}dialog[data-step=interest] .intro{text-wrap:balance}.delivery-illustration{position:relative;width:clamp(320px,27vw,380px);max-width:100%;aspect-ratio:440 / 184;margin:0 auto 14px;pointer-events:none}.delivery-illustration>svg{display:block;width:100%;height:auto}.delivery-wordmark{position:absolute;left:22.5%;top:40.2%;width:31%;height:auto}@media(max-width:700px){.brand{width:118px;margin-inline:auto}dialog[data-step=interest] .composition{padding-block:24px}dialog[data-step=interest] .brand{margin-bottom:12px}.delivery-illustration{width:clamp(228px,67vw,280px);margin-bottom:14px}}@media(max-height:700px)and (min-width:701px){dialog[data-step=interest] .composition{padding-block:24px}.delivery-illustration{width:clamp(280px,25vw,340px);margin-bottom:10px}}@media(max-width:700px)and (max-height:640px){dialog[data-step=interest] .composition{padding-block:16px}dialog[data-step=interest] .brand{margin-bottom:8px}.delivery-illustration{margin-bottom:8px}dialog[data-step=interest] .intro{margin-bottom:18px}}.editorial-delivery{width:clamp(330px,28vw,390px);aspect-ratio:420 / 240}.editorial-delivery .parcel-back,.editorial-delivery .parcel-front{position:absolute;top:0;right:0;bottom:0;left:0}.editorial-delivery svg{display:block;width:100%;height:100%}.editorial-delivery .parcel-back{z-index:0}.editorial-delivery .delivery-product{position:absolute;height:88%;width:auto;left:46%;top:3%;transform:rotate(15deg);z-index:1}.editorial-delivery .parcel-front{z-index:2}.editorial-delivery .delivery-note{position:absolute;left:12%;top:14%;width:26%;color:#66517d;font:400 clamp(25px,2.3vw,31px)/.9 PPPopupHand,cursive;text-align:center;transform:rotate(-12deg);white-space:pre-line;z-index:3}@media(max-width:700px){.editorial-delivery{width:clamp(265px,76vw,310px);max-width:100%}.editorial-delivery .delivery-note{font-size:24px}}@media(max-height:640px)and (max-width:700px){.editorial-delivery{width:238px}.editorial-delivery .delivery-note{font-size:21px}}@media(min-width:701px){dialog:not([data-step=interest]) .editorial-delivery{display:none}}@media(max-width:700px){dialog[data-step] .composition{padding-block:24px}.step h2,.step .intro{text-align:center}dialog[data-step] .product-scene{display:none}dialog[data-step] .brand{margin:0 auto 12px}.editorial-delivery{flex-shrink:0}.back{position:absolute;top:-8px;left:0;min-height:44px;margin:0;padding:8px 0}}@media(max-width:700px)and (max-height:640px){dialog[data-step] .composition{padding-block:16px}dialog[data-step] .brand{margin-bottom:8px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/purpology-popup.css.map */