/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/webpack-import-glob-loader/index.js??ruleSet[1].rules[1].use[4]!./src/main/webpack/components/common/components/content/registration/v1/scss/registration.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#tire-registration-form > div {
  width: 65%;
  max-width: 770px;
}
@media only screen and (max-width: 1023px) {
  #tire-registration-form > div {
    width: 90%;
  }
}

.registration {
  padding: 0 2pc !important;
}
.registration .field {
  position: relative;
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 1em;
}
@media only screen and (max-width: 480px) {
  .registration .field {
    margin-bottom: 0px;
  }
}
.registration .field label, .registration .field input, .registration .field textarea {
  transition: all 0.2s;
  touch-action: manipulation;
}
.registration .field input {
  cursor: text;
  margin-bottom: 0;
  padding: 10px 0 0 0;
}
.registration .field input:placeholder-shown + label,
.registration .field textarea:placeholder-shown + label {
  cursor: text;
  max-width: 66.66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(1rem, 2rem) scale(1);
}
.registration .field ::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: inherit;
  transition: inherit;
}
.registration .field input:focus::-webkit-input-placeholder,
.registration .field textarea:focus::-webkit-input-placeholder {
  opacity: 1;
}
.registration .field input:not(:placeholder-shown) + label,
.registration .field input:focus + label,
.registration .field textarea:not(:placeholder-shown) + label,
.registration .field textarea:focus + label {
  transform: translate(1rem, 1rem) scale(1);
  cursor: pointer;
  margin-bottom: -4px;
}
.registration .field .registration__contact {
  margin-bottom: 0;
  padding: 30px 0;
}
.registration .addItem {
  color: black;
}
.registration .addItem:hover {
  color: red;
}
.registration .success-message {
  display: none;
}
.registration .fail-message {
  display: none;
}
.registration.success .registration__form-elements, .registration.fail .registration__form-elements {
  display: none;
}
.registration.success .success-message {
  display: block;
}
.registration.fail .fail-message {
  display: block;
}
.registration #tireImage {
  height: 140px;
  width: 297px;
  object-fit: cover;
}

/*# sourceMappingURL=registration.css.map*/
input[type=email],input[type=number],input[type=tel],input[type=text],select,textarea{border:1px solid #9b9b9b;border-radius:0;color:#000;font-size:14px;height:45px;margin-bottom:28px;width:100%}input[type=email]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,select::placeholder,textarea::placeholder{color:#000;text-indent:1pc}input[type=email],input[type=number],input[type=tel],input[type=text],textarea{text-indent:1pc}select{padding:0 14px 0 1pc}textarea{height:328px;margin-bottom:1pc;padding-top:14px}@media only screen and (max-width:1023px){textarea{height:93pt}}#tire-registration-form h1{font-size:2pc;padding-top:40px}@media only screen and (max-width:1023px){#tire-registration-form h1{font-size:24px}}#tire-registration-form h2{margin:0}#tire-registration-form>div{background-color:#fff;margin:0;padding:0 5pc}@media only screen and (max-width:1023px){#tire-registration-form>div{padding:0 30px}}#tire-registration-form .copy p{font-size:14px;line-height:25px;padding-right:40px}.registration{background-color:#fff;padding:20px 0 40px}.registration input[type=submit]{display:block;margin:0 auto 38px;width:auto}.registration h2{font-size:20px;margin:0}.registration select{margin-bottom:0;margin-top:20px}.registration .submit{margin-top:35px}.registration .field .error{font-size:14px}.registration__dealer{border-top:1px solid #ddd}.registration__dealer h2:first-of-type{padding-top:30px}.registration__dealer h2{padding-top:15px}.registration__dealer h2:nth-of-type(2){border-top:1px solid #ddd;padding-top:30px}.registration__dealer--dealer-information .field:last-of-type{padding-bottom:30px}.registration__dealer--tire-information{padding-bottom:15px}.registration__dealer--tire-information h2{border-top:1px solid #ddd;padding-top:30px}.registration__dealer--tire-information img{padding-bottom:30px}.registration__dealer--tire-information p{margin-bottom:0;margin-top:30px}.registration__dealer--date-of-sale{display:flex;flex-flow:column;justify-content:space-between}.registration__dealer--date-of-sale>select{display:flex;flex-basis:32%}.registration__contact{margin-bottom:0;padding:30px 0}.registration .field input:placeholder-shown+label,.registration .field textarea:placeholder-shown+label{font-size:14px}.registration .field input:focus+label,.registration .field input:not(:placeholder-shown)+label,.registration .field textarea:focus+label,.registration .field textarea:not(:placeholder-shown)+label{color:#5f5f5f;font-size:10px}.registration .field.error{color:#e42300}.registration .field.error input,.registration .field.error select,.registration .field.error textarea{border:1px solid #e42300}.registration .field.error p{margin:5px 0 0 1pc}.registration .field.error input,.registration .field.error label,.registration .field.error p,.registration .field.error select{color:#e42300}.registration .field.error textarea{margin-bottom:-4px}.registration .field.error input:focus+label,.registration .field.error input:not(:placeholder-shown)+label{color:#e42300}.registration .field.error select{margin-bottom:-4px}