.subscription-popup .drawer__inner{background:#fff;border-radius:20px;overflow:hidden}.subscription-popup .drawer__close-btn{background:transparent;border:none}.subscription-popup__image{background:#ff7ec0}.subscription-popup__image img{object-fit:cover}.subscription-popup .subscription-popup__title:before{content:"VIP list";display:inline-block;margin:0 0 1.6rem;padding:.6rem 1.2rem;border-radius:8px;background:#ff7ec0;color:#7f1125;font-size:1.2rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;line-height:1.2}.subscription-popup .subscription-popup__title h1,.subscription-popup .subscription-popup__title h2,.subscription-popup .subscription-popup__title h3{font-weight:500;letter-spacing:-.01em;color:#2a2427}.subscription-popup .petrait-bf{display:block;margin-bottom:.2em;font-size:1.45em;font-weight:800;line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:#7f1125;background:linear-gradient(90deg,#7f1125,#ff7ec0,#ff9b84,#7f1125,#ff7ec0);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:petrait-bf-shift 6s linear infinite}@keyframes petrait-bf-shift{0%{background-position:0% 50%}to{background-position:150% 50%}}@media(prefers-reduced-motion:reduce){.subscription-popup .petrait-bf{animation:none;background:none;-webkit-text-fill-color:#7F1125;color:#7f1125}}.subscription-popup .subscription-popup__text,.subscription-popup .subscription-popup__text p{color:#6b6266;font-weight:300}.subscription-popup .newsletter-form__design-2 .form-field{display:flex;flex-direction:column;gap:1rem}.subscription-popup .newsletter-form .form-control{position:relative;z-index:1;height:5.2rem;background:#f2eff0;border:none;border-radius:14px;padding:0 2rem;color:#3d3438;box-shadow:none}.subscription-popup .subscription-popup__form .newsletter-form .newsletter-form__button.btn{--color-button: 127, 17, 37;--color-button-text: 255, 126, 192;--color-button-hover-background: 127, 17, 37;--color-button-hover-text: 255, 126, 192;--color-button-before: rgb(127, 17, 37);--color-border: 127, 17, 37;position:relative!important;inset:auto!important;transform:none!important;margin:0!important;overflow:hidden;isolation:isolate;width:100%;height:5.4rem;border:none!important;border-radius:14px;background:#7f1125!important;background-color:#7f1125!important;color:#ff7ec0!important;font-size:1.7rem;font-weight:600;letter-spacing:.01em;box-shadow:none!important}.subscription-popup .subscription-popup__form .newsletter-form .newsletter-form__button.btn:before,.subscription-popup .subscription-popup__form .newsletter-form .newsletter-form__button.btn:after{display:none!important;content:none!important}.subscription-popup .subscription-popup__form .newsletter-form .newsletter-form__button.btn:hover,.subscription-popup .subscription-popup__form .newsletter-form .newsletter-form__button.btn:focus-visible{background:#6a0e1f!important;background-color:#6a0e1f!important;color:#ff7ec0!important}.subscription-popup__teaser{overflow:hidden;isolation:isolate;min-height:4.4rem;padding:0 2.2rem!important;border:none!important;border-radius:0 0 12px 12px!important;background:var(--color-teaser-popup-bg)!important;background-color:var(--color-teaser-popup-bg)!important;color:var(--color-teaser-popup-text)!important;font-size:1.3rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 4px 16px #2a24272e!important}.subscription-popup__teaser:before,.subscription-popup__teaser:after,.subscription-popup__teaser svg{display:none!important}.subscription-popup__teaser:hover{background:#5a0c1a!important;background-color:#5a0c1a!important;color:var(--color-teaser-popup-text)!important}.petrait-alert-modal .drawer__inner{max-width:44rem;background:#fff!important;border-radius:20px!important;overflow:hidden}.petrait-alert-modal .drawer__close-btn{background:transparent;border:none}.petrait-alert-modal .drawer__body{padding:4.8rem 3.2rem 3.2rem}.petrait-success{display:flex;flex-direction:column;align-items:center;gap:1.4rem;text-align:center}.petrait-success.hidden{display:none!important}.petrait-success__icon{width:5.6rem;height:5.6rem;border-radius:16px;background:#ff7ec0;display:flex;align-items:center;justify-content:center}.petrait-success__icon svg{width:2.4rem;height:2.4rem;stroke:#7f1125}.petrait-success__title{margin:.4rem 0 0;font-size:2.8rem;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:#2a2427}.petrait-success__text{margin:0;max-width:34rem;font-size:1.5rem;font-weight:300;line-height:1.6;color:#6b6266}.petrait-success__btn{width:100%;height:5.4rem;margin-top:1rem;border:none;border-radius:14px;background:#7f1125;color:#ff7ec0;font-family:inherit;font-size:1.7rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.petrait-success__btn:hover,.petrait-success__btn:focus-visible{background:#6a0e1f}@media(max-width:767.98px){.subscription-popup.modal,.petrait-alert-modal.modal{align-items:flex-end;justify-content:center;padding:0}.subscription-popup.modal .drawer__inner,.petrait-alert-modal.modal .drawer__inner{width:100%;max-width:none;max-height:88vh;border-radius:20px 20px 0 0!important;opacity:1;transform:translateY(100%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.subscription-popup.modal[active]>.drawer__inner,.petrait-alert-modal.modal[active]>.drawer__inner{transform:translateY(0)}.subscription-popup.modal .drawer__inner:before,.petrait-alert-modal.modal .drawer__inner:before{content:"";position:absolute;top:10px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:999px;background:#e2dade;z-index:2}.subscription-popup.modal .drawer__body{max-height:88vh;padding:0}.petrait-alert-modal.modal .drawer__body{padding:4.4rem 2.4rem calc(3.2rem + env(safe-area-inset-bottom,0px))}.subscription-popup .subscription-popup__image{display:none}.subscription-popup .subscription-popup__blocks{padding:3.6rem 2.4rem calc(3.2rem + env(safe-area-inset-bottom,0px))!important}.subscription-popup .drawer__close-btn,.petrait-alert-modal .drawer__close-btn{top:.8rem;inset-inline-end:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/petrait-vip-popup.css.map */