.contact-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;background:#00000040;opacity:0;pointer-events:none;transition:opacity .4s ease}.contact-backdrop.is-open{opacity:1;pointer-events:auto}.contact-panel{position:fixed;top:0;right:0;width:calc(1024px - var(--page-gutter) * 2);height:100%;background:var(--c-off-white);z-index:1002;transform:translate(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);will-change:transform;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.contact-panel::-webkit-scrollbar{display:none}.contact-panel.is-open{transform:translate(0)}.contact-panel-inner{display:flex;flex-direction:column;padding:40px calc(var(--page-gutter) * 2);min-height:100%}.contact-title{font-size:clamp(48px,8vw,var(--size-h1));text-align:left;opacity:1;color:var(--c-dark-green)}.contact-form{display:flex;flex-direction:column;gap:64px;margin-top:64px;flex:1}.contact-section{display:flex;flex-direction:column;gap:16px}.contact-section:nth-child(2){flex:1;min-height:0}.contact-label{display:block}.contact-topics{display:flex;flex-wrap:wrap;gap:8px}.contact-topic-btn{background:none;border:none;box-shadow:inset 0 0 0 1px var(--c-dark-green-20);color:var(--c-dark-green);transition:background .3s ease,box-shadow .3s ease,color .3s ease;-webkit-tap-highlight-color:transparent}.contact-topic-btn.cta-btn.is-visible{color:var(--c-dark-green)}@media(hover:hover){.contact-topic-btn:hover{box-shadow:inset 0 0 0 1px var(--c-dark-green-50)}}.contact-topic-btn.active{background:var(--c-bright-green);box-shadow:inset 0 0 0 1px var(--c-bright-green);color:var(--c-dark-green)}.contact-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-extra-field .contact-input,.contact-extra-field .contact-textarea,.contact-extra-field select{width:100%}.contact-input,.contact-textarea{color:var(--color-text-main);background:none;border:none;box-shadow:inset 0 0 0 1px var(--c-dark-green-20);border-radius:100px;padding:12px 20px;outline:none;transition:box-shadow .3s ease;text-transform:uppercase;letter-spacing:.03em;line-height:var(--lh-body)}.contact-panel .contact-info-field{color:var(--c-dark-green)}.contact-input::placeholder,.contact-textarea::placeholder{color:var(--c-dark-green-30)}.contact-input:focus,.contact-textarea:focus{box-shadow:inset 0 0 0 1px var(--c-dark-green-50)}.contact-textarea{font-family:var(--font-body);font-size:var(--size-body1);font-weight:300;font-variation-settings:"opsz" 100,"wght" 100;text-transform:none;letter-spacing:normal;border-radius:16px;padding:16px;flex:1;min-height:96px;resize:none}.contact-submit-row{display:flex;align-items:center;gap:16px}.contact-submit .ui-roll,.contact-topic-btn .ui-roll{transform:translateY(0);opacity:1}.contact-status{opacity:0;transition:opacity .3s ease}.contact-status.is-visible{opacity:1}.contact-status.success{color:var(--c-mid-green)}.contact-status.error{color:var(--c-red)}body.contact-is-open .nav-right{display:none}body.contact-is-open .nav-hamburger{display:flex;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--color-bg)}@media(min-width:1025px){.contact-backdrop{z-index:1010}.contact-panel{top:12px;right:20px;bottom:12px;height:auto;border-radius:27px;transform:translate(calc(100% + var(--page-gutter)));z-index:1011}body.contact-is-open .sticky-nav{z-index:1012}body.contact-is-open .nav-left,body.contact-is-open .nav-center{opacity:0;pointer-events:none}body.contact-is-open .nav-hamburger{padding:12px 24px 8px}}@media(min-width:3840px){.contact-panel{width:calc(2048px - var(--page-gutter) * 2)}.contact-panel-inner{padding:calc(var(--space-for-nav) - 24px) calc(var(--page-gutter) * 2) 80px}.contact-form{gap:128px;margin-top:128px}.contact-section{gap:32px}.contact-topics{gap:16px}.contact-fields-row{gap:24px}.contact-textarea{border-radius:32px;padding:32px;min-height:192px}.contact-submit-row{gap:32px}.contact-topic-btn{box-shadow:inset 0 0 0 2px var(--c-dark-green-20)}.contact-topic-btn:hover{box-shadow:inset 0 0 0 2px var(--c-dark-green-50)}.contact-topic-btn.active{box-shadow:inset 0 0 0 2px var(--c-bright-green)}.contact-input,.contact-textarea{box-shadow:inset 0 0 0 2px var(--c-dark-green-20)}.contact-input:focus,.contact-textarea:focus{box-shadow:inset 0 0 0 2px var(--c-dark-green-50)}}@media(min-width:3840px)and (min-width:1025px){.contact-panel{top:24px;right:40px;bottom:24px;border-radius:54px}}@media(max-width:1024px){.contact-form{gap:40px;margin-top:40px}.contact-panel{width:100%}.contact-panel-inner{padding:calc(var(--space-for-nav) - 12px) var(--page-gutter) 40px}.contact-title{font-size:48px}.contact-fields-row{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/contact.css.map */