.tn-popup[hidden]{display:none!important}.tn-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.tn-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#14110eb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tn-popup__modal{position:relative;z-index:1;display:flex;max-width:780px;width:calc(100% - 2rem);max-height:calc(100vh - 2rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:4px;overflow:hidden;box-shadow:0 20px 60px #0006}.tn-popup__close{position:absolute;top:.75rem;right:.75rem;z-index:2;background:none;border:none;font-size:1.75rem;line-height:1;color:rgb(var(--color-foreground));cursor:pointer;padding:.25rem .5rem}.tn-popup__image{flex:1 1 45%;min-width:0;background-color:rgba(var(--color-foreground),.05)}.tn-popup__image img{width:100%;height:100%;object-fit:cover;display:block}.tn-popup__content{flex:1 1 55%;padding:3rem 2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.tn-popup__heading{font-size:1.75rem;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground));margin:0 0 1rem}.tn-popup__body{color:rgba(var(--color-foreground),.75);line-height:1.6;margin-bottom:1.75rem}.tn-popup__form{width:100%}.tn-popup__field{display:flex;border:1px solid rgba(var(--color-foreground),.3);border-radius:2px;overflow:hidden}.tn-popup__field input{flex:1;border:none;background:transparent;padding:.85rem 1rem;font-size:.95rem;color:rgb(var(--color-foreground))}.tn-popup__field input:focus{outline:none}.tn-popup__submit{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;padding:0 1.25rem;font-size:1.1rem;cursor:pointer}.tn-popup__message{display:block;margin-top:.75rem;font-size:.85rem;color:#a33b2b}.tn-popup__message--success{color:#3f6b3f}.tn-popup__social{display:flex;gap:1rem;margin-top:1.75rem;justify-content:center}.tn-popup__social .list-social__link{color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.tn-popup__modal{flex-direction:column;max-height:calc(100vh - 2rem);overflow-y:auto}.tn-popup__image{flex:0 0 160px}.tn-popup__content{padding:2rem 1.5rem}}.tn-popup__overlay{display:block!important}
/*# sourceMappingURL=/cdn/shop/t/8/assets/newsletter-popup.css.map */
