/* Floating labels: empty centered by default; raise on value / Chrome autofill */
fieldset.input input {
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}

fieldset.input span {
  font-size: var(--text-size) !important;
  bottom: 50% !important;
  -webkit-transform: translateY(50%) !important;
  -ms-transform: translateY(50%) !important;
  transform: translateY(50%) !important;
}

fieldset.input input:not(:placeholder-shown),
fieldset.input input.is-filled,
fieldset.input input:-webkit-autofill {
  top: calc(50% - 3px) !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

fieldset.input input:not(:placeholder-shown) + span,
fieldset.input input.is-filled + span,
fieldset.input input:-webkit-autofill + span {
  font-size: 12px !important;
  bottom: calc(50% + 3px) !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

@keyframes onAutoFillStart {
  from { opacity: 0.99; }
  to { opacity: 1; }
}

fieldset.input input:-webkit-autofill {
  -webkit-animation-name: onAutoFillStart;
  animation-name: onAutoFillStart;
  -webkit-animation-duration: 0.001s;
  animation-duration: 0.001s;
}

dialog[data-modal-locked=Y] [data-modal-close] {
  display: none !important;
}