.contact-form{--cf-bg: #000000;--cf-fg: #ffffff;--cf-fg-muted: rgba(255, 255, 255, .5);--cf-border: rgba(255, 255, 255, .25);--cf-input-border: rgba(255, 255, 255, .3);--cf-input-focus-border: #ffffff;--cf-submit-bg: #ffc001;--cf-submit-fg: #000000;--cf-success: #4caf50;--cf-error: #f44336;display:block;background-color:var(--cf-bg);color:var(--cf-fg);width:100%;font-family:Circular Std,sans-serif}.contact-form .page-width{padding-left:60px;padding-right:0}.contact-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;min-height:740px}.contact-form__left{display:flex;flex-direction:column;gap:32px;padding:60px 137px 60px 60px;justify-content:center}.contact-form__heading{margin:0;font-family:Circular Std,sans-serif;font-weight:450;font-size:32px;line-height:120%;letter-spacing:-1.5px;color:var(--cf-fg)}.contact-form__form{display:flex;flex-direction:column;gap:28px}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form__field{display:flex;flex-direction:column;gap:8px}.contact-form__label{font-family:Circular Std,sans-serif;font-weight:450;font-size:16px;line-height:1;letter-spacing:.2px;color:var(--cf-fg)}.contact-form__label span{color:var(--cf-fg);margin-left:1px}.contact-form__input{background:transparent;border:none;border-bottom:1px solid var(--cf-input-border);border-radius:0;color:var(--cf-fg);font-family:Circular Std,sans-serif;font-weight:400;font-size:14px;line-height:1.4;padding:10px 0;width:100%;outline:none;transition:border-color .2s ease;-webkit-appearance:none;appearance:none}.contact-form__input::placeholder{color:var(--cf-fg-muted)}.contact-form__input:focus{border-bottom-color:var(--cf-input-focus-border)}.contact-form__textarea{background:transparent;border:1px solid var(--cf-input-border);border-radius:4px;color:var(--cf-fg);font-family:Circular Std,sans-serif;font-weight:400;font-size:15px;line-height:1.4;padding:12px 16px;width:100%;outline:none;transition:border-color .2s ease;resize:vertical;min-height:120px;-webkit-appearance:none;appearance:none}.contact-form__textarea::placeholder{color:var(--cf-fg-muted)}.contact-form__textarea:focus{border-color:var(--cf-input-focus-border)}.contact-form__input:-webkit-autofill,.contact-form__input:-webkit-autofill:hover,.contact-form__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--cf-fg);-webkit-box-shadow:0 0 0 1000px var(--cf-bg) inset;caret-color:var(--cf-fg)}.contact-form__submit-wrapper{margin-top:4px}.contact-form__submit{display:block;width:100%;background:var(--cf-submit-bg);color:var(--cf-submit-fg);border:none;border-radius:6px;font-family:Circular Std,sans-serif;font-weight:900;font-size:14px;letter-spacing:.5px;text-transform:uppercase;padding:18px 24px;cursor:pointer;transition:opacity .2s ease,transform .1s ease;line-height:1}.contact-form__submit:hover{opacity:.9}.contact-form__submit:active{transform:scale(.99)}.contact-form__message{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:8px;font-size:14px;line-height:1.5}.contact-form__message--success{background:#4caf501f;border:1px solid rgba(76,175,80,.4);color:#81c784}.contact-form__message--error{background:#f443361a;border:1px solid rgba(244,67,54,.35);color:#ef9a9a}.contact-form__message-icon{flex-shrink:0;margin-top:2px}.contact-form__message p{margin:0}.contact-form__error-list{margin:6px 0 0;padding-left:16px;font-size:13px}.contact-form__error-list li{margin-bottom:2px}.contact-form__right{overflow:hidden;position:relative}.contact-form__right #marquee-wrapper{height:100%;min-height:600px}.contact-form__right #marquee-wrapper .container{height:100%}@media screen and (min-width:750px)and (max-width:989px){.contact-form .page-width{padding-left:32px;padding-right:0}.contact-form__grid{grid-template-columns:1fr;min-height:auto}.contact-form__left{padding:50px 32px 50px 0;gap:24px}.contact-form__heading{font-size:34px}.contact-form__right,.contact-form__right #marquee-wrapper{min-height:400px}}@media screen and (max-width:749px){.contact-form .page-width{padding-left:16px;padding-right:16px;padding-top:30px}.contact-form__grid{grid-template-columns:1fr;min-height:auto}.contact-form__left{order:2;padding:40px 0;gap:20px}.contact-form__row{grid-template-columns:1fr;gap:20px}.contact-form__right{order:1;min-height:360px}.contact-form__right #marquee-wrapper{min-height:360px}}
/*# sourceMappingURL=/cdn/shop/t/298/assets/section-contact-form.css.map */
