.newsletter-component{position:relative;width:100%;max-width:26rem;text-align:left}:is(.newsletter-component:focus-within,.newsletter-component_form.active,.newsletter-component_form.has_text) .newsletter-component_label{display:none}:is(.newsletter-component:focus-within,.newsletter-component_form.active,.newsletter-component_form.has_text) .newsletter-component_input-wrapper{opacity:1}.newsletter-component_form.success .newsletter-component_label,.newsletter-component_form.success .newsletter-component_input-wrapper{display:none}.newsletter-component_form.success .newsletter-component_message--success{display:flex}.newsletter-component_form.error .newsletter-component_label,.newsletter-component_form.error .newsletter-component_input-wrapper{display:none}.newsletter-component_form.error .newsletter-component_message--error{display:flex}.newsletter-component_wrapper{position:relative;width:100%;height:3rem;display:block}.newsletter-component_label{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0 .9375rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:rgb(var(--color-background));border:.0625rem solid rgb(var(--color-border));color:rgb(var(--color-foreground));cursor:pointer;z-index:1}.newsletter-component_label-text{color:rgb(var(--color-foreground));text-box-trim:trim-both;text-box-edge:cap alphabetic}@media screen and (hover:hover)and (pointer:fine){.newsletter-component_label,.newsletter-component_label-text{transition:var(--duration-short) ease}.newsletter-component_label:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.newsletter-component_label:hover .newsletter-component_label-text{color:rgb(var(--color-background))}}.newsletter-component_label-icon,.newsletter-component_message-icon{width:3rem;height:3rem;margin-right:-.9375rem;display:block;flex-shrink:0}.newsletter-component_label-icon [data-arrow-animate] .svg-wrapper,.newsletter-component_message-icon [data-arrow-animate] .svg-wrapper{width:100%;height:100%;padding:.75rem;flex-shrink:0}.newsletter-component_message{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0 .9375rem;display:none;align-items:center;gap:1rem;border:.0625rem solid rgb(var(--color-border));color:rgb(var(--color-foreground))}.newsletter-component_message--error{color:rgb(var(--color-foreground))}.newsletter-component_input-wrapper{position:relative;width:100%;height:100%;opacity:1}.newsletter-component_input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:3rem;padding:0 3.9375rem 0 .9375rem;background:rgb(var(--color-background));border:.0625rem solid rgb(var(--color-border));border-radius:0;color:rgb(var(--color-text-body));font-size:1rem;line-height:1.5}.newsletter-component_input::placeholder{color:rgb(var(--color-body-text));opacity:.6}.newsletter-component_input::focus-visible::placeholder{opacity:1}.newsletter-component_submit{-webkit-appearance:none;appearance:none;position:absolute;top:0;right:0;width:3rem;height:3rem;padding:.25rem;display:block;background:0;border:0;cursor:pointer}.newsletter-component_submit:not(.btn--outline){padding:.25rem}.newsletter-component_submit:not(.btn--outline) .svg-wrapper{width:100%;height:100%;padding:.5rem;background:rgb(var(--color-border));color:rgb(var(--color-background));flex-shrink:0}.newsletter-component_submit.loading{position:absolute}.newsletter-component--stacked{display:flex;flex-direction:column}.newsletter-component--stacked .newsletter-component_wrapper{height:auto}.newsletter-component--stacked .newsletter-component_input-wrapper{opacity:1}.newsletter-component--stacked .newsletter-component_input{position:relative;top:auto;left:auto;background:transparent}.newsletter-component--stacked .newsletter-component_submit{position:relative;top:auto;left:auto;width:100%;padding:0 .9375rem;display:flex;justify-content:space-between;gap:1rem;background:transparent;border:.0625rem solid rgb(var(--color-border));border-top:0;border-radius:0}.newsletter-component--stacked .newsletter-component_submit.loading{position:relative}.newsletter-component--stacked .newsletter-component_submit:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.newsletter-component--stacked .newsletter-component_message{position:relative;top:auto;right:auto;bottom:auto;left:auto;height:3rem;border-top:0}.newsletter-component--stacked .newsletter-component_form.success .newsletter-component_input-wrapper,.newsletter-component--stacked .newsletter-component_form.error .newsletter-component_input-wrapper{display:block}.newsletter-component--stacked .newsletter-component_form.success .newsletter-component_submit,.newsletter-component--stacked .newsletter-component_form.error .newsletter-component_submit{display:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-newsletter.css.map */