html.gin--dark-mode input,
html.gin--dark-mode select,
html.gin--dark-mode textarea {
  border: none !important;
}

/*
TEXTAREA
*/

  .form-type--textarea {position:relative; }
  .form-type--textarea textarea:focus {box-shadow:none!important; outline:none}
  .form-type--textarea label {transition:.33s top, .33s color;top:0rem;color: var(--gin-color-text); font-size:12px}
  .form-type--textarea:has(textarea:not(:placeholder-shown)) label {
    clip: inherit;
    width: auto;
    height: auto;
    color: var(--gin-color-text-light);
    font-weight: 400;
    top:-15px;
    background:var(--gin-bg-input);
    padding:1px var(--input-padding-horizontal) 0;
    border-radius:.5rem .5rem 0 0;
  }

/*
INPUT
*/

.form-item:has(input.form-text),
.form-item:has(input.form-email){position:relative; }
.form-item > input.form-text:focus,
.form-item > input.form-email:focus{box-shadow:none!important; outline:none}
.form-item:has(input.form-text) > label,
.form-item:has(input.form-email) > label{transition:.33s top, .33s color;top:0rem;color: var(--gin-color-text); font-size:12px}
.form-item:has(input.form-text:not(:placeholder-shown)) > label,
.form-item:has(input.form-email:not(:placeholder-shown)) > label{
  clip: inherit;
  width: auto;
  height: auto;
  color: var(--gin-color-text-light);
  font-weight: 400;
  top:-1rem;
  background:var(--gin-bg-input);
  padding:2px var(--input-padding-horizontal) 0;
  border-radius:.5rem .5rem 0 0;
}

/*
SELECT LABEL (to fit the others)
*/

.form-item:has(select:not(.select2-dropdown)) label {
  color: var(--gin-color-text-light);
  font-weight: 400;
  background:var(--gin-bg-input);
  padding:2px var(--input-padding-horizontal) 0;
  border-radius:.5rem .5rem 0 0;
  margin: 0;
}
.form-item:has(label) select {border-radius: 0 var(--gin-border-m) var(--gin-border-m) var(--gin-border-m); min-width:10rem}

/*
VIEWS select (has display inline)
*/
.form-item.views-bulk-actions__item:has(select:not(.select2-dropdown)) label {
  display: block !important;
  width: 60% !important;
}