/* [project]/components/FloatingLabelInput.module.css [app-client] (css) */
.FloatingLabelInput-module__8OtaRa__root {
  position: relative;
}

.FloatingLabelInput-module__8OtaRa__label {
  z-index: 2;
  top: 12px;
  left: var(--mantine-spacing-sm);
  pointer-events: none;
  color: #8a95a8;
  font-size: 16px;
  font-weight: 400;
  transition: transform .15s, font-size .15s, color .15s;
  position: absolute;
}

.FloatingLabelInput-module__8OtaRa__label[data-floating] {
  transform: translate(calc(var(--mantine-spacing-sm) * -1), -32px);
  font-size: var(--mantine-font-size-xs);
  color: #fff;
  font-weight: 500;
}

.FloatingLabelInput-module__8OtaRa__required {
  opacity: 0;
  transition: opacity .15s;
}

[data-floating] .FloatingLabelInput-module__8OtaRa__required {
  opacity: 1;
}

.FloatingLabelInput-module__8OtaRa__input::placeholder {
  color: #0000;
  transition: color .15s;
}

.FloatingLabelInput-module__8OtaRa__input[data-floating]::placeholder {
  color: var(--mantine-color-placeholder);
}

.FloatingLabelInput-module__8OtaRa__rtl-input {
  text-align: right !important;
  direction: rtl !important;
}

.FloatingLabelInput-module__8OtaRa__rtl-label {
  left: auto !important;
  right: var(--mantine-spacing-sm) !important;
  transform: none !important;
}

.FloatingLabelInput-module__8OtaRa__rtl-label[data-floating] {
  transform: translate(calc(var(--mantine-spacing-sm) * 1), -32px) !important;
}

/*# sourceMappingURL=components_FloatingLabelInput_module_69ca6bb5.css.map*/