.hair-doctor-form{padding-top:36px;padding-bottom:36px}.hair-doctor .form-status{font-size:1.8rem}.hair-doctor .form__message .icon,.hair-doctor .form__message svg{height:1.8rem;width:1.8rem}.hair-doctor img{max-width:100%}.hair-doctor .form__message{align-items:flex-start}.hair-doctor .icon-success{margin-top:.2rem}.hair-doctor .field{margin-bottom:1.5rem}select.field__input{padding:10px 20px!important;color:rgba(var(--color-foreground),.75)!important;font-family:var(--font-body-family)}select.field__input option{color:rgb(var(--color-foreground))!important;font-family:Arial}select.field__input:has(option:checked:not([value])),select.field__input:has(option:checked:not([value=""])){color:rgb(var(--color-foreground))!important;font-family:Arial}select.field__input:has(option:checked:not([value])) option,select.field__input:has(option:checked:not([value=""])) option{color:rgb(var(--color-foreground))!important;font-family:Arial}.hair-doctor .field.select{position:relative}.hair-doctor .field.select:before{content:"";position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0;height:0;border:6px solid transparent;border-top-color:#666;margin-top:3px;pointer-events:none;z-index:2;left:auto;box-shadow:none;border-radius:0;bottom:auto}@media screen and (min-width: 750px){.hair-doctor .field{margin-bottom:2rem}.page-width--narrow{padding:0 5rem}}.hair-doctor__button{margin-top:3rem}.hair-doctor .field--with-error:after,.hair-doctor select:after{box-shadow:0 0 0 1px red}.hair-doctor .contact__field-error{display:none}@media screen and (min-width: 750px){.hair-doctor__button{margin-top:4rem}}@media screen and (min-width: 750px){.hair-doctor__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2rem}}@media screen and (max-width: 480px){.hair-doctor .form-status{font-size:1.6rem}.hair-doctor-form{padding-top:12px;padding-bottom:12px}.hair-doctor-form .field__input,.hair-doctor-form .select__select,.hair-doctor-form .field input,.customer select{font-size:1.4rem}.hair-doctor-form .field__label,.hair-doctor-form .field label{font-size:1.4rem;left:calc(var(--inputs-border-width) + 1rem);top:calc(1.2rem + var(--inputs-border-width))}.hair-doctor-form .field__input:focus,.hair-doctor-form .field__input:not(:placeholder-shown),.hair-doctor-form .field__input:-webkit-autofill,.hair-doctor-form .field input:focus,.hair-doctor-form .field input:not(:placeholder-shown),.hair-doctor-form .field input:-webkit-autofill{padding:2.2rem 1rem .8rem}.hair-doctor-form select.field__input:focus,.hair-doctor-form select.field__input:not(:placeholder-shown),.hair-doctor-form select.field__input:-webkit-autofill,.hair-doctor-form select.field input:focus,.hair-doctor-form select.field input:not(:placeholder-shown),.hair-doctor-form select.field input:-webkit-autofill{padding:1rem 1rem .8rem!important}.hair-doctor-form .field__input:focus~.field__label,.hair-doctor-form .field__input:not(:placeholder-shown)~.field__label,.hair-doctor-form .field__input:-webkit-autofill~.field__label,.hair-doctor-form .field input:focus~label,.hair-doctor-form .field input:not(:placeholder-shown)~label,.hair-doctor-form .field input:-webkit-autofill~label{left:calc(var(--inputs-border-width) + 1rem)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-hair-doctor-form.css.map */