:root{--newsletter-popup-text-color: #FFF;--newsletter-popup-text-color-rgb: "red","green","blue";--drawer-transition-timing: cubic-bezier(.645, .045, .355, 1)}.NewsletterPopup{position:fixed;bottom:15px;width:calc(100% - 30px);z-index:50;box-shadow:0 1px 4px #0000004d;transition:all .5s var(--drawer-transition-timing);box-sizing:border-box;max-width:385px;text-align:center;left:50%;transform:translate(-50%)!important;right:auto;-webkit-transform:translateX(-50%)}.NewsletterPopup .Heading{color:inherit}.NewsletterPopup .Form__Input::-moz-placeholder{color:rgba(var(--newsletter-popup-text-color-rgb),.6)}.NewsletterPopup .Form__Input:-ms-input-placeholder{color:rgba(var(--newsletter-popup-text-color-rgb),.6)}.NewsletterPopup .Form__Input::placeholder{color:rgba(var(--newsletter-popup-text-color-rgb),.6)}.NewsletterPopup .Form__Input{border-color:rgba(var(--newsletter-popup-text-color-rgb),.4)}.NewsletterPopup .Form__Input:focus{border-color:var(--newsletter-popup-text-color)}.popup_close__button{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--newsletter-popup-text-color-rgb),.6);align-items:center;justify-content:center;cursor:pointer;right:1rem;margin-top:-55px;padding:1.2rem;position:fixed;z-index:2}.popup_close__button .icon{height:auto;margin:0;width:2.2rem}.NewsletterPopup__Content>a{display:flex;width:100%;height:fit-content}.NewsletterPopup__Content>a>img{display:block;width:100%;height:auto}.popup_close__button .icon>path{fill:#000}@media (-moz-touch-enabled: 0),(hover: hover){.NewsletterPopup .Button:not([disabled]):hover{color:var(--newsletter-popup-text-color);background-color:transparent}}.NewsletterPopup[aria-hidden=false]{transform:translateY(0);opacity:1;visibility:visible}.NewsletterPopup__Close{position:absolute;right:-10px;top:30px}.NewsletterPopup__Close svg{display:block;width:15px;height:15px}.NewsletterPopup__Content a{text-decoration:underline;text-underline-position:under}.NewsletterPopup__Form{margin-top:32px}@media screen and (min-width: 750px){.NewsletterPopup{max-width:385px;right:25px;bottom:25px;left:auto}.NewsletterPopup__Close svg{width:18px;height:18px}.NewsletterPopup__Heading{font-size:1.6em;margin-bottom:2rem}}@media screen and (max-width: 749px){.NewsletterPopup__Heading{margin-bottom:1.4rem;font-size:1.6em}}
/*# sourceMappingURL=/cdn/shop/t/230/assets/component-popup.css.map */