.feedback-form__wrapper{display:flex;flex-direction:column;align-items:center}.feedback-form__form-title{font-size:24px;font-weight:700;margin-bottom:10px}.feedback-form__form{width:70%;display:flex;flex-direction:column;gap:15px}.feedback-form__input-wrapper{position:relative;line-height:normal}.feedback-form__input-wrapper label{font-size:14px;color:#20202080;position:absolute;top:50%;left:0;padding:13px 10px;transform:translateY(-50%);transition:all .2s ease;pointer-events:none}.feedback-form__input-wrapper input{width:100%;padding:15px 10px;border:1px solid #7e7d7d80;border-radius:5px;transition:all .2s ease}.feedback-form__input-wrapper input:focus-visible{outline:none;box-shadow:unset}.feedback-form__input-wrapper input:focus+label,input.has-text+label{top:25%;font-size:12px;padding:14px 10px}.feedback-form__submit-button{font-size:16px;padding:15px;color:#fff;background-color:#000;border:none;border-radius:5px;cursor:pointer}.feedback-form__form input:focus{border:1px solid #007bff}.feedback-form__spinner-wrapper{position:fixed;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#14141499}.feedback-form__spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}.feedback-form__submit-status{font-size:20px;font-weight:600;color:green}.hide-form,.hide-form-wrapper,.hide-loader,.hide-status,.feedback-form__submit-response-wrapper.hide-submit-status{display:none}.feedback-form__submit-response-wrapper{min-height:50vh;display:flex;justify-content:center}.feedback-form__submit-response{display:flex;flex-direction:column;align-items:center}.feedback-form__submit-response span:first-child{font-size:28px;font-weight:700}.feedback-form__submit-response span:last-child{font-size:16px;font-weight:600}.feedback-form__input-wrapper .input-error{border:1px solid red}.feedback-form__error-message{color:red;font-size:12px}@keyframes spin{to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@media screen and (min-width: 750px){.feedback-form__form{width:50%}.feedback-form__form-title{font-size:28px}}@media screen and (min-width: 990px){.feedback-form__form{width:30%}}
/*# sourceMappingURL=/cdn/shop/t/259/assets/feedback-form.css.map */