@layer components{.contact-modal{opacity:0;visibility:hidden;z-index:9999;color:var(--section-text-color);width:100%;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);transition:transform .4s ease,opacity .4s ease,visibility .4s ease;overflow:hidden}.contact-modal.active{opacity:1;visibility:visible;transform:translateY(0)}.contact-modal__close{cursor:pointer;z-index:99;display:block;text-align:center;padding:0 0 20px;font-family:var(--font-caption--family, var(--font-primary--family));font-size:var(--font-caption--size, 13px);font-weight:var(--font-caption--weight, 400);letter-spacing:var(--font-caption--letter-spacing, .5px);text-transform:var(--font-caption--case, uppercase);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.contact-modal__inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gutter, 8px);align-items:flex-start;padding:var(--spacing-m, 32px) var(--margin, 16px);width:100%;margin:0 auto}.contact-modal__col--title{display:flex;align-items:center;width:464px;flex-shrink:0}.contact-modal__title-wrap{width:100%}.contact-modal__title-wrap h2{margin:0}.contact-modal__col--content{display:flex;flex-direction:column;gap:var(--spacing-s, 20px);min-width:0}.contact-modal__desc{margin:0}.contact-modal__form .newsletter-klaviyo-form{display:flex;flex-direction:column;gap:10px}.contact-modal__form .field__input{border:1px solid #7194aa!important;background:transparent;padding:12px;border-radius:3px;font-family:var(--font-p-small--family, var(--font-primary--family));font-size:var(--font-p-small--size, 15px);font-weight:var(--font-p-small--weight, 400);line-height:1.43;letter-spacing:-.195px;color:var(--color-foreground, #000);width:100%}.contact-modal__form .field__input::placeholder{color:var(--color-foreground, #000);opacity:1}.contact-modal__form .field__input:focus{border-color:var(--color-foreground, #000);outline:none}.contact-modal__form .field__input{background-color:transparent!important;border-radius:3px;height:45px;padding:12px}.contact-modal__form .newsletter-form__actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:0}.contact-modal__form .newsletter-form__submit{width:auto;max-width:none}.contact-modal__form .newsletter-form__submit .primary-button__loader{display:none}.contact-modal__form .newsletter-form__submit[aria-disabled=true] .primary-button__loader{display:inline-flex;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center}.contact-modal__form .newsletter-form__submit[aria-disabled=true] .button__text{visibility:hidden}.newsletter-form__note{margin:0}.contact-modal__col--image{width:100%;flex-shrink:0;overflow:clip;margin-left:auto}.contact-modal__image{display:block;width:100%;aspect-ratio:var(--popup-img-ratio, 4 / 5);object-fit:cover}.newsletter-popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background-color:var(--color-overlay-primary);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--global-transition-duration) var(--global-transition-timing-function),visibility var(--global-transition-duration) var(--global-transition-timing-function)}.contact-modal.active~.newsletter-popup__overlay{opacity:1;visibility:visible}.klaviyo_messages{display:none;margin-top:8px}.klaviyo_messages.has-message{display:block}.error_message{color:#d02b2b;font-family:var(--font-caption--family);font-weight:var(--font-caption--weight);font-style:var(--font-caption--style);font-size:var(--font-caption--size);line-height:var(--font-caption--line-height);letter-spacing:var(--font-caption--letter-spacing);text-transform:var(--font-caption--case)}.form-success{display:none}.form-success__title-wrap h4,.form-success__message{margin:0}.newsletter-success .form-success{display:contents}.newsletter-success .form-success__title-wrap{grid-column:1;display:flex;align-items:center}.newsletter-success .form-success__message{grid-column:2}.newsletter-success .contact-modal__col--title,.newsletter-success .contact-modal__col--content{display:none}@media(max-width:767px){.contact-modal__inner{min-height:455px;display:flex;flex-direction:column}.contact-modal__inner .button.primary-button--dark{border:1px solid #000!important}}@media screen and (max-width:999px){.contact-modal__col--title{width:280px}.contact-modal__col--content{gap:32px}}@media screen and (max-width:767px){.contact-modal__inner{grid-template-columns:1fr;gap:20px;padding:28px 12px}.contact-modal__col--title{width:100%}.contact-modal__title-wrap{max-width:100%}.contact-modal__col--image{display:none}.newsletter-success .form-success__title-wrap,.newsletter-success .form-success__message{grid-column:1}}}.newsletter-banner{position:fixed;top:calc(var(--nav-height) + 0px);right:16px;z-index:9999;display:flex;align-items:center;max-width:365px;height:107px;width:100%;border-radius:4px;overflow:hidden;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff80;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .4s ease,visibility .4s ease,transform .4s ease}.newsletter-banner.active{opacity:1;visibility:visible;transform:translateY(0)}.newsletter-banner__image{width:107px;height:107px;flex-shrink:0;overflow:hidden}.newsletter-banner__img{width:100%;height:auto;object-fit:cover;aspect-ratio:1;object-position:center}.newsletter-banner__content{display:flex;flex-direction:column;gap:16px;padding:12px;flex:1;min-width:0;height:100%;justify-content:space-between}.newsletter-banner__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.newsletter-banner__text{margin:0;font-family:var(--font-caption--family);font-weight:var(--font-caption--weight);font-style:var(--font-caption--style);font-size:var(--font-caption--size);line-height:var(--font-caption--line-height);letter-spacing:var(--font-caption--letter-spacing);text-transform:var(--font-caption--case);color:var(--color-foreground, #000);max-width:160px}.newsletter-banner__close{background:none;border:none;padding:0;cursor:pointer;color:var(--color-foreground, #000);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.newsletter-banner__subscribe{background:none;border:none;padding:3px 0;cursor:pointer;font-family:var(--font-caption--family);font-weight:var(--font-caption--weight);font-style:var(--font-caption--style);font-size:var(--font-caption--size);line-height:var(--font-caption--line-height);letter-spacing:var(--font-caption--letter-spacing);text-transform:var(--font-caption--case);color:var(--color-foreground, #000);text-align:left;align-self:flex-start;position:relative}.newsletter-banner__subscribe:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;pointer-events:none;background-image:radial-gradient(circle,var(--color-foreground, #000) .75px,transparent .75px);background-size:5.5px 1.5px;background-repeat:repeat-x}@media(max-width:768px){.newsletter-banner{top:unset;bottom:64px}}@media screen and (max-width:525px){.newsletter-banner{right:0;left:0;max-width:calc(100% - 24px);margin:auto}}.contact-modal__close{color:#fff;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-newsletter-popup.css.map */