@charset "utf-8";
/* CSS Document */
.form-floating {
  position: relative;
}

.form-floating input {
}

.form-floating input:focus {
  border-color: #6d9ff1;
  outline: 0;
}

.form-floating label {
  position: absolute;
  top: 20px;
  left: 12px;
  transform: translateY(-50%);
  color: #999;
  transition: all 0.2s ease;
  pointer-events: none;
  padding: 0 4px;
  background: white;
}

/*Gdy input ma focus lub wartość */
.form-floating input:focus ~ label,
.form-floating input:not(:placeholder-shown) ~ label {
  top: -10px;
  transform: translateY(0);
  font-size: 0.8em;
  color: #6d9ff1;
}

/* Placeholder musi być ustawiony na spację */
.form-floating input::placeholder {
  color: transparent;
}