/* GENERATED by scripts/build/tailwind/build-tailwind.ts — edit frameworks/tailwind/Theme.css or a manifest, not this file. */
@import '../../../Prelude.generated.css';
@import '../../../hues/forms/arena-fieldset/ArenaFieldset.hues.generated.css';

@layer utilities {
  .arena-fieldset__root {
    margin: 0px;
    display: block;
    min-width: 0px;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: 0px;
  }
  .arena-fieldset__legend {
    margin-bottom: calc(var(--sp-1) * 1.5);
    padding: 0px;
    font-family: var(--ff-label);
    font-size: var(--dz-text-xs);
    --tw-tracking: var(--track-label);
    letter-spacing: var(--track-label);
    color: var(--ink-muted);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ink-muted) var(--level-ink-muted), transparent);
    }
    text-transform: var(--tt-label);
  }
  .arena-fieldset__stack {
    display: flex;
    flex-direction: column;
    gap: calc(var(--sp-1) * 1.5);
  }
  .arena-fieldset__body {
    display: flex;
    flex-direction: column;
    gap: var(--gap-items);
  }
  .arena-fieldset__hint {
    font-family: var(--font-body);
    font-size: var(--dz-text-sm);
    color: var(--ink-muted);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ink-muted) var(--level-ink-muted), transparent);
    }
  }
  .arena-fieldset__error {
    display: inline-flex;
    align-items: center;
    gap: var(--gap-inline);
    font-family: var(--font-body);
    font-size: var(--dz-text-sm);
    color: var(--arena-hue-ink);
  }
  .arena-fieldset__status-icon {
    font-size: var(--icon-md);
  }
  .arena-fieldset__status-icon:where([data-arena-state="error"]) {
    color: var(--arena-hue-ink);
  }
  .arena-fieldset__root:where([data-arena-disabled]) {
    opacity: 50%;
  }
}