.newsletter-popup[data-hidden=true]{opacity:0;visibility:hidden;transform:translateY(3rem)}.newsletter-popup.bottom-0{bottom:var(--product-compare-bottom-sheet)}.newsletter-popup[data-hidden=false]{opacity:1;visibility:visible;transform:translateY(0)}.newsletter-popup[data-hidden=false] .newsletter-popup-content{transform:translate(0)}@media screen and (max-width:48rem){.newsletter-popup{top:0!important;left:0;bottom:0;right:0;margin:auto}}.newsletter-popup .newsletter__image{height:var(--newsletter-popup-image-height)}.newsletter-popup .heading span{font-size:var(--newsletter-popup-heading-font-size)}.newsletter-popup .input--primary .custom-input{border-color:rgb(var(--popup-color-primary-input-border));background:rgba(var(--popup-color-primary-input-background),var(--input-background-opacity))}.newsletter-popup .input--secondary .custom-input{border-color:rgb(var(--popup-color-secondary-input-border));background:rgba(var(--popup-color-secondary-input-background),var(--input-background-opacity))}.newsletter-popup .input label{left:calc(var(--spacing)*5)}.newsletter-popup .input--primary label{color:rgb(var(--popup-color-primary-input-text))!important;background:rgba(var(--popup-color-primary-input-background),var(--input-background-opacity))}.newsletter-popup .input--secondary label{color:rgb(var(--popup-color-secondary-input-text))!important;background:rgba(var(--popup-color-secondary-input-background),var(--input-background-opacity))}.button-newsletter{transition:all .3s ease-in-out;position:fixed}.button-newsletter[data-hidden=true]{opacity:0;visibility:hidden}.newsletter-popup[data-image-position=bottom] .newsletter__content{padding-top:55px}@media screen and (max-width:500px){.newsletter-popup .popup__inner{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;display:flex;flex-flow:column;justify-content:flex-start}.newsletter-popup .popup__inner>.shopify-block:first-of-type{margin-top:auto}.newsletter-popup .popup__inner>.shopify-block:last-of-type{margin-bottom:auto}}.button-newsletter{border-radius:var(--newsletter-popup-button-border-radius) var(--newsletter-popup-button-border-radius) 0 0;border-style:solid;justify-content:center;align-items:center;line-height:1;color:var(--newsletter-popup-color-button-text);background:var(--newsletter-popup-color-button-background);border-color:var(--newsletter-popup-color-button-border);font-size:.85em;bottom:calc(-10px + var(--product-compare-bottom-sheet));padding:15px;box-shadow:1px 2px 3px 2px #0000001a;transition:all .3s ease-in-out;border-width:var(--newsletter-popup-button-border-width)}.button-newsletter span{justify-content:between}.button-newsletter:before{content:unset}.newsletter-popup[data-image-position=top] .popup__inner,.newsletter-popup[data-image-position=bottom] .popup__inner{display:flex;flex-flow:column}.newsletter-popup[data-image-position=bottom] .newsletter-popup-image{order:2}.newsletter-popup[data-image-position=bottom] .newsletter-popup-content{order:1}.newsletter-popup[data-image-position=left],.newsletter-popup[data-image-position=right]{max-width:min(100%,1200px)}.newsletter-popup[data-image-position=left] .popup__inner,.newsletter-popup[data-image-position=right] .popup__inner{display:flex}.newsletter-popup[data-image-position=left] .shopify-block,.newsletter-popup[data-image-position=right] .shopify-block{width:50%}.newsletter-popup[data-image-position=left] .newsletter__content,.newsletter-popup[data-image-position=right] .newsletter__content{display:flex;flex-flow:column;justify-content:center}.newsletter-popup[data-image-position=right] .newsletter-popup-image{order:2}.newsletter-popup[data-image-position=right] .newsletter-popup-content{order:1}.newsletter-popup .newsletter__content .shopify-block{width:100%}@media screen and (max-width:48rem){.newsletter-popup[data-image-position=left] .shopify-block,.newsletter-popup[data-image-position=right] .shopify-block{width:100%!important}.newsletter-popup[data-image-position-mobile=top] .newsletter-popup-content,.newsletter-popup[data-image-position-mobile=bottom] .newsletter-popup-image{order:2}.newsletter-popup[data-image-position-mobile=top] .newsletter-popup-image,.newsletter-popup[data-image-position-mobile=bottom] .newsletter-popup-content{order:1}}.newsletter-popup .newsletter-form__content{width:100%}@media screen and (max-width:48em){.button-newsletter{left:0!important;bottom:auto!important;top:50%;transform:rotate(90deg) translateY(-100%) translate(-50%);transform-origin:0 0;z-index:999}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/newsletter-popup.css.map */