.contact-form{width:100%;max-width:850px;gap:30px;display:flex;flex-direction:column;padding:36px 54px 54px;background-color:var(--Primary-Pop-yellow);border-radius:30px}@media(max-width:989px){.contact-form{gap:18px;padding:24px var(--section-main-margin-side) 18px var(--section-main-margin-side)}}.contact-form .contact-form-title{font-family:var(--font-family-paragraph-alternate);font-style:normal;font-weight:400;font-size:42px;line-height:48px;text-align:center;color:#000}@media(max-width:989px){.contact-form .contact-form-title{font-size:30px;line-height:36px}}.contact-form .contact-form-submit{width:100%}.contact-form .contact-form-submit>input{width:100%}.contact-form .contact-form-trust{width:100%;gap:24px;display:flex;align-items:center;flex-direction:row}@media(max-width:989px){.contact-form .contact-form-trust{gap:12px;flex-direction:column}}.contact-form .contact-form-trust .contact-form-trust-label{display:block;flex:1;font-family:var(--font-family-paragraph);font-size:var(--font-paragrapg-large-size);font-style:normal;font-weight:700;line-height:var(--font-paragrapg-large-line-height);color:var(--Secondary-Soft-dark-100)}@media(max-width:989px){.contact-form .contact-form-trust .contact-form-trust-label{text-align:center}}.contact-form .contact-form-trust .contact-form-trust-stars{gap:2px;display:flex;flex-direction:row;padding:8px;border:none;border-radius:12px;outline:2px solid var(--Secondary-Soft-dark-15);background-color:var(--Others-White)}.contact-form .contact-form-trust .contact-form-trust-stars .contact-form-trust-star{width:24px;height:24px}.contact-form .contact-form-trust .contact-form-trust-stars .contact-form-trust-star.contact-form-trust-star--empty svg{stroke:var(--Products-Heart-red)}.contact-form .contact-form-trust .contact-form-trust-stars .contact-form-trust-star.contact-form-trust-star--empty svg path{fill:none}.contact-form .contact-form-trust .contact-form-trust-stars .contact-form-trust-star.contact-form-trust-star--full svg path{fill:var(--Products-Heart-red)}.contact-form .contact-form-trust .contact-form-trust-stars .contact-form-trust-star>svg{display:block;width:100%;height:100%;stroke-width:1.5}.contact-form .contact-form-wrapper{gap:24px;display:flex;align-items:center;flex-direction:column}.contact-form .contact-form-wrapper .contact-form-container{gap:12px;display:flex;flex-wrap:wrap;width:100%}.contact-form .contact-form-wrapper .contact-form-container .contact-form-input{flex:1 0 100%}.contact-form .contact-form-wrapper .contact-form-container .contact-form-input>input,.contact-form .contact-form-wrapper .contact-form-container .contact-form-input>textarea,.contact-form .contact-form-wrapper .contact-form-container .contact-form-input>.contact-form-input-container{display:block;width:100%;padding:18px 24px;outline:2px solid var(--Secondary-Soft-dark-15);border:none;border-radius:18px;background-color:var(--Others-White);font-family:var(--font-family-paragraph);font-size:var(--font-paragraph-large-size);font-weight:700;font-style:normal;line-height:var(--font-paragraph-large-line-height);color:var(--Secondary-Soft-dark-50);appearance:none;-moz-appearance:none;-webkit-appearance:none}:is(.contact-form .contact-form-wrapper .contact-form-container .contact-form-input>input,.contact-form .contact-form-wrapper .contact-form-container .contact-form-input>textarea,.contact-form .contact-form-wrapper .contact-form-container .contact-form-input>.contact-form-input-container):focus,:is(.contact-form .contact-form-wrapper .contact-form-container .contact-form-input>input,.contact-form .contact-form-wrapper .contact-form-container .contact-form-input>textarea,.contact-form .contact-form-wrapper .contact-form-container .contact-form-input>.contact-form-input-container):valid{color:var(--Secondary-Soft-dark-100);outline-color:inherit}:is(.contact-form .contact-form-wrapper .contact-form-container .contact-form-input>input,.contact-form .contact-form-wrapper .contact-form-container .contact-form-input>textarea,.contact-form .contact-form-wrapper .contact-form-container .contact-form-input>.contact-form-input-container):is(textarea){height:160px;resize:none}@media(min-width:990px){.contact-form .contact-form-wrapper .contact-form-container .contact-form-input.contact-form-input--half{flex:1}}.contact-form .contact-form-wrapper .contact-form-container .contact-form-input.contact-form-input--file{isolation:isolate;position:relative}.contact-form .contact-form-wrapper .contact-form-container .contact-form-input.contact-form-input--file:not([data-pending]) .contact-form-input-pending{display:none}.contact-form .contact-form-wrapper .contact-form-container .contact-form-input.contact-form-input--file .contact-form-input-container{gap:12px;display:flex;align-items:center;justify-content:center;border:none;outline:2px dashed var(--Secondary-Soft-dark-50);background-color:var(--Secondary-Soft-dark-15);color:var(--Secondary-Soft-dark-100)}.contact-form .contact-form-wrapper .contact-form-container .contact-form-input.contact-form-input--file .contact-form-input-container .contact-form-input-icon{width:24px;height:24px}.contact-form .contact-form-wrapper .contact-form-container .contact-form-input.contact-form-input--file .contact-form-input-container .contact-form-input-icon>svg{display:block;width:100%;height:100%}.contact-form .contact-form-wrapper .contact-form-container .contact-form-input.contact-form-input--file .contact-form-input-pending{display:grid;place-items:center;isolation:isolate;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:inherit;overflow:hidden}.contact-form .contact-form-wrapper .contact-form-container .contact-form-input.contact-form-input--file .contact-form-input-pending:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--Others-Background);opacity:.25}.contact-form .contact-form-wrapper .contact-form-container .contact-form-input.contact-form-input--file .contact-form-input-pending:before{--spinner-color: var(--Primary-Vibrant-pink);content:"";width:24px;aspect-ratio:1;border-style:solid;border-width:3px;border-color:var(--spinner-color) var(--spinner-color) transparent;border-radius:50%;animation:contact-form-spinner 1s linear infinite}.contact-form .contact-form-wrapper .contact-form-container .contact-form-input.contact-form-input--file .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact-form .contact-form-wrapper .contact-form-container .contact-form-input.contact-form-input--file input{display:none}.contact-form .contact-form-wrapper .contact-form-container .contact-form-input.contact-form-input--file label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer}.contact-form .contact-form-error{text-align:center}.contact-form .contact-form-error em{font-style:normal;font-weight:700;text-decoration:underline}.contact-form :is(.contact-form-container,.contact-form-submit,.contact-form-error)[hidden]{display:none}@keyframes contact-form-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-form-files{display:block;width:100%}.contact-form-files-list{display:flex;flex-direction:column;gap:12px;margin-block-end:12px}.contact-form-files-list:empty{margin-block-end:0}.contact-form-file-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--Others-White);border-radius:12px;outline:2px solid var(--Secondary-Soft-dark-15)}.contact-form-file-preview{width:48px;height:48px;flex-shrink:0;border-radius:8px;overflow:hidden}.contact-form-file-preview img{width:100%;height:100%;object-fit:cover}.contact-form-file-name{flex:1;min-width:0;font-family:var(--font-family-paragraph);font-size:var(--font-paragraph-medium-size);font-weight:600;line-height:var(--font-paragraph-medium-line-height);color:var(--Secondary-Soft-dark-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-form-success{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 24px;background-color:var(--Others-White);border-radius:18px;outline:2px solid var(--Secondary-Soft-dark-15)}.contact-form-success-icon{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;background-color:var(--Primary-Pop-green);border-radius:50%;color:var(--Others-White)}.contact-form-success-icon svg{width:14px;height:14px}.contact-form-success-message{font-family:var(--font-family-paragraph);font-size:var(--font-paragraph-large-size);font-weight:700;line-height:var(--font-paragraph-large-line-height);color:var(--Secondary-Soft-dark-100)}.contact-form-file-remove{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;padding:0;background-color:var(--Secondary-Soft-dark-15);border:none;border-radius:50%;color:var(--Secondary-Soft-dark-100);cursor:pointer;transition:background-color .2s ease}.contact-form-file-remove:hover{background-color:var(--Secondary-Soft-dark-25)}.contact-form-file-remove svg{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/59/assets/w-contact-form.css.map */