/*
    My Forms with super labels
*/
.my-form .wooccm-field-country label {
  display: none;
}
.my-form input::placeholder, .my-form textarea::placeholder {
  color: var(--white) !important;
}
.my-form .form-group:not(.remember, .submit), .my-form .form-row {
  position: relative;
}
.my-form .form-group:not(.remember, .submit) input[type="text"], .my-form .form-group:not(.remember, .submit) input[type="email"], .my-form .form-group:not(.remember, .submit) input[type="tel"], .my-form .form-group:not(.remember, .submit) input[type="password"], .my-form .form-row input[type="text"], .my-form .form-row input[type="email"], .my-form .form-row input[type="tel"], .my-form .form-row input[type="password"] {
  border: 1px solid var(--neutral);
  padding: 0.5rem 0.5rem 0.5rem 2rem;
}
.my-form .form-group:not(.remember, .submit) label, .my-form .form-row label {
  text-transform: uppercase;
  position: absolute;
  left: 4rem;
  top: 50%;
  translate: 0 -50%;
  font-weight: normal;
  padding: 0 0.5em;
  z-index: 1;
  transition: all 0.2s;
  cursor: text;
}
.my-form .form-group:not(.remember, .submit).labeled label, .my-form .form-row.labeled label {
  bottom: calc(100% - 2em);
  top: auto;
  font-size: var(--text-xs);
  background: var(--white);
}