/* [project]/src/components/ui/atoms/categories/forms.css [app-client] (css) */
.dw-colored-swatch {
  height: var(--space-7);
  width: var(--space-7);
  padding-block: var(--space-0);
  padding-inline: var(--space-0);
  border-radius: var(--radius-full);
  background-color: var(--dw-cs-fill);
  box-shadow: var(--dw-colored-swatch-ring, none);
  transition: transform var(--duration-base), box-shadow var(--duration-base);
  flex-shrink: 0;
}

.dw-colored-swatch:hover {
  background-color: var(--dw-cs-fill);
}

.dw-colored-swatch[data-selected="true"] {
  --dw-colored-swatch-ring: var(--ring-outside);
  --dw-swatch-hover: none;
}

.dw-colored-swatch:hover {
  transform: var(--dw-swatch-hover, scale(1.1));
}

.dw-colored-swatch__icon {
  color: var(--primary-foreground);
  height: var(--size-icon);
  width: var(--size-icon);
}

@media (prefers-reduced-motion: reduce) {
  .dw-colored-swatch {
    --dw-swatch-hover: none;
    transition: none;
  }
}

.dw-color-input {
  cursor: var(--cursor-interactive);
  appearance: none;
  padding: var(--space-0);
  border: var(--border-width) var(--border-style-solid) var(--border);
  border-radius: var(--radius-control);
  background: none;
  flex-shrink: 0;
}

.dw-color-input:disabled {
  cursor: var(--cursor-disabled);
}

.dw-color-input::-webkit-color-swatch-wrapper {
  padding: var(--space-0);
}

.dw-color-input::-webkit-color-swatch {
  border-radius: inherit;
  border: 0 var(--border-style-solid) transparent;
}

.dw-color-input::-moz-color-swatch {
  border-radius: inherit;
  border: 0 var(--border-style-solid) transparent;
}

.dw-color-input[data-variant="well"] {
  width: var(--space-8);
  height: var(--size-control);
}

.dw-color-input[data-variant="bar"] {
  inline-size: 100%;
  block-size: var(--space-9);
  padding: var(--space-1);
}

.dw-color-input[data-variant="dot"] {
  width: var(--size-icon-xl);
  height: var(--size-icon-xl);
  border: 0 var(--border-style-solid) transparent;
  border-radius: var(--radius-full);
}

