.tk-newsletter{--tk-max: var(--page-content-width, 1200px);--tk-gutter: var(--page-margin, 16px);padding-block:var(--tk-pt-m) var(--tk-pb-m)}@media(min-width:750px){.tk-newsletter{padding-block:var(--tk-pt) var(--tk-pb)}}.tk-newsletter.tk-newsletter--full{--tk-max: 100%}.tk-newsletter__container{width:min(var(--tk-max),100% - 2 * var(--tk-gutter));margin-inline:auto}.tk-newsletter__inner{display:flex;flex-direction:column;gap:var(--tk-nl-gap, 20px);max-width:var(--tk-nl-content-max)}.tk-newsletter--align-center .tk-newsletter__inner{margin-inline:auto;text-align:center;align-items:center}.tk-newsletter--split .tk-newsletter__inner{max-width:none}@media(min-width:750px){.tk-newsletter--split .tk-newsletter__inner{display:grid;grid-template-columns:1fr minmax(280px,var(--tk-nl-content-max));align-items:center;text-align:start;column-gap:clamp(24px,5vw,80px)}.tk-newsletter--split .tk-newsletter__inner .tk-newsletter__disclaimer{grid-column:2}}.tk-newsletter__text{display:flex;flex-direction:column;gap:var(--gap-xs, 8px)}.tk-newsletter__heading{margin:0}.tk-newsletter__body>:first-child,.tk-newsletter__disclaimer>:first-child{margin-top:0}.tk-newsletter__body>:last-child,.tk-newsletter__disclaimer>:last-child{margin-bottom:0}.tk-newsletter__form{width:100%}.tk-newsletter__field{display:flex;flex-direction:column;gap:var(--gap-xs, 8px);width:100%}.tk-newsletter__field.tk-newsletter__field--inline{flex-direction:row}.tk-newsletter__input{flex:1 1 auto;min-width:0;min-height:48px;padding-inline:var(--padding-lg, 16px);border:var(--style-border-width-inputs, 1px) solid var(--color-input-border, rgb(var(--color-foreground-rgb) / .3));border-radius:var(--tk-nl-radius, 4px);background-color:var(--color-input-background, transparent);color:var(--color-input-text, inherit);font:inherit}.tk-newsletter__input:focus-visible{outline:2px solid currentColor;outline-offset:2px}.tk-newsletter__input[aria-invalid=true]{border-color:var(--color-error, #8b0000)}.tk-newsletter__button{flex:0 0 auto;min-height:48px;justify-content:center}.tk-newsletter__field:not(.tk-newsletter__field--inline) .tk-newsletter__button{width:100%}.tk-newsletter__message{margin:var(--gap-xs, 8px) 0 0;font-size:.875rem}.tk-newsletter__message.tk-newsletter__message--error{color:var(--color-error, #8b0000)}.tk-newsletter__message.tk-newsletter__message--success{color:var(--color-success, #006400)}.tk-newsletter__disclaimer{font-size:.8125rem;color:var(--color-foreground-muted, currentColor)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/tk-newsletter.css.map */
