.contact-form-section{padding:6rem 0;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.contact-form__wrapper{max-width:66rem;margin:0 auto;padding:0 1.5rem}.contact-form__content{width:100%}.contact-form{margin-top:3.2rem}.contact-form-section .section__header{text-align:center;margin-bottom:4rem}.contact-form-section .section__heading{font-size:3.2rem;font-weight:var(--font-heading-weight, 600);color:rgb(var(--color-foreground));margin-bottom:1.6rem;line-height:1.2}.contact-form-section .section__subheading{font-size:1.8rem;color:rgba(var(--color-foreground),.8);line-height:1.5;max-width:50rem;margin:0 auto}.contact-form .form-row{display:grid;grid-template-columns:repeat(var(--column, 2),minmax(0,1fr));grid-gap:var(--gap, 2.4rem);align-items:start}.contact-form .form-row .form-field{display:flex;flex-direction:column;margin-top:0!important}.contact-form .form-row .form-field .form-label{flex-shrink:0;margin-bottom:.8rem}.contact-form .form-row .form-field .form-control{flex:1;min-height:var(--buttons-height)}.contact-form .form-field{margin-top:0;position:relative}.contact-form .form-row,.contact-form .form-field~.form-field{margin-top:2.4rem}.contact-form .select{position:relative;display:block;width:100%}.contact-form .form-control--select{padding-inline-end:4.8rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.contact-form .select .icon{position:absolute;top:50%;right:1.6rem;transform:translateY(-50%);pointer-events:none;width:1.6rem;height:1.6rem;color:rgb(var(--color-foreground));transition:transform .3s ease}.contact-form .select:hover .icon{transform:translateY(-50%) scale(1.1)}.contact-form .select .icon svg{width:100%;height:100%;fill:currentColor}.contact-form .form-control{outline:none;box-shadow:none;color:rgb(var(--color-field-text));background-color:rgb(var(--color-field));border:1px solid rgb(var(--color-border));border-radius:var(--inputs-radius);line-height:calc(var(--buttons-height) - var(--inputs-border-width) * 2);padding:0 1.6rem;width:100%;font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:var(--font-body-size);transition:.3s all;-webkit-appearance:none;appearance:none;vertical-align:middle}.contact-form .form-control:hover{border-color:rgb(var(--color-foreground))}.contact-form .form-control:focus,.contact-form .form-control:focus-visible{outline:0;box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.contact-form .form-control::placeholder{color:rgba(var(--color-field-text),.5)}.contact-form .form-control--textarea{resize:vertical;line-height:2.4rem;padding:1rem 1.6rem;border-radius:var(--textareas-radius);min-height:8rem}.contact-form .form-label{margin:0 0 .8rem;display:block;font-weight:var(--font-body-weight);font-size:var(--font-body-size);color:rgb(var(--color-foreground));text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-heading-family)}.contact-form .form-field.required .form-label:after{content:" *";color:#8e1f0b;font-weight:700}.contact-form .form-control.error{border-color:#8e1f0b}.contact-form .form-message{display:block;font-size:var(--font-body-size);margin-top:.8rem}.contact-form .form-message--small{font-size:calc(var(--font-body-size) * .9);line-height:2.2rem;color:rgba(var(--color-foreground),.7)}.contact-form .form-message--error{color:#8e1f0b}.contact-form .form-message--success{color:#0c5132}.contact-form input[type=file]{padding:1.2rem;border:2px dashed rgb(var(--color-border));border-radius:var(--inputs-radius);background-color:rgba(var(--color-field),.5);cursor:pointer;transition:all .3s ease;font-family:var(--font-body-family);font-size:var(--font-body-size)}.contact-form input[type=file]:hover{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-field),.8)}.contact-form input[type=file]:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.contact-form .upload-preview{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:1.2rem}.contact-form .upload-preview-item{display:flex;align-items:center;gap:1rem;padding:1.2rem;background:rgba(var(--color-field),.9);border:1px solid rgb(var(--color-border));border-radius:var(--inputs-radius);font-size:var(--font-body-size);color:rgb(var(--color-foreground));box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.contact-form .upload-preview-item:hover{border-color:rgb(var(--color-foreground));box-shadow:0 4px 8px #00000026}.contact-form .upload-preview-item .remove-file{background:none;border:none;color:#8e1f0b;cursor:pointer;padding:.4rem;font-size:1.6rem;line-height:1;border-radius:.4rem;transition:all .2s ease;min-width:2.4rem;min-height:2.4rem}.contact-form .btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:0 2.4rem;height:var(--buttons-height);font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:var(--font-body-size);text-decoration:none;border:none;border-radius:var(--buttons-radius);cursor:pointer;transition:.3s all;position:relative;overflow:hidden;white-space:nowrap;-webkit-appearance:none;appearance:none;text-transform:uppercase;letter-spacing:.05em}.contact-form .btn--primary{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.contact-form .btn--primary:hover{background-color:rgb(var(--color-button-hover));transform:translateY(-2px)}.contact-form .btn--primary:active{transform:translateY(0)}.contact-form .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.contact-form .loading__spinner{display:none}.contact-form .spinner{animation:spin 1s linear infinite;width:2rem;height:2rem}.contact-form .spinner .path{stroke:currentColor;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.contact-form .alert{margin-top:2.4rem;padding:1.6rem;border-radius:.4rem;border:1px solid;font-size:var(--font-body-size);line-height:1.5}.contact-form .alert--success{background-color:#0c51321a;border-color:#0c5132;color:#0c5132}.contact-form .alert--error{background-color:#8e1f0b1a;border-color:#8e1f0b;color:#8e1f0b}.contact-form .alert__content{display:flex;align-items:flex-start;gap:.8rem}.contact-form .alert .icon{flex-shrink:0;width:1.6rem;height:1.6rem;margin-top:.1rem}.contact-form .form-footer{margin-top:3.2rem;text-align:center;padding-top:3.2rem;border-top:1px solid rgb(var(--color-border))}.contact-form .form-control:disabled,.contact-form .form-control--select:disabled{background-color:rgba(var(--color-field),.5);color:rgba(var(--color-field-text),.5);cursor:not-allowed;border-color:rgb(var(--color-border))}@media (max-width: 767.98px){.contact-form-section{padding:4rem 0}.contact-form-section .section__heading{font-size:2.4rem}.contact-form-section .section__subheading{font-size:1.6rem}.contact-form__wrapper{padding:0 1rem}.contact-form .form-row{--column: 1 !important;--gap: 1.6rem !important}.contact-form .form-field~.form-field{margin-top:1.6rem}.contact-form .form-footer{margin-top:2.4rem}.contact-form .btn{width:100%}}@media (max-width: 639.98px){.contact-form .upload-preview{flex-direction:column}.contact-form .upload-preview-item{justify-content:space-between}.contact-form .alert{padding:1.6rem;font-size:1.4rem}}.contact-form .form-control:focus-visible,.contact-form .btn:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media print{.contact-form-section{padding:0}.contact-form .btn,.contact-form .upload-preview,.contact-form .alert{display:none}.contact-form .form-control{border:1px solid #000;background:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-contact-matrix-form.css.map */