body:has(#ContactForm) main,body:has(#ContactForm) .content-for-layout{background:radial-gradient(circle at 12% 14%,rgba(17,17,17,.04),transparent 26%),radial-gradient(circle at 88% 18%,rgba(17,17,17,.03),transparent 24%),var(--kv-white, #FFFFFF)!important}body:has(#ContactForm) .main-page-title{font-family:var(--kv-font-display, sans-serif)!important;font-size:clamp(2.4rem,6vw,4.2rem)!important;font-weight:400!important;font-style:normal!important;text-transform:uppercase!important;line-height:1.05!important;letter-spacing:.01em!important;color:var(--kv-black, #111111)!important;text-align:center!important;margin:0!important}body:has(#ContactForm) .main-page-title:before{content:"We're here to help";display:block;width:fit-content;margin:0 auto 1rem;padding:.42rem .9rem;border-radius:999px;border:1px solid rgba(17,17,17,.18);background:transparent;color:var(--kv-black, #111111);font-family:var(--kv-font-body, sans-serif);font-size:.68rem;font-weight:700;font-style:normal;line-height:1;letter-spacing:.14em;text-transform:uppercase}body:has(#ContactForm) .main-page-title:after{content:"Got questions about your order, shipping, or a product? Send us a message and we'll get back to you as soon as possible.";display:block;max-width:58ch;margin:1rem auto 0;color:var(--kv-grey-text, #6B6B6B);font-family:var(--kv-font-body, sans-serif);font-size:clamp(.92rem,1.3vw,1.05rem);font-weight:500;font-style:normal;line-height:1.75;letter-spacing:0}body:has(#ContactForm) [id*=__main] .page-width{padding-top:clamp(3rem,5vw,4.5rem)!important;padding-bottom:1.5rem!important}body:has(#ContactForm) .contact{max-width:860px!important;margin:0 auto clamp(4rem,6vw,6rem)!important;padding:clamp(1.35rem,3vw,2.25rem)!important;border-radius:24px!important;background:var(--kv-white, #FFFFFF)!important;border:1px solid rgba(17,17,17,.08)!important;box-shadow:0 18px 48px #1111110f!important}body:has(#ContactForm) .contact>h2{margin:0!important}body:has(#ContactForm) #ContactForm{display:flex!important;flex-direction:column!important;gap:1.05rem!important}body:has(#ContactForm) .contact__fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important}body:has(#ContactForm) #ContactForm .field{min-height:58px!important;border-radius:16px!important;background:var(--kv-white, #FFFFFF)!important;border:1px solid rgba(17,17,17,.12)!important;box-shadow:none!important;overflow:hidden!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.22,1,.36,1)!important}body:has(#ContactForm) #ContactForm .field:focus-within{border-color:var(--kv-black, #111111)!important;box-shadow:0 0 0 3px #1111111a!important;transform:translateY(-1px)!important}body:has(#ContactForm) #ContactForm .field:before,body:has(#ContactForm) #ContactForm .field:after{display:none!important;content:none!important;border:0!important;box-shadow:none!important}body:has(#ContactForm) #ContactForm .field__input{min-height:58px!important;padding:1.55rem 1.15rem .65rem!important;border:0!important;outline:none!important;background:transparent!important;box-shadow:none!important;color:var(--kv-black, #111111)!important;font-family:var(--kv-font-body, sans-serif)!important;font-size:.95rem!important;font-weight:600!important}body:has(#ContactForm) #ContactForm .field__input:focus,body:has(#ContactForm) #ContactForm .field__input:focus-visible{outline:none!important;box-shadow:none!important}body:has(#ContactForm) #ContactForm textarea.field__input{min-height:170px!important;resize:vertical!important;padding-top:1.75rem!important;line-height:1.7!important}body:has(#ContactForm) #ContactForm .field__label{font-family:var(--kv-font-body, sans-serif)!important;color:#1111116b!important;font-size:.88rem!important;font-weight:600!important;letter-spacing:.01em!important}body:has(#ContactForm) #ContactForm .field__input:focus~.field__label,body:has(#ContactForm) #ContactForm .field__input:not(:placeholder-shown)~.field__label,body:has(#ContactForm) #ContactForm .field__input:-webkit-autofill~.field__label{color:var(--kv-black, #111111)!important;font-size:.68rem!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}body:has(#ContactForm) #ContactForm .field__label span,body:has(#ContactForm) #ContactForm .form__message,body:has(#ContactForm) #ContactForm .form-status{color:#c0392b!important;font-family:var(--kv-font-body, sans-serif)!important}body:has(#ContactForm) #ContactForm .field--with-error{border-color:#c0392b6b!important}body:has(#ContactForm) .contact__button{margin-top:.4rem!important;border:0!important;outline:none!important;box-shadow:none!important}body:has(#ContactForm) .contact__button .button{width:100%!important;min-height:58px!important;border-radius:999px!important;background:var(--kv-black, #111111)!important;color:var(--kv-white, #FFFFFF)!important;border:0!important;outline:none!important;box-shadow:0 10px 28px #11111129!important;font-family:var(--kv-font-body, sans-serif)!important;font-size:.86rem!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;overflow:hidden!important;transition:background .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)!important}body:has(#ContactForm) .contact__button .button:hover{background:#2a2a2a!important;transform:translateY(-2px)!important;box-shadow:0 14px 34px #11111138!important}body:has(#ContactForm) .contact__button .button,body:has(#ContactForm) .contact__button .button:hover,body:has(#ContactForm) .contact__button .button:focus,body:has(#ContactForm) .contact__button .button:focus-visible{border:0!important;outline:none!important}body:has(#ContactForm) .contact__button .button:before,body:has(#ContactForm) .contact__button .button:after{display:none!important;content:none!important;box-shadow:none!important;border:0!important;outline:none!important}@media(max-width:749px){body:has(#ContactForm) [id*=__main] .page-width{padding-top:2.75rem!important;padding-bottom:1rem!important}body:has(#ContactForm) .main-page-title{font-size:clamp(2rem,10vw,2.8rem)!important}body:has(#ContactForm) .main-page-title:after{font-size:.9rem}body:has(#ContactForm) .contact{border-radius:18px!important;padding:1.15rem!important;margin-bottom:4rem!important}body:has(#ContactForm) .contact__fields{grid-template-columns:1fr!important;gap:.85rem!important}body:has(#ContactForm) #ContactForm{gap:.85rem!important}body:has(#ContactForm) #ContactForm .field{min-height:54px!important;border-radius:14px!important}body:has(#ContactForm) #ContactForm .field__input{min-height:54px!important;font-size:.9rem!important}body:has(#ContactForm) #ContactForm textarea.field__input{min-height:150px!important}body:has(#ContactForm) .contact__button .button{min-height:54px!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/kitvalut-contact.css.map */