body.discount-popup-open{overflow:hidden}.discount-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.6rem;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility .35s ease}.discount-popup.is-open{pointer-events:auto;visibility:visible;opacity:1}.discount-popup__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;border:none;cursor:pointer}.discount-popup__dialog{position:relative;width:100%;max-width:38rem;background:#fff;border-radius:2.4rem;overflow:hidden;box-shadow:0 2.4rem 6.4rem #0000002e;transform:translateY(1.6rem) scale(.98);transition:transform .35s ease}.discount-popup.is-open .discount-popup__dialog{transform:translateY(0) scale(1)}.discount-popup__header{position:relative;background:var(--discount-popup-yellow, #ffc629);padding:2.8rem 2.4rem 2.4rem;text-align:center}.discount-popup__close{position:absolute;top:1.2rem;right:1.2rem;width:3.2rem;height:3.2rem;border:none;background:transparent;color:#1a1a1a;font-size:2.4rem;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.discount-popup__close:hover{background:#0000000f}.discount-popup__close:focus-visible{outline:.2rem solid #1a1a1a;outline-offset:.2rem}.discount-popup__illustration{display:flex;justify-content:center;align-items:center;padding:.4rem 0 .8rem}.discount-popup__egg{width:min(22rem,88%);height:auto;display:block;filter:drop-shadow(0 .6rem 1.2rem rgba(0,0,0,.08))}.discount-popup__body{padding:2.4rem 2.4rem 2rem;text-align:center}.discount-popup__heading{margin:0 0 .4rem;font-size:2.8rem;font-weight:700;line-height:1.2;color:#1a1a1a;letter-spacing:-.02em}.discount-popup__subheading{margin:0 0 2rem;font-size:1.6rem;color:#6b6b6b;line-height:1.4}.discount-popup__form{display:flex;flex-direction:column;gap:1.2rem}.discount-popup__field{width:100%}.discount-popup__input{width:100%;padding:1.4rem 1.6rem;font-size:1.5rem;line-height:1.4;color:#1a1a1a;background:#f3f3f3;border:.1rem solid #e8e8e8;border-radius:1.2rem;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.discount-popup__input::placeholder{color:#9a9a9a}.discount-popup__input:focus{outline:none;border-color:var(--discount-popup-yellow, #ffc629);box-shadow:0 0 0 .3rem #ffc62959}.discount-popup__submit{width:100%;padding:1.5rem 2rem;font-size:1.6rem;font-weight:700;color:#1a1a1a;background:var(--discount-popup-yellow, #ffc629);border:none;border-radius:1.2rem;cursor:pointer;transition:filter .2s ease,transform .15s ease}.discount-popup__submit:hover:not(:disabled){filter:brightness(.96)}.discount-popup__submit:disabled{opacity:.65;cursor:wait}.discount-popup__dismiss{display:inline-flex;align-items:center;justify-content:center;margin-top:.4rem;padding:1rem 2.4rem;font-size:1.4rem;color:#6b6b6b;background:#fff;border:.1rem solid #d8d8d8;border-radius:999px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.discount-popup__dismiss:hover{border-color:#b8b8b8;color:#1a1a1a}.discount-popup__message{margin:0 0 1.2rem;font-size:1.4rem;line-height:1.5}.discount-popup__message--error{color:#b42318}.discount-popup__success{display:none;flex-direction:column;align-items:center;gap:1.2rem}.discount-popup__success.is-visible{display:flex}.discount-popup__form.is-hidden{display:none}.discount-popup__success-text{margin:0;font-size:1.5rem;color:#3b3b3b;line-height:1.5}.discount-popup__code-wrap{display:flex;align-items:stretch;width:100%;max-width:28rem;border-radius:1.2rem;overflow:hidden;border:.2rem dashed var(--discount-popup-yellow, #ffc629)}.discount-popup__code{flex:1;padding:1.2rem 1.4rem;font-size:1.8rem;font-weight:700;letter-spacing:.08em;color:#1a1a1a;background:#fffbeb;border:none;text-align:center}.discount-popup__copy{padding:1.2rem 1.6rem;font-size:1.4rem;font-weight:600;color:#1a1a1a;background:var(--discount-popup-yellow, #ffc629);border:none;cursor:pointer;white-space:nowrap}.discount-popup__copy.is-copied{background:#2e7d4f;color:#fff}@media screen and (max-width:749px){.discount-popup__heading{font-size:2.4rem}.discount-popup__body{padding:2rem 1.6rem 1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-discount-popup.css.map */