/**
 * Rebate form entry: .c-input-common__textform--contact (mock).
 * Autofill: inset shadow = fill only; outer shadow = border ring (same as typed input).
 */

@keyframes app-form-rebate-autofill-start {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}

[data-app-form="rebate"] .c-input-common__textform--contact:focus {
  background: #fff;
  box-shadow: 0 0 0 2px #2e7d32;
}

[data-app-form="rebate"] .c-input-common__textform--contact.is-valid,
[data-app-form="rebate"] .c-input-common__textform--contact.is-active {
  background: #f1f8f2;
  box-shadow: 0 0 0 2px #2e7d32;
}

[data-app-form="rebate"] .c-input-common__textform--contact.is-valid:focus,
[data-app-form="rebate"] .c-input-common__textform--contact.is-active:focus {
  background: #f1f8f2;
  box-shadow: 0 0 0 2px #2e7d32;
}

[data-app-form="rebate"] .c-input-common__textform--contact.is-error {
  background: #fff4f4;
  box-shadow: 0 0 0 2px #ba1a1a;
}

[data-app-form="rebate"] .c-input-common__textform--contact.is-error:focus {
  background: #fff4f4;
  box-shadow: 0 0 0 2px #ba1a1a;
}

[data-app-form="rebate"] .c-input-common__textform--contact:-webkit-autofill,
[data-app-form="rebate"] .c-input-common__textform--contact:-webkit-autofill:hover,
[data-app-form="rebate"] .c-input-common__textform--contact:-webkit-autofill:focus,
[data-app-form="rebate"] .c-input-common__textform--contact:-webkit-autofill:active,
[data-app-form="rebate"] .c-input-common__textform--contact:autofill,
[data-app-form="rebate"] .c-input-common__textform--contact:autofill:hover,
[data-app-form="rebate"] .c-input-common__textform--contact:autofill:focus,
[data-app-form="rebate"] .c-input-common__textform--contact:autofill:active {
  -webkit-text-fill-color: #666 !important;
  caret-color: #666;
  color: #666 !important;
  animation-name: app-form-rebate-autofill-start;
  animation-duration: 0.001s;
  -webkit-box-shadow: 0 0 0 1000px #fff inset, 0 0 0 1px #ddd !important;
  box-shadow: 0 0 0 1000px #fff inset, 0 0 0 1px #ddd !important;
  transition: background-color 99999s ease-out, color 99999s ease-out;
}

[data-app-form="rebate"] .c-input-common__textform--contact.is-valid:-webkit-autofill,
[data-app-form="rebate"] .c-input-common__textform--contact.is-valid:-webkit-autofill:hover,
[data-app-form="rebate"] .c-input-common__textform--contact.is-valid:-webkit-autofill:focus,
[data-app-form="rebate"] .c-input-common__textform--contact.is-valid:-webkit-autofill:active,
[data-app-form="rebate"] .c-input-common__textform--contact.is-active:-webkit-autofill,
[data-app-form="rebate"] .c-input-common__textform--contact.is-active:-webkit-autofill:hover,
[data-app-form="rebate"] .c-input-common__textform--contact.is-active:-webkit-autofill:focus,
[data-app-form="rebate"] .c-input-common__textform--contact.is-active:-webkit-autofill:active,
[data-app-form="rebate"] .c-input-common__textform--contact.is-valid:autofill,
[data-app-form="rebate"] .c-input-common__textform--contact.is-valid:autofill:hover,
[data-app-form="rebate"] .c-input-common__textform--contact.is-valid:autofill:focus,
[data-app-form="rebate"] .c-input-common__textform--contact.is-valid:autofill:active,
[data-app-form="rebate"] .c-input-common__textform--contact.is-active:autofill,
[data-app-form="rebate"] .c-input-common__textform--contact.is-active:autofill:hover,
[data-app-form="rebate"] .c-input-common__textform--contact.is-active:autofill:focus,
[data-app-form="rebate"] .c-input-common__textform--contact.is-active:autofill:active {
  -webkit-text-fill-color: #666 !important;
  caret-color: #666;
  color: #666 !important;
  animation-name: app-form-rebate-autofill-start;
  animation-duration: 0.001s;
  -webkit-box-shadow: 0 0 0 1000px #f1f8f2 inset, 0 0 0 2px #2e7d32 !important;
  box-shadow: 0 0 0 1000px #f1f8f2 inset, 0 0 0 2px #2e7d32 !important;
  transition: background-color 99999s ease-out, color 99999s ease-out;
}

[data-app-form="rebate"] .c-input-common__textform--contact.is-error:-webkit-autofill,
[data-app-form="rebate"] .c-input-common__textform--contact.is-error:-webkit-autofill:hover,
[data-app-form="rebate"] .c-input-common__textform--contact.is-error:-webkit-autofill:focus,
[data-app-form="rebate"] .c-input-common__textform--contact.is-error:-webkit-autofill:active,
[data-app-form="rebate"] .c-input-common__textform--contact.is-error:autofill,
[data-app-form="rebate"] .c-input-common__textform--contact.is-error:autofill:hover,
[data-app-form="rebate"] .c-input-common__textform--contact.is-error:autofill:focus,
[data-app-form="rebate"] .c-input-common__textform--contact.is-error:autofill:active {
  -webkit-text-fill-color: #666 !important;
  caret-color: #666;
  color: #666 !important;
  animation-name: app-form-rebate-autofill-start;
  animation-duration: 0.001s;
  -webkit-box-shadow: 0 0 0 1000px #fff4f4 inset, 0 0 0 2px #ba1a1a !important;
  box-shadow: 0 0 0 1000px #fff4f4 inset, 0 0 0 2px #ba1a1a !important;
  transition: background-color 99999s ease-out, color 99999s ease-out;
}
