.newsletter-subscription-dialog{display:block;opacity:0;transition:opacity .2s ease;pointer-events:none;visibility:hidden;border-bottom-right-radius:var(--popup-corner-radius);border-bottom-left-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);padding:0;width:24rem;margin:0 auto;z-index:1}.newsletter-subscription-dialog[open]{opacity:1;pointer-events:auto;visibility:visible;transition:transform .2s ease,opacity .2s ease}.newsletter-subscription-dialog__header{display:flex;align-items:start;justify-content:space-between;column-gap:1rem;padding:1rem 1rem 1rem 2rem}.newsletter-subscription-dialog__heading{font-family:cali-light;font-size:1.6rem;padding-top:.5rem}.newsletter-subscription-dialog__close{display:flex;padding:.5rem}.newsletter-subscription-dialog__close .icon{width:1.7rem;aspect-ratio:1}.newsletter-subscription-dialog__form{display:flex;flex-direction:column;row-gap:.75rem;padding:0 2rem 2rem}.newsletter-subscription-dialog__form .form-message{display:none;padding:.75rem .5rem .5rem;width:100%;text-align:center}.newsletter-subscription-dialog__form .form-message.success{display:block;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.newsletter-subscription-dialog__form .form-message.error{display:block;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.newsletter-subscription-dialog__form .field__input,.newsletter-subscription-dialog__form .field__label{font-size:1.4rem}.newsletter-subscription-dialog__form .field__label{top:calc(1rem + var(--inputs-border-width))}.newsletter-subscription-dialog__form .field__input{height:3.5rem;padding-top:1.4rem}.newsletter-subscription-dialog__form .field__input:focus~.field__label,.newsletter-subscription-dialog__form .field__input:not(:placeholder-shown)~.field__label,.newsletter-subscription-dialog__form .field__input:-webkit-autofill~.field__label{top:.4rem}.newsletter-subscription-dialog__form button{min-height:3.5rem}.slide-from-top{transform:translateY(-100%)}.slide-from-top.slide-to-top{transform:translateY(-200%)}.slide-to-top[open]{transform:translateY(calc(-100% - 5px))}.slide-to-bottom[open]{transform:translateY(5px)}.mr-0{margin-right:0}
/*# sourceMappingURL=/cdn/shop/t/34/assets/newsletter-subscription-dialog.css.map */