@layer blades {
/*!
 * Float Label CSS v2 by Blades CSS 🥷🏷️
 * Copyright 2016–2026 (https://blades.dev/css/float-label/)
 * Licensed under MIT
 */
label:has( > span):has(input:not([type="checkbox"], [type="radio"], [type="range"]), textarea, select), .has-float-label {
  display: block;
  position: relative;

  & > span, & label {
    cursor: text;
    font-size: 75%;
    position: absolute;
    top: 0;
    left: 0;
  }

  & :placeholder-shown:not(:focus)::placeholder {
    opacity: 0;
  }

  &:has(:placeholder-shown:not(:focus)) {
    & > span, & label {
      font-size: inherit;
      opacity: .5;
    }
  }
}

}