#newsletter-drawer{--drawer-body-padding: 0;--drawer-content-max-height: calc(100dvh - 32px) ;--rounded-sm: 12px;--text-color: 26 24 71;width:min(100%,452px);height:auto;padding:16px}#newsletter-drawer::part(content){background:#f5f6f9;color:#1a1847;border-radius:12px;box-shadow:0 4px 24px #03142a1f}#newsletter-drawer::part(header),#newsletter-drawer::part(outside-close-button){display:none}#newsletter-drawer .newsletter-drawer__close{position:absolute;display:grid;place-items:center;top:12px;right:12px;left:auto;width:40px;height:40px;padding:0;z-index:1;border-radius:50%;background:transparent;transition:background-color .2s}#newsletter-drawer .newsletter-drawer__close:hover{background:#0508360f}#newsletter-drawer .newsletter-drawer__close img{width:26.667px;height:26.667px}#newsletter-drawer .newsletter-drawer__content{display:grid;gap:24px;padding:32px;text-align:center;color:#1a1847}#newsletter-drawer .newsletter-drawer__title{margin:0;font:700 calc(24px * var(--ainote-ui-heading-scale, 1))/calc(29px * var(--ainote-ui-heading-scale, 1)) var(--heading-font-family);letter-spacing:0;text-transform:none}#newsletter-drawer .form{gap:16px}#newsletter-drawer .fieldset{gap:0}#newsletter-drawer .newsletter-drawer__email{width:100%;min-width:0;height:48px;padding:0 24px;border:1px solid rgba(5,8,54,.2);border-radius:4px;background:transparent;color:#1a1847;font:400 calc(14px * var(--ainote-ui-input-scale, 1))/calc(21px * var(--ainote-ui-input-scale, 1)) var(--text-font-family)}#newsletter-drawer .newsletter-drawer__email::placeholder{color:#1a184780;opacity:1}#newsletter-drawer .newsletter-drawer__submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:12px 24px;border-radius:4px;background:#0c73ff;color:#fff;font:400 calc(20px * var(--ainote-ui-button-scale, 1))/calc(24px * var(--ainote-ui-button-scale, 1)) var(--text-font-family);letter-spacing:0;transition:background-color .2s}#newsletter-drawer .newsletter-drawer__submit img{flex-shrink:0;width:24px;height:24px}#newsletter-drawer .newsletter-drawer__submit:hover{background:#005bc7}#newsletter-drawer :is(button,input):focus-visible{outline:2px solid #0c73ff;outline-offset:3px}#newsletter-drawer .newsletter-drawer__description{margin:0;color:#666;font:400 calc(14px * var(--ainote-ui-description-scale, 1))/calc(21px * var(--ainote-ui-description-scale, 1)) var(--text-font-family)}#newsletter-drawer .newsletter-drawer__description a{color:inherit}#newsletter-drawer .newsletter-drawer__description a:hover{text-decoration:underline}@media(max-width:699px){#newsletter-drawer .newsletter-drawer__content{padding-top:64px}#newsletter-drawer .newsletter-drawer__title{min-width:0;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){#newsletter-drawer button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/ainote-newsletter-popup.css.map */
