.newsletter-popup__content::-webkit-scrollbar{width:6px}.newsletter-popup__content::-webkit-scrollbar-thumb{background:#0003;border-radius:20px}.newsletter-popup__content::-webkit-scrollbar-track{background:transparent}.newsletter-popup:not(.active){visibility:hidden;opacity:0}.newsletter-popup.active{visibility:visible;opacity:1;display:flex}.newsletter-popup,.newsletter-popup__overlay,.newsletter-popup__content{transition:all .3s ease}.newsletter-popup{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:20px;z-index:99999}.newsletter-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}.newsletter-popup__content{position:relative;width:100%;max-width:var(--popup-width);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);background:var(--popup-bg);padding:64px;z-index:2;animation:popupFade .35s ease;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.newsletter-popup__close{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:8px;background:transparent;border:0;cursor:pointer;color:#1b192c;font-size:16px;font-weight:500;line-height:22px;margin-bottom:32px}.newsletter-popup__body{margin-top:32px}.newsletter-popup__image{position:relative;display:block;width:100%;flex-shrink:0;height:clamp(180px,32vh,408px);overflow:hidden}.newsletter-popup__image picture{display:block;width:100%;height:100%}.newsletter-popup__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.newsletter-popup__title{color:var(--text-color);margin:0 0 24px;font-size:42px}.newsletter-popup__description{margin-bottom:24px}.newsletter-popup__description p,.newsletter-popup__offer p{margin:0;color:var(--text-color)}.newsletter-popup__offer h3{font-size:24px;line-height:30px;margin-bottom:32px;color:var(--text-color)}.newsletter-popup__form-wrap{display:flex;gap:10px}.newsletter-popup input.newsletter-popup__input{padding:5px 20px;flex:1;border-radius:50px;border:1px solid #eceae7;background:#fff;box-shadow:none;height:39px;color:var(--text-color)}.newsletter-popup input.newsletter-popup__input::placeholder{color:#d1ccc5;font-size:16px;font-weight:500;line-height:normal}.newsletter-popup__button{height:39px;border:0;border-radius:50px;padding:0 28px;cursor:pointer;background:var(--button-bg);color:var(--button-text);font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:22px}.newsletter-popup__button:hover{opacity:.9}.newsletter-popup__footer{margin-top:32px;text-align:center;font-size:14px;line-height:24px;color:var(--text-color)}.newsletter-popup__success{padding:9px 20px;border-radius:8px;background:#e8f7ea;color:#2d6a32;border:1px solid #2d6a32;font-size:16px;line-height:normal;text-transform:capitalize}.newsletter-popup__errors{padding:9px 20px;border-radius:8px;background:#c628285f;color:#c62828;border:1px solid #c62828;font-size:16px;line-height:normal;text-transform:capitalize}@keyframes popupFade{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.newsletter-popup__button.is-loading{opacity:.7;cursor:not-allowed;pointer-events:none}.newsletter-popup__button.is-loading:after{content:"";display:inline-block;width:16px;height:16px;margin-left:10px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:newsletter-spin .7s linear infinite;vertical-align:middle}@keyframes newsletter-spin{to{transform:rotate(360deg)}}@media screen and (max-width:767px){.newsletter-popup__content{padding:40px 20px}.newsletter-popup__image{height:clamp(160px,28vh,280px)}.newsletter-popup__title{font-size:32px}}@media screen and (max-width:480px){.newsletter-popup__form-wrap{flex-direction:column}.newsletter-popup input.newsletter-popup__input{padding:9px 20px}.newsletter-popup__content{max-height:calc(100vh - 30px);max-height:calc(100dvh - 30px)}}@media screen and (max-height:760px){.newsletter-popup{align-items:flex-start}.newsletter-popup__image{height:clamp(140px,26vh,240px)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/newsletter-popup.css.map */