@charset "UTF-8";/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[2].use[4]!./src/styles/sections/warranty-form.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/.warranty-form{padding-left:12px;padding-right:12px;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;gap:32px}.warranty-form__image{width:214px;height:214px;-o-object-fit:contain;object-fit:contain}.warranty-form__title{margin:0;text-align:center;font-weight:400;font-size:48px;line-height:1.2;text-transform:capitalize}.warranty-form__form{width:100%;max-width:454px;display:flex;flex-direction:column;gap:24px}.warranty-form__form__status-error{padding:12px;background:var(--color-error-background);border-left:2px solid var(--color-error);display:none;flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;font-size:16px;line-height:24px;color:var(--color-error)}.warranty-form__form__status-error--show{display:flex}.warranty-form__form__status-error .icon{width:24px;height:24px}.warranty-form__form__status-error .icon svg{width:24px;height:24px}.warranty-form__form__status-error .icon svg path{fill:var(--color-error)}.warranty-form__form__status-success{padding:12px;background:var(--color-success-light);border-left:2px solid var(--color-success);display:none;flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;font-size:16px;line-height:24px;color:var(--color-success)}.warranty-form__form__status-success--show{display:flex}.warranty-form__form__status-success .icon--success-green svg path{fill:var(--color-success)}.warranty-form__form__error{display:none;margin-top:4px;gap:4px;font-weight:400;font-size:14px;line-height:20px;color:var(--color-error)}.warranty-form__form__error--show{display:flex}.warranty-form__form__error .icon{width:16px;height:16px}.warranty-form__form__error .icon svg{width:16px;height:16px}.warranty-form__form__error .icon svg path{fill:var(--color-error)}.warranty-form__form__submit{width:100%}.warranty-form__form__info{padding:12px 20px;border-left:2px solid var(--color-black);background-color:var(--color-background);font-weight:400;font-size:16px;line-height:24px}.warranty-form .field-input{width:100%;height:48px;padding:19px 12px 5px}.warranty-form .field-input:focus,.warranty-form .field-input.focus-visible{outline-offset:0;outline:1px solid var(--color-black)}.warranty-form .field-input:focus,.warranty-form .field-input:focus-visible{outline-offset:0;outline:1px solid var(--color-black)}.warranty-form .field-input--error{outline:1px solid var(--color-error);color:var(--color-error)}.warranty-form__field-group{width:100%;position:relative}.warranty-form__field-group--order-number{display:flex;gap:32px;position:relative}.warranty-form__field-group--order-number:after{content:"or";position:absolute;left:calc(50% - 16px);top:0;font-weight:400;font-size:16px;line-height:24px;color:var(--color-light-grey);width:32px;height:48px;display:flex;align-items:center;justify-content:center}.warranty-form__field-sub-group{width:50%;position:relative}.warranty-form__label{display:flex;gap:3px;position:absolute;left:12px;top:12px;font-weight:400;font-size:16px;line-height:24px;pointer-events:none;transition:all ease .3s;text-transform:capitalize}.warranty-form__label.asterisk:after{content:"\25cf";font-size:6px;color:var(--color-primary)}.warranty-form__label--active{top:5px;font-size:12px;line-height:16px}@media(min-width:1440px){.warranty-form{max-width:1440px;margin-right:auto;margin-left:auto}}
/*# sourceMappingURL=/cdn/shop/t/349/assets/astound.sections.warranty-form.css.map */