.did-floating-label-content {
  position: relative;
  margin-bottom: 14px;
}

.did-floating-label {
  color: rgb(99, 99, 99);
  font-size: 10px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 18px;
  padding: 0 5px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.did-floating-input {
  font-size: 13px;
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 10px;
  background-color: #f9f9f9;
  color: black;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
}
.did-floating-input:focus {
  outline: none;
}
.did-floating-input:focus ~ .did-floating-label {
  top: -5px;
  font-size: 10px;
}

.did-floating-label-m {
  color: #f9f9f9;
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  padding: 0 5px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.did-floating-input-m {
  font-size: 13px;
  display: block;
  width: 100%;
  height: 35px;
  padding: 0 12px;
  color: black;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
}
.did-floating-input-m:focus {
  outline: none;
}
.did-floating-input-m:focus ~ .did-floating-label-m {
  top: -5px;
  font-size: 10px;
}

.did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
  top: -5px;
  font-size: 10px;
}

.did-floating-input-m:not(:placeholder-shown) ~ .did-floating-label-m {
  top: -5px;
  font-size: 10px;
}