.dw-compact-color-input {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.dw-compact-color-input__row {
  align-items: center;
  gap: var(--space-1_5);
  display: flex;
}

.dw-compact-color-input__field {
  height: var(--size-control);
  min-width: 0;
  font: var(--text-code);
  padding-block: var(--space-0);
  padding-inline: var(--space-2);
  flex: 1 1 0;
}

.dw-compact-number-input {
  align-items: center;
  gap: var(--space-1_5);
  display: flex;
}

.dw-compact-number-input__input {
  width: var(--dw-cni-input-w, var(--space-12));
  text-align: center;
  font: var(--text-caption);
  font-variant-numeric: tabular-nums;
  transition: color var(--duration-base), background-color var(--duration-base), border-color var(--duration-base);
  background: none;
}

@media (prefers-reduced-motion: reduce) {
  .dw-compact-number-input__input {
    transition: none;
  }
}

.dw-compact-number-input__input:focus-visible {
  box-shadow: var(--ring-focus);
  outline: none;
}

.dw-compact-number-input__input:disabled {
  cursor: var(--cursor-disabled);
  opacity: var(--opacity-half);
}

.dw-compact-number-input__suffix {
  font: var(--text-caption);
  color: var(--muted-foreground);
}

.dw-compact-number-input[data-prefixed="true"] {
  justify-content: center;
  gap: var(--space-1);
  height: var(--size-control);
  padding-inline: var(--space-2);
  border: var(--border-width) var(--border-style-solid) var(--dw-input-border);
  border-radius: var(--radius-control);
  background-color: var(--dw-input-bg);
  box-shadow: var(--shadow-card);
}

.dw-compact-number-input[data-prefixed="true"]:focus-within {
  box-shadow: var(--ring-focus);
}

.dw-compact-number-input__prefix {
  font: var(--text-caption);
  color: var(--muted-foreground);
  pointer-events: none;
}

.dw-compact-number-input[data-prefixed="true"] {
  --dw-cni-input-w: var(--space-10);
}

.dw-field-error {
  font: var(--text-caption);
  color: var(--destructive);
}

.dw-field-hint {
  font: var(--text-caption);
  color: var(--muted-foreground);
}

.dw-file-input[data-variant="hidden"] {
  display: none;
}

.dw-file-input[data-variant="overlay"] {
  z-index: var(--z-above-base);
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: var(--cursor-interactive);
  --dw-file-input-focus-ring: var(--ring-hairline);
  --dw-file-input-focus-outline: none;
  position: absolute;
  inset: 0;
}

.dw-file-input:focus-visible {
  outline-style: var(--dw-file-input-focus-outline, auto);
  box-shadow: var(--dw-file-input-focus-ring, none);
}

.dw-inline-editable-text {
  max-width: 100%;
  margin-inline: calc(var(--space-1) * -1);
  align-items: center;
  display: inline-flex;
}

.dw-inline-editable-text__display, .dw-inline-editable-text__input {
  font: var(--dw-inline-editable-font);
  max-width: 100%;
  padding-inline: var(--space-1);
  padding-block: var(--space-0);
  border-radius: var(--radius-control);
  color: var(--foreground);
  text-align: start;
  cursor: var(--cursor-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: background-color var(--duration-base);
  background-color: #0000;
  border: none;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.dw-inline-editable-text__display:hover, .dw-inline-editable-text__display:focus-visible, .dw-inline-editable-text__input {
  background-color: color-mix(in oklch, var(--muted) var(--mix-half), transparent);
}

.dw-inline-editable-text__display:focus-visible {
  outline: none;
}

.dw-inline-editable-text__input {
  field-sizing: content;
}

.dw-inline-editable-text__input:disabled {
  opacity: var(--opacity-high);
  cursor: var(--cursor-disabled);
}

@media (prefers-reduced-motion: reduce) {
  .dw-inline-editable-text__display, .dw-inline-editable-text__input {
    transition: none;
  }
}

.dw-range-input {
  width: 100%;
  min-width: 0;
  accent-color: var(--primary);
  cursor: var(--cursor-interactive);
  flex: auto;
}

.dw-range-input:disabled {
  cursor: var(--cursor-disabled);
}

.dw-masked-input {
  font-variant-numeric: tabular-nums;
  width: 100%;
}

.dw-password-field__control {
  position: relative;
}

.dw-password-field__input {
  padding-inline-end: var(--space-10);
}

.dw-password-field__toggle {
  block-size: 100%;
  inline-size: var(--space-10);
  padding-inline: var(--space-3);
  color: var(--muted-foreground);
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.dw-password-field__toggle:hover {
  color: var(--foreground);
}

.dw-password-field__strength {
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.dw-password-field__strength-meter {
  gap: var(--space-1);
  flex: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.dw-password-field__strength-segment[data-active="true"] {
  --dw-password-strength-fill: var(--dw-password-strength-tone);
}

.dw-password-field__strength-segment {
  background-color: var(--dw-password-strength-fill, var(--border));
  border-radius: var(--radius-full);
  block-size: var(--space-1);
}

.dw-password-field__strength[data-strength="weak"] {
  --dw-password-strength-tone: var(--score-poor);
}

.dw-password-field__strength[data-strength="fair"] {
  --dw-password-strength-tone: var(--score-fair);
}

.dw-password-field__strength[data-strength="good"] {
  --dw-password-strength-tone: var(--score-good);
}

.dw-password-field__strength[data-strength="strong"] {
  --dw-password-strength-tone: var(--score-excellent);
}

.dw-password-field__strength-label {
  font: var(--text-caption);
  color: var(--dw-password-strength-tone, inherit);
}

.dw-compact-color-input__field-wrap {
  flex: 1;
  min-width: 0;
  display: flex;
  position: relative;
}

.dw-compact-color-input__field[data-clearable="true"] {
  padding-right: var(--space-7);
}

.dw-compact-color-input__clear {
  top: 50%;
  right: var(--space-1);
  width: var(--space-5);
  height: var(--space-5);
  border-radius: var(--radius-chip);
  color: var(--muted-foreground);
  font: var(--text-body);
  position: absolute;
  transform: translateY(-50%);
}

.dw-compact-color-input__clear:hover {
  color: var(--foreground);
}

.dw-compact-color-input__label-row {
  align-items: center;
  gap: var(--space-1_5);
  display: inline-flex;
}

.dw-compact-color-input__warning {
  color: var(--warning);
  font: var(--text-caption);
  cursor: var(--cursor-help);
}

.dw-compact-color-input__swatch {
  --ring-tone-color: color-mix(in oklch, var(--palette-neutral-0) var(--mix-medium), transparent);
  box-shadow: var(--ring-tone-inset);
}

.dw-compact-color-input__field-wrap .dw-compact-color-input__swatch {
  top: 50%;
  left: var(--space-1);
  width: var(--space-5);
  height: var(--space-5);
  padding: var(--space-0);
  border-radius: var(--radius-chip);
  border: none;
  position: absolute;
  overflow: hidden;
  transform: translateY(-50%);
}

.dw-compact-color-input__field-wrap .dw-compact-color-input__swatch::-webkit-color-swatch-wrapper {
  padding: var(--space-0);
}

.dw-compact-color-input__field-wrap .dw-compact-color-input__swatch::-webkit-color-swatch {
  border-radius: var(--radius-chip);
  border: none;
}

.dw-compact-color-input__field-wrap .dw-compact-color-input__field {
  padding-left: var(--space-7);
  font: var(--text-caption);
}

.dw-inline-editable-text[data-role="body"] {
  --dw-inline-editable-font: var(--text-label);
}

.dw-inline-editable-text[data-role="heading"] {
  --dw-inline-editable-font: var(--text-title);
}

/*# sourceMappingURL=0g7dal-ngu48t.css.map*/