.aromely-contact{padding-top:var(--section-pt-mobile, var(--section-pt-desktop));padding-bottom:var(--section-pb-mobile, var(--section-pb-desktop))}@media screen and (min-width:1024px){.aromely-contact{padding-top:var(--section-pt-desktop);padding-bottom:var(--section-pb-desktop)}}.aromely-contact__container{display:flex;flex-direction:column;gap:16px;max-width:960px;margin-inline:auto;padding-inline:16px}@media screen and (min-width:1024px){.aromely-contact__container{gap:32px;padding-inline:40px}}.aromely-contact__callout{background-color:#fff7ed;border-radius:8px;padding:16px 20px}.aromely-contact__form{display:flex;flex-direction:column;gap:24px;border:1px solid #e5e5e5;border-radius:12px;padding:20px}@media screen and (min-width:1024px){.aromely-contact__form{gap:28px;padding:32px}}.aromely-contact__fields{display:flex;flex-wrap:wrap;gap:24px}@media screen and (min-width:1024px){.aromely-contact__fields{gap:28px 20px}}.aromely-contact__field{width:100%;display:flex;flex-direction:column;gap:8px}@media screen and (min-width:1024px){.aromely-contact__field--half{width:calc(50% - 10px)}}.aromely-contact__field--full{width:100%}.aromely-contact__label{font-size:11px;font-weight:600;color:#57534e;text-transform:uppercase;letter-spacing:1px}.aromely-contact__required{color:#dc2626}.aromely-contact__input.is-invalid,.aromely-contact__select.is-invalid,.aromely-contact__textarea.is-invalid{border-color:#dc2626}.aromely-contact__field-error{font-size:12px;color:#dc2626;margin-top:4px}.aromely-contact__input,.aromely-contact__select,.aromely-contact__textarea{font-family:var(--font-geist, "Geist", sans-serif);font-size:14px;font-weight:400;color:#0c0a09;background:transparent;border:1px solid #e5e5e5;border-radius:8px;padding:0 12px;outline:none;transition:border-color .2s ease;width:100%}.aromely-contact__input:focus,.aromely-contact__select:focus,.aromely-contact__textarea:focus{border-color:#0c0a09}.aromely-contact__input,.aromely-contact__select{height:44px}.aromely-contact__textarea{padding:12px;resize:vertical;min-height:120px}.aromely-contact__input::placeholder,.aromely-contact__textarea::placeholder{color:#a3a3a3}.aromely-contact__select-wrap{position:relative}.aromely-contact__select{-webkit-appearance:none;appearance:none;padding-right:36px;cursor:pointer}.aromely-contact__select-wrap:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;background-color:#57534e;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");-webkit-mask-size:contain}.aromely-contact__upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:56px;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:border-color .2s ease;color:#a3a3a3}@media screen and (min-width:1024px){.aromely-contact__upload{height:72px}}.aromely-contact__upload:hover{border-color:#0c0a09}.aromely-contact__upload-text{font-size:13px;font-weight:400;color:#a3a3a3}.aromely-contact__upload.is-dragging{border-color:#0c0a09;border-style:dashed;background-color:#fafaf8}.aromely-contact__previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.aromely-contact__previews:empty{display:none;margin-top:0}.aromely-contact__preview{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid #e5e5e5}.aromely-contact__preview img{width:100%;height:100%;object-fit:cover}.aromely-contact__preview-file{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fafaf8;font-size:10px;font-weight:600;color:#57534e;text-transform:uppercase}.aromely-contact__preview-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background-color:#0c0a09;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;padding:0}.aromely-contact__preview-remove:hover{background-color:#dc2626}.aromely-contact__preview-add{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:8px;border:1px dashed #e5e5e5;cursor:pointer;color:#a3a3a3;font-size:20px;transition:border-color .2s ease,color .2s ease;background:none;padding:0}.aromely-contact__preview-add:hover{border-color:#0c0a09;color:#0c0a09}.aromely-contact__submit{width:100%}.aromely-contact__submit-spinner{display:none;animation:aromely-spin .6s linear infinite}.aromely-contact__submit.is-loading .aromely-contact__submit-label{visibility:hidden}.aromely-contact__submit.is-loading .aromely-contact__submit-spinner{display:block;position:absolute}.aromely-contact__submit.is-loading{position:relative;pointer-events:none;opacity:.7}@keyframes aromely-spin{to{transform:rotate(360deg)}}.aromely-contact__footer{font-size:11px;font-weight:400;color:#a3a3a3;line-height:1.5;text-align:center;margin:0}.aromely-contact__success{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;color:#16a34a;font-size:14px}.aromely-contact__errors{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;color:#dc2626;font-size:14px}
/*# sourceMappingURL=/cdn/shop/t/375/assets/css-section-aromely-contact-form.css.map */