@layer exception {



  }

  /* === POPUP VARIANTS === */
  [class~="popup:menu"], [class*="popup:menu-"] {
    display: grid;
    padding: var(--space-xs);
  }



  /* === TAG SIZES === */
  [class$="-sm"], [class*="-sm "] {
    &:is([class*="tag:"]) {
      height: var(--size-4);
      padding-inline: var(--space-xs);
      font-size: var(--text-xxs, 0.65rem);
    }
  }



  /* === INPUT VALIDATION STATES === */
  input:is([type="text"], [type="email"], [type="password"], [type="search"], [type="tel"], [type="url"], [type="number"]),
  input:not([type]),
  textarea {
    &.dgr {
      border-color: var(--color-dgr);
      &:focus { box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-dgr), transparent 85%); }
    }
    &.suc {
      border-color: var(--color-suc);
      &:focus { box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-suc), transparent 85%); }
    }
    &.wrn {
      border-color: var(--color-wrn);
      &:focus { box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-wrn), transparent 85%); }
    }
    &.inf {
      border-color: var(--color-inf);
      &:focus { box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-inf), transparent 85%); }
    }
  }

  /* === VERTICAL DIVIDERS === */
  hr[class*="vert"] {
    inline-size: 1px;
    block-size: auto;
    align-self: stretch;
    margin-block: 0;
    margin-inline: var(--space-md);
  }

}
}