@layer ui {
  .field_root__xyw3O {
    /* Color */
    --opacity: 1;

    --color: var(--inc-palette-grayscale-background);
    --color-contrast: var(--inc-palette-grayscale-header);
    --color-hover: var(--inc-palette-primary-default-strong);
    --color-hover-bg: oklch(from var(--inc-palette-grayscale-input) l c h / 0.8);
    --color-hover-border: var(--inc-palette-grayscale-placeholder);
    --color-focus: var(--inc-palette-primary-background-strong);
    --color-focus-outline: var(--inc-palette-grayscale-input);
    --color-press: var(--inc-palette-grayscale-header);

    --color-text: var(--color-contrast);
    --color-bg: var(--color);
    --color-border: transparent;
    --color-outline: transparent;

    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: var(--inc-base-label-gap);
  }
  .field_root__xyw3O[hidden] {
    display: none;
  }

  .field_label__vnYhE {
    color: var(--inc-form-control-foreground);
    font-size: var(--inc-type-text-xs);
    font-weight: 700;
  }

  .field_control__YlmoY {
    padding: var(--inc-base-input-padding-block) var(--inc-base-input-padding-inline);

    background-color: var(--color-bg);
    outline: var(--inc-base-outline-width) solid var(--color-outline);

    color: var(--color-text);
    caret-color: var(--color-text);
    font-family: inherit;
    font-size: var(--inc-type-text-md);
    line-height: 1;

    transition:
      color 0.24s ease-in-out,
      background-color 0.24s ease-in-out,
      border-color 0.24s ease-in-out,
      outline-color 0.4s ease-in;
  }
  .field_control__YlmoY:not(.field_underline__cWciX) {
    border: var(--inc-base-border-width) solid var(--color-border);
    border-radius: var(--inc-base-border-radius);
  }
  .field_control__YlmoY.field_underline__cWciX {
    border-bottom: var(--inc-base-border-width) solid var(--color-border);
  }
  .field_control__YlmoY::-moz-placeholder {
    color: var(--inc-palette-grayscale-placeholder);
  }
  .field_control__YlmoY::placeholder {
    color: var(--inc-palette-grayscale-placeholder);
  }
  .field_control__YlmoY:focus,
  .field_control__YlmoY:focus-within {
    background-color: var(--inc-form-control-background-active);
    border-color: var(--inc-form-control-border-active);
    outline-color: var(--inc-form-control-outline-active);
  }

  .field_root__xyw3O[data-disabled] .field_label__vnYhE {
    color: var(--inc-form-control-label-disabled);
  }
  .field_root__xyw3O[data-disabled] .field_control__YlmoY {
    background-color: var(--inc-form-control-background-disabled);
  }

  .field_label__vnYhE,
  .field_description__SZMhl,
  .field_error__mq6m5,
  .field_validity__MUakG {
    transition:
      color 0.24s ease-in-out,
      opacity 0.24s ease-in-out;
  }

  .field_description__SZMhl,
  .field_error__mq6m5,
  .field_validity__MUakG {
    color: var(--inc-palette-grayscale-label);
    font-size: var(--inc-type-text-xs);
    opacity: 1;

    @starting-style {
      opacity: 0;
    }
  }

  .field_root__xyw3O[data-filled][data-valid]:not([data-disabled]) .field_label__vnYhE,
  .field_root__xyw3O[data-filled][data-valid]:not([data-disabled]) .field_error__mq6m5,
  .field_root__xyw3O[data-filled][data-valid]:not([data-disabled]) .field_validity__MUakG {
    color: var(--inc-form-control-foreground-success);
  }
  .field_root__xyw3O[data-filled][data-valid]:not([data-disabled]) .field_control__YlmoY {
    border-color: var(--inc-form-control-foreground-success);
    background-color: var(--inc-form-control-background-success);
  }

  .field_root__xyw3O[data-touched][data-invalid]:not([data-disabled]) .field_label__vnYhE,
  .field_root__xyw3O[data-touched][data-invalid]:not([data-disabled]) .field_error__mq6m5,
  .field_root__xyw3O[data-touched][data-invalid]:not([data-disabled]) .field_validity__MUakG {
    color: var(--inc-form-control-foreground-error);
  }
  .field_root__xyw3O[data-touched][data-invalid]:not([data-disabled]) .field_control__YlmoY {
    border-color: var(--inc-form-control-foreground-error);
    background-color: var(--inc-form-control-background-error);
  }

  /* VARIANTS */
  /* Color */
  .field_control__YlmoY.field_color_default__KcnfN,
  .field_control__YlmoY.field_color_primary__wBb8d {
    --color: var(--inc-palette-primary-default);
    --color-contrast: var(--inc-palette-grayscale-background);
    --color-hover: var(--inc-palette-primary-default-strong);
    --color-hover-bg: oklch(from var(--inc-palette-white) l c h / 0.8);
    --color-hover-border: var(--inc-palette-grayscale-placeholder);
    --color-focus: var(--inc-palette-primary-background-strong);
    --color-focus-outline: var(--inc-palette-white);
    --color-press: var(--inc-palette-grayscale-header);
  }

  .field_control__YlmoY.field_color_secondary__ChwS8 {
    --color: var(--inc-palette-secondary-default);
    --color-contrast: var(--inc-palette-secondary-background);
    --color-border: var(--inc-palette-secondary-default);
    --color-hover: var(--inc-palette-secondary-dark);
    --color-focus: var(--inc-palette-secondary-background-strong);
  }

  .field_control__YlmoY.field_color_tertiary__KqVoR {
    --color: var(--inc-palette-tertiary-default);
    --color-hover: var(--inc-palette-tertiary-default-strong);
    --color-focus: var(--inc-palette-tertiary-background-strong);
  }

  .field_control__YlmoY.field_color_dark___kf6y {
    --color: var(--inc-palette-grayscale-header-weak);
    --color-contrast: var(--inc-palette-grayscale-background-weak);
    --color-hover: var(--inc-palette-grayscale-header);
    --color-hover-bg: oklch(from var(--inc-palette-black) l c h / 0.8);
    --color-hover-border: var(--inc-palette-grayscale-body);
    --color-focus: var(--inc-palette-primary-background-strong);
    --color-focus-outline: var(--inc-palette-grayscale-body);
    --color-press: var(--inc-palette-black);
  }
  .field_control__YlmoY.field_color_dark___kf6y:hover:not([data-disabled]) {
    background-color: oklch(from var(--color-bg) 20% calc(c * 1.2) h);
  }

  .field_control__YlmoY.field_color_light__4vJnn {
    --color: var(--inc-palette-grayscale-background-weak);
    --color-contrast: var(--inc-palette-grayscale-header-weak);
    --color-hover: var(--inc-palette-grayscale-background-weak);
    --color-hover-bg: oklch(from var(--inc-palette-grayscale-line) l c h / 0.8);
    --color-hover-border: var(--inc-palette-grayscale-placeholder);
    --color-focus: var(--inc-palette-primary-background-strong);
    --color-focus-outline: var(--inc-palette-black);
    --color-press: var(--inc-palette-white);
  }

  .field_control__YlmoY.field_color_error__twxoo {
    --color: var(--inc-palette-error-default);
    --color-hover: var(--inc-palette-error-default-strong);
    --color-focus: var(--inc-palette-error-background-strong);
  }

  .field_control__YlmoY.field_color_warning__AOWnR {
    --color: var(--inc-palette-warning-default);
    --color-hover: var(--inc-palette-warning-default-strong);
    --color-focus: var(--inc-palette-warning-background-strong);
  }

  .field_control__YlmoY.field_color_success__ARYxV {
    --color: var(--inc-palette-success-default);
    --color-hover: var(--inc-palette-success-default-strong);
    --color-focus: var(--inc-palette-success-background-strong);
  }

  /* Prominence */
  .field_control__YlmoY.field_prominence_primary__k_fzp {
    --color-text: oklch(from var(--color-contrast) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-bg: oklch(from var(--color-hover) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .field_control__YlmoY.field_prominence_primary__k_fzp:hover:not([data-disabled]) {
    --opacity: 0.9;
    --color-bg: oklch(from var(--color) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .field_control__YlmoY.field_prominence_primary__k_fzp:focus:not([data-disabled]) {
    --opacity: 0.9;
    --color-bg: oklch(from var(--color) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-outline: var(--color-focus);
  }
  .field_control__YlmoY.field_prominence_primary__k_fzp:active:not([data-disabled]) {
    --color-bg: oklch(from var(--color-press) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .field_control__YlmoY.field_prominence_primary__k_fzp[data-disabled] {
    --opacity: 0.5;
  }

  .field_control__YlmoY.field_prominence_secondary__CFThq {
    --color-bg: transparent;
    --color-border: oklch(from var(--color) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-text: oklch(from var(--color) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .field_control__YlmoY.field_prominence_secondary__CFThq:hover:not([data-disabled]) {
    --color-text: oklch(from var(--color-hover) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-border: oklch(from var(--color-hover) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .field_control__YlmoY.field_prominence_secondary__CFThq:focus:not([data-disabled]) {
    --color-text: oklch(from var(--color-hover) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-border: transparent;
    --color-outline: var(--color-focus);
  }
  .field_control__YlmoY.field_prominence_secondary__CFThq:active:not([data-disabled]) {
    --color-text: oklch(from var(--color-press) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-border: oklch(from var(--color-press) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .field_control__YlmoY.field_prominence_secondary__CFThq[data-disabled] {
    --opacity: 0.5;
  }

  .field_prominence_subtle__eAwjh {
    --color-bg: transparent;
    --color-text: oklch(from var(--color) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-border: oklch(from var(--inc-palette-grayscale-line) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .field_control__YlmoY.field_prominence_subtle__eAwjh:hover:not([data-disabled]) {
    --color-text: oklch(from var(--color-hover) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-border: oklch(from var(--color-hover-border) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .field_control__YlmoY.field_prominence_subtle__eAwjh:focus:not([data-disabled]) {
    --color-border: transparent;
    --color-outline: var(--color-focus-outline);
  }
  .field_control__YlmoY.field_prominence_subtle__eAwjh:active:not([data-disabled]) {
    --color-border: oklch(from var(--color-press) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-text: oklch(from var(--color-press) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .field_control__YlmoY.field_prominence_subtle__eAwjh[data-disabled] {
    --opacity: 0.5;
  }

  .field_prominence_ghost__QsHAE {
    --color-bg: transparent;
    --color-text: oklch(from var(--color-contrast) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .field_control__YlmoY.field_prominence_ghost__QsHAE:hover:not([data-disabled]) {
    --color-text: oklch(from var(--color-contrast-hover) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-bg: oklch(from var(--color-hover-bg) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .field_control__YlmoY.field_prominence_ghost__QsHAE:focus:not([data-disabled]) {
    --color-outline: var(--color-focus-outline);
  }
  .field_control__YlmoY.field_prominence_ghost__QsHAE:active:not([data-disabled]) {
    --color-text: oklch(from var(--color-press) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .field_control__YlmoY.field_prominence_ghost__QsHAE[data-disabled] {
    --opacity: 0.5;
  }

  /* Density styles */
  /* Dense (default) */
  .field_control__YlmoY.field_density_dense__90DBU {
    --padding-inline: 1rem;
    --padding-block: calc(9rem / 16);
  }

  /* Spacious (use for CTAs, marketing contexts) */
  .field_control__YlmoY.field_density_spacious__aScHH {
    --padding-inline: 2rem;
    --padding-block: calc(18rem / 16);
  }

  /* Border styles */
  .field_control__YlmoY.field_rounded__sQDzI {
    --border-radius: 999px;
    --padding-inline: var(--padding-block);

    corner-shape: round;
  }
}

/*
  Chrome autofill's UA styles can only be overridden with !important, and
  cascade layers invert priority for !important declarations (an unlayered
  !important always loses to a layered one). These rules must stay outside
  @layer ui so a consumer's own unlayered !important override still wins.
*/
.field_control__YlmoY:-webkit-autofill {
  /* biome-ignore lint/complexity/noImportantStyles: Chrome only lets !important override its built-in autofill UA styles */
  -webkit-box-shadow: 0 0 0px 1000px var(--inc-form-control-background) inset !important;
  /* biome-ignore lint/complexity/noImportantStyles: Chrome only lets !important override its built-in autofill UA styles */
  -webkit-text-fill-color: var(--inc-form-control-foreground) !important;
}
.field_control__YlmoY:focus:-webkit-autofill,
.field_control__YlmoY:focus-within:-webkit-autofill {
  /* biome-ignore lint/complexity/noImportantStyles: Chrome only lets !important override its built-in autofill UA styles */
  -webkit-box-shadow: 0 0 0px 1000px var(--inc-form-control-background-active) inset !important;
}
.field_control__YlmoY[data-touched][data-invalid]:not([data-disabled]):focus-within:-webkit-autofill {
  /* biome-ignore lint/complexity/noImportantStyles: Chrome only lets !important override its built-in autofill UA styles */
  -webkit-box-shadow: 0 0 0px 1000px var(--inc-form-control-background-error) inset !important;
}
.field_control__YlmoY[data-filled][data-valid]:not([data-disabled]):focus-within:-webkit-autofill {
  /* biome-ignore lint/complexity/noImportantStyles: Chrome only lets !important override its built-in autofill UA styles */
  -webkit-box-shadow: 0 0 0px 1000px var(--inc-form-control-background-success) inset !important;
}

@layer ui {
  .button_root__Ajtxz {
    /* Design tokens defined here */
    /* Transition timing, easing function */
    --transition: 0.3s ease-in;
    --transition-fast: 0.12s ease-out;

    /* Size */
    --gap: calc(12rem / 16);
    --padding-inline: 1rem;
    --padding-block: calc(9rem / 16);
    --border-width: 2px;
    --border-radius: var(--inc-base-border-radius);

    /* Color */
    --opacity: 1;

    --color: var(--inc-palette-primary-default);
    --color-contrast: var(--inc-palette-grayscale-background);
    --color-hover: var(--inc-palette-primary-default-strong);
    --color-hover-bg: oklch(from var(--inc-palette-grayscale-input) l c h / 0.8);
    --color-hover-border: var(--inc-palette-grayscale-placeholder);
    --color-focus: var(--inc-palette-primary-background-strong);
    --color-focus-outline: var(--inc-palette-grayscale-input);
    --color-press: var(--inc-palette-grayscale-header);

    --color-text: var(--color-contrast);
    --color-bg: var(--color);
    --color-border: transparent;
    --color-outline: transparent;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: first baseline;
    gap: var(--gap);

    width: auto;

    padding-inline: var(--padding-inline);
    padding-block: var(--padding-block);
    border-radius: var(--border-radius);

    background-color: var(--color-bg);
    color: var(--color-text);
    border: var(--inc-base-border-width) solid var(--color-border);
    outline: var(--inc-base-outline-width) solid var(--color-outline);

    font-size: calc(18rem / 16);
    line-height: 1;
    text-align: center;
    text-box-edge: cap alphabetic;
    text-box-trim: trim-both;

    transition:
      background-color var(--transition),
      color var(--transition),
      border-color var(--transition-fast),
      outline-color var(--transition-fast),
      opacity var(--transition);
  }
  .button_root__Ajtxz:not(:has(.button_LH__K7NZ5)):not(:has(.button_RH__AG4j4)) {
    /* If button's only content is its text, center the text */
    justify-content: center;
  }

  .button_root__Ajtxz[data-disabled] {
    cursor: not-allowed;

    --opacity: 0.5;
  }

  .button_root__Ajtxz:hover:not([data-disabled]) {
    /* Fallback hover style, if no Prominence state defined  */
    background-color: oklch(from var(--color-bg) calc(l * 0.8) calc(c * 0.8) h);
  }
  .button_root__Ajtxz:focus:not([data-disabled]) {
    /* Fallback focus style, if no Prominence state defined */
    outline-color: var(--color-outline);
  }

  /* Content */
  .button_content__Q9XU0 {
    display: contents;
  }

  /* VARIANTS */
  /* Color */
  .button_root__Ajtxz.button_color_default__J6uKu,
  .button_root__Ajtxz.button_color_primary__2Q4KS {
    --color: var(--inc-palette-primary-default);
    --color-contrast: var(--inc-palette-grayscale-background);
    --color-hover: var(--inc-palette-primary-default-strong);
    --color-hover-bg: oklch(from var(--inc-palette-white) l c h / 0.8);
    --color-hover-border: var(--inc-palette-grayscale-placeholder);
    --color-focus: var(--inc-palette-primary-background-strong);
    --color-focus-outline: var(--inc-palette-white);
    --color-press: var(--inc-palette-grayscale-header);
  }

  .button_root__Ajtxz.button_color_secondary__4O9r_ {
    --color: var(--inc-palette-secondary-default);
    --color-contrast: var(--inc-palette-secondary-background);
    --color-hover: var(--inc-palette-secondary-dark);
    --color-focus: var(--inc-palette-secondary-background-strong);
  }

  .button_root__Ajtxz.button_color_tertiary__961yR {
    --color: var(--inc-palette-tertiary-default);
    --color-hover: var(--inc-palette-tertiary-default-strong);
    --color-focus: var(--inc-palette-tertiary-background-strong);
  }

  .button_root__Ajtxz.button_color_dark__dnKIS {
    --color: var(--inc-palette-grayscale-header-weak);
    --color-contrast: var(--inc-palette-grayscale-background-weak);
    --color-hover: var(--inc-palette-grayscale-header);
    --color-hover-bg: oklch(from var(--inc-palette-black) l c h / 0.8);
    --color-hover-border: var(--inc-palette-grayscale-body);
    --color-focus: var(--inc-palette-primary-background-strong);
    --color-focus-outline: var(--inc-palette-grayscale-body);
    --color-press: var(--inc-palette-black);
  }
  .button_root__Ajtxz.button_color_dark__dnKIS:hover:not([data-disabled]) {
    background-color: oklch(from var(--color-bg) 20% calc(c * 1.2) h);
  }

  .button_root__Ajtxz.button_color_light__cDn_j {
    --color: var(--inc-palette-grayscale-background-weak);
    --color-contrast: var(--inc-palette-grayscale-header-weak);
    --color-hover: var(--inc-palette-grayscale-background-weak);
    --color-hover-bg: oklch(from var(--inc-palette-grayscale-line) l c h / 0.8);
    --color-hover-border: var(--inc-palette-grayscale-placeholder);
    --color-focus: var(--inc-palette-primary-background-strong);
    --color-focus-outline: var(--inc-palette-black);
    --color-press: var(--inc-palette-white);
  }

  .button_root__Ajtxz.button_color_error__p5SeX {
    --color: var(--inc-palette-error-default);
    --color-hover: var(--inc-palette-error-default-strong);
    --color-focus: var(--inc-palette-error-background-strong);
  }

  .button_root__Ajtxz.button_color_warning__XDlDv {
    --color: var(--inc-palette-warning-default);
    --color-hover: var(--inc-palette-warning-default-strong);
    --color-focus: var(--inc-palette-warning-background-strong);
  }

  .button_root__Ajtxz.button_color_success__cMjwH {
    --color: var(--inc-palette-success-default);
    --color-hover: var(--inc-palette-success-default-strong);
    --color-focus: var(--inc-palette-success-background-strong);
  }

  /* Prominence */
  .button_root__Ajtxz.button_prominence_primary__qEkm9 {
    --color-text: oklch(from var(--color-contrast) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-bg: oklch(from var(--color-hover) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .button_root__Ajtxz.button_prominence_primary__qEkm9:hover:not([data-disabled]) {
    --opacity: 0.9;
    --color-bg: oklch(from var(--color) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .button_root__Ajtxz.button_prominence_primary__qEkm9:focus:not([data-disabled]) {
    --opacity: 0.8;
    --color-text: var(--color-contrast);
    --color-bg: oklch(from var(--color) calc(l * var(--opacity)) c h);
    --color-outline: var(--color-focus);
  }
  .button_root__Ajtxz.button_prominence_primary__qEkm9:active:not([data-disabled]) {
    --color-bg: oklch(from var(--color-press) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .button_root__Ajtxz.button_prominence_primary__qEkm9[data-disabled] {
    --opacity: 0.5;
  }

  .button_root__Ajtxz.button_prominence_secondary__4SO7B {
    --color-bg: transparent;
    --color-border: oklch(from var(--color) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-text: oklch(from var(--color) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .button_root__Ajtxz.button_prominence_secondary__4SO7B:hover:not([data-disabled]) {
    --color-text: oklch(from var(--color-hover) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-border: oklch(from var(--color-hover) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .button_root__Ajtxz.button_prominence_secondary__4SO7B:focus:not([data-disabled]) {
    --color-text: oklch(from var(--color-hover) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-border: transparent;
    --color-outline: var(--color-focus);
  }
  .button_root__Ajtxz.button_prominence_secondary__4SO7B:active:not([data-disabled]) {
    --color-text: oklch(from var(--color-press) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-border: oklch(from var(--color-press) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .button_root__Ajtxz.button_prominence_secondary__4SO7B[data-disabled] {
    --opacity: 0.5;
  }

  .button_prominence_subtle__ODIFS {
    --color-bg: transparent;
    --color-text: oklch(from var(--color) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-border: oklch(from var(--inc-palette-grayscale-line) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .button_root__Ajtxz.button_prominence_subtle__ODIFS:hover:not([data-disabled]) {
    --color-text: oklch(from var(--color-hover) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-border: oklch(from var(--color-hover-border) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .button_root__Ajtxz.button_prominence_subtle__ODIFS:focus:not([data-disabled]) {
    --color-border: transparent;
    --color-outline: var(--color-focus-outline);
  }
  .button_root__Ajtxz.button_prominence_subtle__ODIFS:active:not([data-disabled]) {
    --color-border: oklch(from var(--color-press) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-text: oklch(from var(--color-press) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .button_root__Ajtxz.button_prominence_subtle__ODIFS[data-disabled] {
    --opacity: 0.5;
  }

  .button_prominence_ghost__7NJhs {
    --color-bg: transparent;
    --color-text: oklch(from var(--color-contrast) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .button_root__Ajtxz.button_prominence_ghost__7NJhs:hover:not([data-disabled]) {
    --color-text: oklch(from var(--color-contrast-hover) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
    --color-bg: oklch(from var(--color-hover-bg) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .button_root__Ajtxz.button_prominence_ghost__7NJhs:focus:not([data-disabled]) {
    --color-outline: var(--color-focus-outline);
  }
  .button_root__Ajtxz.button_prominence_ghost__7NJhs:active:not([data-disabled]) {
    --color-text: oklch(from var(--color-press) calc(l * var(--opacity)) calc(c * var(--opacity)) h);
  }
  .button_root__Ajtxz.button_prominence_ghost__7NJhs[data-disabled] {
    --opacity: 0.5;
  }

  /* Density styles */
  /* Dense (default) */
  .button_root__Ajtxz.button_density_dense__tnbdw {
    --padding-inline: 1rem;
    --padding-block: calc(9rem / 16);
  }

  /* Spacious (use for CTAs, marketing contexts) */
  .button_root__Ajtxz.button_density_spacious__t3tQd {
    --padding-inline: 2rem;
    --padding-block: calc(18rem / 16);
  }

  /* Border styles */
  .button_root__Ajtxz.button_rounded__hHsF4 {
    --border-radius: 999px;
    --padding-inline: var(--padding-block);

    corner-shape: round;
  }
}

@layer ui {
  .input_root__DFScg {
    --padding-inline: var(--inc-base-input-padding-inline);
    --padding-block: var(--inc-base-input-padding-block);

    padding-inline: var(--padding-inline);
    padding-block: var(--padding-block);
    border: none;

    background-color: var(--inc-palette-grayscale-input);
    color: var(--inc-palette-grayscale-header);
    font-family: inherit;
    font-size: var(--inc-type-text-md);
  }
  .input_root__DFScg:not(.input_underline__5ADRY) {
    /* border: var(--inc-base-border-width) solid var(--inc-palette-grayscale-line); */
    border-radius: var(--inc-base-border-radius);
  }
  .input_root__DFScg.input_underline__5ADRY {
    border-bottom: var(--inc-base-border-width) solid var(--inc-palette-grayscale-line);
  }

  .input_root__DFScg::-moz-placeholder {
    color: var(--inc-palette-grayscale-placeholder);
  }

  .input_root__DFScg::placeholder {
    color: var(--inc-palette-grayscale-placeholder);
  }

  .input_root__DFScg:focus,
  .input_root__DFScg:focus-within {
    outline: var(--inc-base-outline-width) solid var(--inc-palette-primary-background-strong);
  }

  /* Density styles */
  .input_root__DFScg.input_density_dense__zK2V5 {
    /* Default: Dense */
    padding-inline: var(--padding-inline);
    padding-block: var(--padding-block);
  }
  .input_root__DFScg.input_density_spacious__DFzQp {
    /* Spacious */
    --padding-inline: 2rem;
    --padding-block: calc(18rem / 16);
  }
}