.modal-newsletter{background:#0006;box-sizing:border-box;height:100%;left:0;margin:0 auto;opacity:0;overflow:auto;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1}.modal-newsletter[open]{opacity:1;visibility:visible;z-index:101}.modal-newsletter__content{background:#0006;height:100%;margin:0;overflow:auto;padding:0;position:absolute;width:100vw;display:flex;justify-content:center;align-items:center}.modal-newsletter__inner{background-color:rgb(var(--color-background));border-radius:.8rem;box-shadow:0 0 2rem rgba(var(--color-foreground),.1);max-width:50rem;width:90%;max-height:90vh;overflow-y:auto;padding:3rem;position:relative;cursor:default}.modal-newsletter__close-button{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;color:rgb(var(--color-foreground));cursor:pointer;font-size:2.4rem;line-height:1;padding:.5rem;z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;transition:background-color .2s ease}.modal-newsletter__close-button:hover{background-color:rgba(var(--color-foreground),.1)}.modal-newsletter__inner p.h2{margin:0 0 1rem;font-size:calc(var(--font-heading-scale) * 2.4rem);text-align:center;color:rgb(var(--color-foreground))}.modal-newsletter__description{margin:0 0 2.5rem;text-align:center;color:rgba(var(--color-foreground),.75);font-size:1.6rem;line-height:1.5}.newsletter-form{display:flex;flex-direction:column;gap:2rem}.newsletter-form .field{position:relative}.newsletter-form .field__input{padding:1.2rem 1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;font-size:1.6rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));width:100%;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.newsletter-form .field__input:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 .2rem rgba(var(--color-button),.2)}.newsletter-form .field__input::placeholder{color:rgba(var(--color-foreground),.6)}.newsletter-form .field__label{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:rgba(var(--color-foreground),.6);font-size:1.6rem;transition:all .2s ease;pointer-events:none}.newsletter-form .field__input:focus~.field__label,.newsletter-form .field__input:not(:placeholder-shown)~.field__label{top:1.1rem;font-size:1.2rem;color:rgb(var(--color-button));left:1.6rem}.newsletter-form .button{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;padding:1.2rem 2.4rem;border-radius:.4rem;font-size:1.6rem;font-weight:600;cursor:pointer;transition:opacity .2s ease;text-align:center;text-decoration:none;display:inline-block;width:100%}.newsletter-form .button:hover{opacity:.8}.newsletter-form .button:focus{outline:none;box-shadow:0 0 0 .2rem rgba(var(--color-button),.4)}@media screen and (max-width:749px){.modal-newsletter__inner{width:90vw;max-width:90vw;padding:2rem;margin:1rem}.modal-newsletter__inner h2{font-size:calc(var(--font-heading-scale) * 2rem)}.modal-newsletter__close-button{top:.5rem;right:.5rem;width:3.5rem;height:3.5rem;font-size:2rem}}@keyframes modal-newsletterFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-newsletter[open] .modal-newsletter__inner{animation:modal-newsletterFadeIn .3s ease-out}.modal-newsletter[open]~body{overflow:hidden}.modal-newsletter__content:focus{outline:none}.modal-newsletter__close-button .svg-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.modal-newsletter__close-button .icon{width:1.7rem;height:1.7rem}.modal-newsletter__content{pointer-events:none}.modal-newsletter__inner{pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-modal-newsletter.css.map */