.Newsletter__Container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;z-index:9999;display:none}.Newsletter__Container--active{display:block}.Newsletter__Container__Content{background-color:#fff;padding:1.5rem;box-shadow:0 -4px 14px -5px #0003;position:fixed;bottom:0}.Newsletter__Container__Content .Action{cursor:pointer;-webkit-user-select:none;user-select:none}.Newsletter__Container__Content ul{font-weight:700;margin-bottom:1.5rem}.Newsletter__Container__Content p{margin-bottom:1.5rem}.Newsletter__Container__Content__Heading{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:2rem}.Newsletter__Container__Content__Heading__Title{font-weight:700}.Newsletter__Container__Content__Input-Form{display:flex;flex-direction:column}.Newsletter__Container__Content__Input-Form .klaviyo-form{width:100%}.Newsletter__Container__Content__Input-Form__Field input{width:100%;background-color:#f5f5f5;border:none;outline:none;padding:.75rem;box-sizing:border-box;font-size:1.25rem}.Newsletter__Container__Content__Input-Form__Actions{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;width:100%}.Newsletter__Container__Content__Input-Form__Actions .Action{margin:0;padding:1rem;font-weight:700;min-width:140px;text-align:center}.Newsletter__Container__Content__Input-Form__Actions .Action-Cancel{border:1px solid var(--button-background);color:var(--button-background)}.Newsletter__Container__Content__Input-Form__Actions .Action-Cancel:hover{background-color:var(--button-background);color:#fff}.Newsletter__Container__Content__User-Content{margin-bottom:2rem}.Newsletter__Container__Content__Input-Form__Actions .Action__Close{border:0}@media(min-width:768px){.Newsletter__Container{justify-content:center;align-items:center}.Newsletter__Container__Content{width:90vw;max-width:550px;box-shadow:0 4px 14px -5px #0003;left:50%;bottom:50%;position:absolute;transform:translate(-50%,50%)}.Newsletter__Container__Content__Input-Form{flex-direction:row;align-items:center;justify-content:initial}.Newsletter__Container__Content__Input-Form__Field{width:100%;padding-right:1rem}.Newsletter__Container__Content__Input-Form__Field input{padding:2rem}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/component-newsletter-box.css.map */
