.contact-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-index-popup);display:flex;align-items:flex-start;justify-content:center;padding:var(--spacing-24);padding-top:var(--spacing-64);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);overflow-y:auto;overflow-x:hidden}.contact-popup[hidden]{display:none}.contact-popup:not([hidden]){display:flex}.contact-popup.is-open{opacity:1;visibility:visible}.contact-popup__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);cursor:pointer}@supports (backdrop-filter: blur(25px)){.contact-popup__overlay{background:var(--overlay-bg);-webkit-backdrop-filter:var(--overlay-blur);backdrop-filter:var(--overlay-blur)}}.contact-popup__container{position:relative;width:100%;max-width:var(--max-width-text);background-color:var(--color-white);border-radius:var(--radius-24);border:none;box-shadow:var(--popup-shadow);overflow:hidden;display:flex;flex-direction:column;transform:scale(var(--popup-scale-closed));transition:transform var(--transition-fast);z-index:var(--z-index-popup-content)}.contact-popup.is-open .contact-popup__container{transform:scale(var(--popup-scale-open))}.contact-popup__close{position:absolute;top:var(--spacing-16);right:var(--spacing-16);z-index:var(--z-index-popup-close)}.contact-popup__content{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.contact-popup__image-wrapper{width:100%;height:280px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-cream-white)}.contact-popup__image,.contact-popup__image-placeholder{width:100%;height:100%;object-fit:cover;display:block}.contact-popup__image-placeholder{display:flex;align-items:center;justify-content:center}.contact-popup__placeholder{width:100%;height:100%;opacity:var(--opacity-placeholder)}.contact-popup__form-wrapper{padding:var(--layout-padding-inline-desktop);display:flex;flex-direction:column;gap:var(--spacing-12)}.contact-popup__title{margin:0;color:var(--color-soot-black)}.contact-popup__title--heading{font-family:var(--font-serif);font-size:var(--title-medium-size);font-style:normal;font-weight:var(--fw-normal);letter-spacing:var(--title-medium-spacing);line-height:var(--lh-title)}.contact-popup__title em{font-style:italic}.contact-popup__subtitle{margin:0;color:var(--color-gunmetal-gray)}.contact-popup__direct{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:var(--spacing-16);row-gap:var(--spacing-8);margin-top:var(--spacing-16)}.contact-popup__direct-text{margin:0;color:var(--color-gunmetal-gray);flex:1 1 auto;min-width:min(100%,200px)}.contact-popup__direct:has(.contact-popup__direct-text) .contact-popup__icon-row{margin-left:auto}.contact-popup__icon-row{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-8);flex-shrink:0}.contact-popup__icon-link{display:inline-flex;flex-shrink:0;opacity:var(--opacity-nav-link-hover);transition:opacity var(--transition-fast);border-radius:var(--radius-4)}@media(hover:hover)and (pointer:fine){.contact-popup__icon-link:hover{opacity:1}}.contact-popup__icon-link:focus-visible{opacity:1;outline:2px solid var(--color-soot-black);outline-offset:2px}.contact-popup__icon-link--nohref{cursor:default}.contact-popup__icon-img{width:24px;height:24px;display:block;object-fit:contain;pointer-events:none}.contact-popup__form{display:flex;flex-direction:column;gap:var(--spacing-12);margin-top:var(--spacing-24)}.contact-popup__success{padding:var(--spacing-12) var(--spacing-16);background-color:var(--color-grass-green);color:var(--color-white);font-size:var(--text-micro-size);letter-spacing:var(--text-micro-spacing);line-height:var(--lh-body);border-radius:var(--radius-12)}.contact-popup__errors{padding:var(--spacing-12) var(--spacing-16);background-color:var(--color-soot-black);color:var(--color-white);font-size:var(--text-micro-size);letter-spacing:var(--text-micro-spacing);line-height:var(--lh-body);border-radius:var(--radius-12)}.contact-popup__errors ul,.contact-popup__errors li{margin:0;padding:0;list-style:none;color:inherit}.contact-popup__errors a{color:var(--color-white);text-decoration:underline}.contact-popup__field--validation{position:relative}.contact-popup__field--validation:before,.contact-popup__field--validation:after{position:absolute;bottom:calc(100% + 2px);left:0;opacity:0;visibility:hidden;pointer-events:none;z-index:10000;transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast)}.contact-popup__field--validation:before{content:attr(data-tooltip);transform:translateY(var(--spacing-4));padding:var(--spacing-6) var(--spacing-10);background-color:var(--color-soot-black);color:var(--color-white);font-family:var(--font-sans);font-size:var(--text-micro-size);font-weight:var(--fw-normal);line-height:var(--lh-body);letter-spacing:var(--text-micro-spacing);white-space:nowrap;border-radius:var(--radius-12)}.contact-popup__field--validation:after{content:"";bottom:calc(100% - 3px);left:var(--spacing-16);right:auto;transform:translateY(var(--spacing-4));width:0;height:0;border-left:var(--icon-size-5) solid transparent;border-right:var(--icon-size-5) solid transparent;border-top:var(--icon-size-5) solid var(--color-soot-black);z-index:10001}.contact-popup__field--validation.is-invalid:before,.contact-popup__field--validation.is-invalid:after{opacity:1;visibility:visible;transform:translateY(0)}.contact-popup__field{display:flex;flex-direction:column;gap:var(--spacing-4)}.contact-popup__label{color:var(--color-flagstone-grey)}.contact-popup__input,.contact-popup__textarea{width:100%;padding:var(--spacing-12) var(--spacing-16);background-color:var(--color-white);border:1px solid rgba(var(--color-soot-black-rgb),.2);border-radius:var(--radius-12);font-family:var(--font-sans);font-size:var(--text-regular-size);font-weight:var(--fw-normal);line-height:var(--lh-body);color:var(--color-soot-black);letter-spacing:var(--text-regular-spacing);transition:border-color var(--transition-fast),outline var(--transition-fast);box-sizing:border-box}.contact-popup__input::placeholder,.contact-popup__textarea::placeholder{color:var(--color-flagstone-grey)}.contact-popup__input:focus,.contact-popup__textarea:focus{outline:none;border-color:var(--color-soot-black)}.contact-popup__textarea{resize:vertical;min-height:100px}.contact-popup__field--checkbox{flex-direction:row;align-items:center;gap:var(--spacing-8)}.contact-popup__checkbox{width:var(--icon-size-md);height:var(--icon-size-md);margin:0;flex-shrink:0;accent-color:var(--color-soot-black);cursor:pointer}.contact-popup__checkbox-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-4);margin:0;cursor:pointer;color:var(--color-gunmetal-gray)}.contact-popup__consent-link{color:var(--color-soot-black);text-decoration:underline;text-underline-offset:var(--focus-outline-width)}.contact-popup__consent-link:hover{opacity:var(--opacity-text-body)}.contact-popup__submit{margin-top:var(--spacing-8);width:fit-content}@media(min-width:768px){.contact-popup__content{flex-direction:row;align-items:stretch}.contact-popup__image-wrapper{width:var(--layout-width-500);height:auto;min-height:400px;flex-shrink:0}.contact-popup__form-wrapper{flex:1;min-width:0;justify-content:flex-start;padding:var(--spacing-40) var(--layout-padding-inline-desktop)}#newsletter-popup .contact-popup__container{height:380px;max-height:380px}#newsletter-popup .contact-popup__content{flex:1 1 auto;min-height:0;max-height:100%}#newsletter-popup .contact-popup__image-wrapper{height:100%;min-height:0;align-self:stretch}#newsletter-popup .contact-popup__form-wrapper{min-height:0;overflow-y:auto}}@media(max-width:767px){.contact-popup{padding:0;align-items:stretch}.contact-popup__container{max-width:100%;max-height:100%;height:100%;border-radius:0;border:none;box-shadow:none}.contact-popup__content{height:100%}.contact-popup__form-wrapper{padding:var(--spacing-40) var(--layout-padding-inline-mobile) var(--spacing-24)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/contact-popup.css.map */