.tr-newsletter{font-family:var(--tr-font);background-color:transparent;padding-bottom:128px}.tr-newsletter .ctm_containernull{padding:0 var(--tr-section-margin-full);position:relative}.tr-newsletter__card{position:relative;border-radius:12px;overflow:hidden;background-color:var(--tr-dark-brown);max-width:calc(var(--tr-content-max) + var(--tr-section-margin) * 2);margin-inline:auto}.tr-newsletter__pattern{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tr-newsletter__pattern--mobile{display:none}.tr-newsletter__inner{position:relative;z-index:1;display:flex;flex-direction:row;align-items:flex-end;gap:10px;max-width:calc(var(--tr-content-max) + var(--tr-section-margin-inner) * 2);width:100%;margin:0 auto;padding:104px var(--tr-section-margin-inner)}.tr-newsletter__left{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;flex:1}.trnewsletter_content{max-width:550px}.tr-newsletter__eyebrow{margin:0;font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-lg);text-transform:uppercase;color:var(--tr-white);letter-spacing:0}.tr-newsletter__heading{margin:0}.tr-newsletter__body{margin:24px 0 0;font-size:var(--tr-fs-xl);font-weight:400;line-height:var(--tr-lh-xl);color:var(--tr-white)}.tr-newsletter__right{display:flex;flex-direction:column;justify-content:flex-end;flex-shrink:0}.tr-newsletter__right form{padding:0}.tr-newsletter__field{display:flex;flex-direction:row;align-items:center;padding:16px 0;gap:88px;border-bottom:1px solid var(--tr-cream);width:667px}.tr-newsletter__input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-family:var(--tr-font);font-size:var(--tr-fs-xl);font-style:italic;font-weight:400;line-height:var(--tr-lh-xl);color:var(--tr-white);padding:0}.tr-newsletter__input::placeholder{color:var(--tr-white);opacity:1}.tr-newsletter__btn{flex-shrink:0;width:195px;height:var(--tr-btn-height);padding:0 24px;background:var(--tr-main);border:none;border-radius:8px;font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-lg-pct);color:var(--tr-white);cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;position:relative;transition:transform var(--tr-btn-duration) var(--tr-btn-ease)}@media screen and (hover:hover)and (pointer:fine){.tr-newsletter__btn:hover{transform:scale(.98,.9)}.tr-newsletter__btn span{display:block;transition:transform var(--tr-btn-duration) var(--tr-btn-ease)}.tr-newsletter__btn:hover span{transform:translateY(var(--tr-btn-height))}.tr-newsletter__btn:after{content:attr(data-btn-text);position:absolute;left:0;right:0;top:calc(-1 * var(--tr-btn-height));height:var(--tr-btn-height);display:flex;align-items:center;justify-content:center;color:var(--tr-white);font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;pointer-events:none;transition:transform var(--tr-btn-duration) var(--tr-btn-ease)}.tr-newsletter__btn:hover:after{transform:translateY(var(--tr-btn-height))}}.tr-newsletter__success{font-size:var(--tr-fs-xs);line-height:var(--tr-lh-xl);color:var(--tr-white);margin:0}.tr-newsletter__error{font-size:var(--tr-fs-3xs);line-height:var(--tr-lh-3xl);color:#ffb3ae;margin:0 0 12px}@media screen and (max-width:1399px){.tr-newsletter__field{width:100%;gap:32px}}@media screen and (max-width:1199px){.tr-newsletter__inner{flex-direction:column;align-items:flex-start;padding:56px 16px;gap:34px}.tr-newsletter__right{width:100%}.tr-newsletter__field{width:100%;gap:24px}.tr-newsletter__body{font-size:var(--tr-fs-body)}}@media screen and (max-width:1023px){.tr-newsletter .ctm_containernull{padding:0 16px}}@media screen and (max-width:999px){.tr-newsletter{padding-bottom:88px}.tr-newsletter__inner{padding:24px;gap:34px}.tr-newsletter__eyebrow{display:none}.tr-newsletter__body{font-size:var(--tr-fs-sm)}.tr-newsletter__field{flex-direction:column;align-items:stretch;border-bottom:none;gap:16px;padding:0;width:100%}.tr-newsletter__input{display:block;font-size:var(--tr-fs-sm);padding:14px 0;border-bottom:1px solid var(--tr-cream)}.tr-newsletter__btn{width:100%;height:54px}}@media screen and (max-width:636px){.tr-newsletter__pattern--desktop{display:none}.tr-newsletter__pattern--mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/newsletter.css.map */