.newsletter-coupon-modal[open]{display:flex}.newsletter-coupon-modal{z-index:40}.newsletter-coupon-modal .modal__window{width:min(92vw,680px);border-radius:var(--modal-border-radius);background:var(--bg-color);color:rgb(var(--text-color));box-shadow:0 30px 80px #0707072e}.newsletter-coupon-modal__content{padding:clamp(24px,4vw,40px)}.newsletter-coupon-modal__eyebrow{margin:0 0 12px;color:rgba(var(--text-color) / .7);letter-spacing:.12em;text-transform:uppercase}.newsletter-coupon-modal__title{margin-bottom:12px}.newsletter-coupon-modal__text{margin-bottom:24px;color:rgba(var(--text-color) / .82)}.newsletter-coupon-modal__card{margin-bottom:20px;padding:18px;border:1px solid rgba(var(--text-color) / .12);border-radius:calc(var(--modal-border-radius) * .85);background:linear-gradient(135deg,rgba(var(--text-color) / .03),transparent 55%),var(--bg-color)}.newsletter-coupon-modal__label{display:block;margin-bottom:6px;color:rgba(var(--text-color) / .68);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.newsletter-coupon-modal__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.newsletter-coupon-modal__subtext{margin-top:14px;color:rgba(var(--text-color) / .68);font-size:.95rem}.newsletter-coupon-modal__feedback{margin-top:14px}.newsletter-coupon-modal .discount-code,.newsletter-coupon-modal .discount-code .input-with-button{width:100%}.newsletter-coupon-modal .discount-code__code.input{flex:1 1 260px;max-width:none;border-radius:var(--input-border-radius) 0 0 var(--input-border-radius);background:var(--bg-color)}.newsletter-coupon-modal .discount-code__btn{justify-content:center;border-radius:0 var(--input-border-radius) var(--input-border-radius) 0}@media(max-width:768.98px){.newsletter-coupon-modal__actions{grid-template-columns:1fr}.newsletter-coupon-modal .discount-code__code.input,.newsletter-coupon-modal .discount-code__btn{width:100%;max-width:none;border-radius:var(--input-border-radius)}.newsletter-coupon-modal .discount-code__btn{border-inline-start:0;border-top:var(--input-border-width) dashed rgba(var(--input-text-color) / .2)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/newsletter-coupon.css.map */