/* M501 Newsletter Form – hover label animation */

.c-form--hover-label .c-form__capsule:not(.is-focused):not(.has-value):hover .c-label {
  transform: scale(0.75) translateY(-1.9em);
}
@media (width >= 768px) {
  .c-form--hover-label .c-form__capsule:not(.is-focused):not(.has-value):hover .c-label {
    transform: scale(0.75) translateY(-2.5em);
  }
}

.c-form--hover-label .c-form__capsule:not(.is-focused):not(.has-value):hover .c-input,
.c-form--hover-label .c-form__capsule:not(.is-focused):not(.has-value):hover .c-select,
.c-form--hover-label .c-form__capsule:not(.is-focused):not(.has-value):hover .c-textarea {
  transform: translateX(calc((110px - var(--sp-5x)) * -1));
  width: calc(100% + 110px - var(--sp-5x));
}
@media (width >= 768px) {
  .c-form--hover-label .c-form__capsule:not(.is-focused):not(.has-value):hover .c-input,
  .c-form--hover-label .c-form__capsule:not(.is-focused):not(.has-value):hover .c-select,
  .c-form--hover-label .c-form__capsule:not(.is-focused):not(.has-value):hover .c-textarea {
    transform: translateX(calc((150px - var(--sp-5x)) * -1));
    width: calc(100% + 150px - var(--sp-5x));
  }
}