/* This file is included automatically when referencing FlexyBox.Core.Blazor */
/*Filled*/
/* Filled - Primary */
:root {
  /*    Normal*/
  --fbx-comp-button-v2-filled-primary-normal-bg: var(--fbx-alias-color-action-primary-normal);
  --fbx-comp-button-v2-filled-primary-normal-fg: var(--fbx-alias-color-action-primary-on);
  /*    Disabled*/
  --fbx-comp-button-v2-filled-primary-disabled-bg: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-button-v2-filled-primary-disabled-fg: var(--fbx-alias-color-disabled-on);
  /*    Hover*/
  --fbx-comp-button-v2-filled-primary-hover-bg: var(--fbx-alias-color-action-primary-hover);
  /*    Active*/
  --fbx-comp-button-v2-filled-primary-active-bg: var(--fbx-alias-color-action-primary-active);
  /*    Selected*/
  --fbx-comp-button-v2-filled-primary-selected-bg: var(--fbx-alias-color-action-primary-active);
}

/* Filled - Danger */
:root {
  /*  Normal*/
  --fbx-comp-button-v2-filled-danger-normal-bg: var(--fbx-alias-color-action-danger-normal);
  --fbx-comp-button-v2-filled-danger-normal-fg: var(--fbx-alias-color-action-danger-on);
  /*    Disabled*/
  --fbx-comp-button-v2-filled-danger-disabled-bg: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-button-v2-filled-danger-disabled-fg: var(--fbx-alias-color-disabled-on);
  /*    Hover*/
  --fbx-comp-button-v2-filled-danger-hover-bg: var(--fbx-alias-color-action-danger-hover);
  /*    Active*/
  --fbx-comp-button-v2-filled-danger-active-bg: var(--fbx-alias-color-action-danger-active);
  /*    Selected*/
  --fbx-comp-button-v2-filled-danger-selected-bg: var(--fbx-alias-color-action-danger-active);
}

/* Filled - Neutral */
:root {
  /*  Normal*/
  --fbx-comp-button-v2-filled-neutral-normal-bg: var(--fbx-alias-color-action-neutral-normal);
  --fbx-comp-button-v2-filled-neutral-normal-fg: var(--fbx-alias-color-action-neutral-on);
  /*    Disabled*/
  --fbx-comp-button-v2-filled-neutral-disabled-bg: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-button-v2-filled-neutral-disabled-fg: var(--fbx-alias-color-disabled-on);
  /*Hover*/
  --fbx-comp-button-v2-filled-neutral-hover-bg: var(--fbx-alias-color-action-neutral-hover);
  /*  Active*/
  --fbx-comp-button-v2-filled-neutral-active-bg: var(--fbx-alias-color-action-neutral-active);
  /* Selected*/
  --fbx-comp-button-v2-filled-neutral-selected-bg: var(--fbx-alias-color-action-neutral-active);
}

/* Filled - Contrast */
:root {
  /*    Normal*/
  --fbx-comp-button-v2-filled-contrast-normal-bg: var(--fbx-alias-color-surface-on-low-100);
  --fbx-comp-button-v2-filled-contrast-normal-fg: var(--fbx-alias-color-surface-emphasis-low);
  /* Disabled*/
  --fbx-comp-button-v2-filled-contrast-disabled-bg: var(--fbx-alias-color-disabled-on);
  --fbx-comp-button-v2-filled-contrast-disabled-fg: var(--fbx-alias-color-surface-on-high-25);
  /*    Hover*/
  --fbx-comp-button-v2-filled-contrast-hover-bg: var(--fbx-alias-color-surface-on-low-50);
  /*    Active*/
  --fbx-comp-button-v2-filled-contrast-active-bg: var(--fbx-alias-color-interaction-neutral-subtle-on);
  /*    Selected*/
  --fbx-comp-button-v2-filled-contrast-selected-bg: var(--fbx-alias-color-interaction-neutral-subtle-on);
}

/* Filled - Ghost */
:root {
  /*    Normal*/
  --fbx-comp-button-v2-filled-ghost-normal-bg: var(--fbx-alias-color-interaction-neutral-ghost-normal);
  --fbx-comp-button-v2-filled-ghost-normal-fg: var(--fbx-alias-color-interaction-neutral-ghost-on);
  /*    Disabled*/
  --fbx-comp-button-v2-filled-ghost-disabled-bg: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-button-v2-filled-ghost-disabled-fg: var(--fbx-alias-color-disabled-on);
  /*    Hover*/
  --fbx-comp-button-v2-filled-ghost-hover-bg: var(--fbx-alias-color-interaction-neutral-ghost-hover);
  /*    Active*/
  --fbx-comp-button-v2-filled-ghost-active-bg: var(--fbx-alias-color-interaction-neutral-ghost-active);
  /*    Selected*/
  --fbx-comp-button-v2-filled-ghost-selected-bg: var(--fbx-alias-color-interaction-neutral-ghost-active);
}

/*Outlined*/
/* Outlined - Primary */
:root {
  /*  Normal*/
  --fbx-comp-button-v2-outlined-primary-normal-bg: transparent;
  --fbx-comp-button-v2-outlined-primary-normal-fg: var(--fbx-alias-color-action-primary-subtle-on);
  --fbx-comp-button-v2-outlined-primary-normal-border: var(--fbx-alias-color-action-primary-hover);
  /*    Disabled*/
  --fbx-comp-button-v2-outlined-primary-disabled-bg: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-button-v2-outlined-primary-disabled-fg: var(--fbx-alias-color-disabled-on);
  /*    Hover*/
  --fbx-comp-button-v2-outlined-primary-hover-bg: var(--fbx-alias-color-action-primary-subtle-hover);
  /*    Active*/
  --fbx-comp-button-v2-outlined-primary-active-bg: var(--fbx-alias-color-action-primary-subtle-active);
  /*    Selected*/
  --fbx-comp-button-v2-outlined-primary-selected-bg: var(--fbx-alias-color-action-primary-subtle-active);
}

/* Outlined - Danger */
:root {
  /*    Normal*/
  --fbx-comp-button-v2-outlined-danger-normal-bg: transparent;
  --fbx-comp-button-v2-outlined-danger-normal-fg: var(--fbx-alias-color-action-danger-subtle-on);
  --fbx-comp-button-v2-outlined-danger-normal-border: var(--fbx-alias-color-action-danger-hover);
  /*  Disabled*/
  --fbx-comp-button-v2-outlined-danger-disabled-bg: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-button-v2-outlined-danger-disabled-fg: var(--fbx-alias-color-disabled-on);
  /*  Hover*/
  --fbx-comp-button-v2-outlined-danger-hover-bg: var(--fbx-alias-color-action-danger-subtle-hover);
  /*    Active*/
  --fbx-comp-button-v2-outlined-danger-active-bg: var(--fbx-alias-color-action-danger-subtle-active);
  /*    Selected*/
  --fbx-comp-button-v2-outlined-danger-selected-bg: var(--fbx-alias-color-action-danger-subtle-active);
}

/* Outlined - Neutral */
:root {
  /* Normal*/
  --fbx-comp-button-v2-outlined-neutral-normal-bg: transparent;
  --fbx-comp-button-v2-outlined-neutral-normal-fg: var(--fbx-alias-color-action-neutral-subtle-on);
  --fbx-comp-button-v2-outlined-neutral-normal-border: var(--fbx-alias-color-action-neutral-hover);
  /*  Disabled*/
  --fbx-comp-button-v2-outlined-neutral-disabled-bg: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-button-v2-outlined-neutral-disabled-fg: var(--fbx-alias-color-disabled-on);
  /*    Hover*/
  --fbx-comp-button-v2-outlined-neutral-hover-bg: var(--fbx-alias-color-action-neutral-subtle-hover);
  /*    Active*/
  --fbx-comp-button-v2-outlined-neutral-active-bg: var(--fbx-alias-color-action-neutral-active);
  /*  Selected*/
  --fbx-comp-button-v2-outlined-neutral-selected-bg: var(--fbx-alias-color-action-neutral-active);
}

/* Outlined - Contrast */
:root {
  /*    Normal*/
  --fbx-comp-button-v2-outlined-contrast-normal-bg: transparent;
  --fbx-comp-button-v2-outlined-contrast-normal-fg: var(--fbx-alias-color-surface-on-low-100);
  --fbx-comp-button-v2-outlined-contrast-normal-border: var(--fbx-alias-color-outline-emphasis-max);
  /*  Disabled*/
  --fbx-comp-button-v2-outlined-contrast-disabled-bg: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-button-v2-outlined-contrast-disabled-fg: var(--fbx-alias-color-disabled-on);
  /*    Hover*/
  --fbx-comp-button-v2-outlined-contrast-hover-bg: var(--fbx-alias-color-interaction-ghost-selected);
  /*  Active*/
  --fbx-comp-button-v2-outlined-contrast-active-bg: var(--fbx-alias-color-interaction-ghost-active);
  /*    Selected*/
  --fbx-comp-button-v2-outlined-contrast-selected-bg: var(--fbx-alias-color-interaction-ghost-active);
}

/* Outlined - Ghost */
:root {
  /* Normal*/
  --fbx-comp-button-v2-outlined-ghost-normal-bg: var(--fbx-alias-color-interaction-neutral-ghost-normal);
  --fbx-comp-button-v2-outlined-ghost-normal-fg: var(--fbx-alias-color-surface-on-low-100);
  --fbx-comp-button-v2-outlined-ghost-normal-border: var(--fbx-alias-color-action-neutral-subtle-normal);
  /*  Disabled*/
  --fbx-comp-button-v2-outlined-ghost-disabled-bg: var(--fbx-alias-color-interaction-neutral-ghost-normal);
  --fbx-comp-button-v2-outlined-ghost-disabled-fg: var(--fbx-alias-color-disabled-emphasis-high);
  /*    Hover*/
  --fbx-comp-button-v2-outlined-ghost-hover-bg: var(--fbx-alias-color-interaction-neutral-ghost-hover);
  /* Active*/
  --fbx-comp-button-v2-outlined-ghost-active-bg: var(--fbx-alias-color-interaction-neutral-ghost-active);
  /*    Selected*/
  --fbx-comp-button-v2-outlined-ghost-selected-bg: var(--fbx-alias-color-interaction-neutral-ghost-active);
}

/*Link*/
/* Link - Primary */
:root {
  /*  Normal*/
  --fbx-comp-button-v2-link-primary-normal-bg: transparent;
  --fbx-comp-button-v2-link-primary-normal-fg: var(--fbx-alias-color-action-primary-subtle-on);
  /*    Disabled*/
  --fbx-comp-button-v2-link-primary-disabled-bg: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-button-v2-link-primary-disabled-fg: var(--fbx-alias-color-disabled-on);
  /*    Hover*/
  --fbx-comp-button-v2-link-primary-hover-bg: var(--fbx-alias-color-action-primary-subtle-hover);
  /*  Active*/
  --fbx-comp-button-v2-link-primary-active-bg: var(--fbx-alias-color-action-primary-subtle-active);
  /*    Selected*/
  --fbx-comp-button-v2-link-primary-selected-bg: var(--fbx-alias-color-action-primary-subtle-active);
}

/* Link - Danger */
:root {
  /*  Normal*/
  --fbx-comp-button-v2-link-danger-normal-bg: transparent;
  --fbx-comp-button-v2-link-danger-normal-fg: var(--fbx-alias-color-action-danger-subtle-on);
  /*  Disabled*/
  --fbx-comp-button-v2-link-danger-disabled-bg: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-button-v2-link-danger-disabled-fg: var(--fbx-alias-color-disabled-on);
  /*    Hover*/
  --fbx-comp-button-v2-link-danger-hover-bg: var(--fbx-alias-color-action-danger-subtle-hover);
  /*  Active*/
  --fbx-comp-button-v2-link-danger-active-bg: var(--fbx-alias-color-action-danger-subtle-active);
  /*    Selected*/
  --fbx-comp-button-v2-link-danger-selected-bg: var(--fbx-alias-color-action-danger-subtle-active);
}

/* Link - Neutral */
:root {
  /*  Normal*/
  --fbx-comp-button-v2-link-neutral-normal-bg: transparent;
  --fbx-comp-button-v2-link-neutral-normal-fg: var(--fbx-alias-color-action-neutral-subtle-on);
  /*  Disabled*/
  --fbx-comp-button-v2-link-neutral-disabled-bg: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-button-v2-link-neutral-disabled-fg: var(--fbx-alias-color-disabled-on);
  /*    Hover*/
  --fbx-comp-button-v2-link-neutral-hover-bg: var(--fbx-alias-color-action-neutral-subtle-hover);
  /*  Active*/
  --fbx-comp-button-v2-link-neutral-active-bg: var(--fbx-alias-color-action-neutral-subtle-active);
  /*    Selected*/
  --fbx-comp-button-v2-link-neutral-selected-bg: var(--fbx-alias-color-action-neutral-subtle-active);
}

/* Link - Contrast */
:root {
  /*  Normal*/
  --fbx-comp-button-v2-link-contrast-normal-bg: transparent;
  --fbx-comp-button-v2-link-contrast-normal-fg: var(--fbx-alias-color-surface-on-low-100);
  /*  Disabled*/
  --fbx-comp-button-v2-link-contrast-disabled-bg: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-button-v2-link-contrast-disabled-fg: var(--fbx-alias-color-disabled-on);
  /*    Hover*/
  --fbx-comp-button-v2-link-contrast-hover-bg: var(--fbx-alias-color-interaction-ghost-selected);
  /*  Active*/
  --fbx-comp-button-v2-link-contrast-active-bg: var(--fbx-alias-color-interaction-ghost-hover);
  /*    Selected*/
  --fbx-comp-button-v2-link-contrast-selected-bg: var(--fbx-alias-color-interaction-ghost-hover);
}

/* Link - Ghost */
:root {
  /*  Normal*/
  --fbx-comp-button-v2-link-ghost-normal-bg: var(--fbx-alias-color-interaction-ghost-hover);
  --fbx-comp-button-v2-link-ghost-normal-fg: var(--fbx-alias-color-surface-on-low-100);
  /*  Disabled*/
  --fbx-comp-button-v2-link-ghost-disabled-bg: var(--fbx-alias-color-interaction-ghost-hover);
  --fbx-comp-button-v2-link-ghost-disabled-fg: var(--fbx-alias-color-disabled-emphasis-high);
  /*    Hover*/
  --fbx-comp-button-v2-link-ghost-hover-bg: var(--fbx-alias-color-interaction-ghost-selected);
  /*  Active*/
  --fbx-comp-button-v2-link-ghost-active-bg: var(--fbx-alias-color-action-neutral-subtle-normal);
  /*    Selected*/
  --fbx-comp-button-v2-link-ghost-selected-bg: var(--fbx-alias-color-action-neutral-subtle-normal);
}

:root {
  /*Corners*/
  --fbx-comp-button-v2-radius: 8px;
  --fbx-comp-button-v2-radius-topleft: var(--fbx-comp-button-v2-radius);
  --fbx-comp-button-v2-radius-topright: var(--fbx-comp-button-v2-radius);
  --fbx-comp-button-v2-radius-bottomleft: var(--fbx-comp-button-v2-radius);
  --fbx-comp-button-v2-radius-bottomright: var(--fbx-comp-button-v2-radius);
  --fbx-comp-button-v2-circle-radius-topleft: 100vmin;
  --fbx-comp-button-v2-circle-radius-topright: 100vmin;
  --fbx-comp-button-v2-circle-radius-bottomleft: 100vmin;
  --fbx-comp-button-v2-circle-radius-bottomright: 100vmin;
}

:root {
  --fbx-comp-icon-weight: 900;
}

:root {
  /*
        Button
    */
  /*  Styles  */
  /* Default */
  /*Filled*/
  --fbx-comp-color-button-default-filled-background-selected: var(--fbx-alias-color-action-primary-hover);
  --fbx-comp-color-button-default-filled-background-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-default-filled-background-enabled: var(--fbx-alias-color-action-primary-normal);
  --fbx-comp-color-button-default-filled-background-hover: var(--fbx-alias-color-action-primary-hover);
  --fbx-comp-color-button-default-filled-background-pressed: var(--fbx-alias-color-action-primary-active);
  --fbx-comp-color-button-default-filled-text-disabled: var(--fbx-alias-color-disabled-on);
  --fbx-comp-color-button-default-filled-text-normal: var(--fbx-alias-color-action-primary-on);
  /*Outlined*/
  --fbx-comp-color-button-default-outlined-background-selected: var(--fbx-alias-color-action-primary-subtle-hover);
  --fbx-comp-color-button-default-outlined-background-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-default-outlined-background-enabled: none;
  --fbx-comp-color-button-default-outlined-background-hover: var(--fbx-alias-color-action-primary-subtle-hover);
  --fbx-comp-color-button-default-outlined-background-pressed: var(--fbx-alias-color-action-primary-subtle-active);
  --fbx-comp-color-button-default-outlined-text-disabled: var(--fbx-alias-color-disabled-on);
  --fbx-comp-color-button-default-outlined-text-normal: var(--fbx-alias-color-action-primary-subtle-on);
  --fbx-comp-color-button-default-outlined-outline-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-default-outlined-outline-enabled: var(--fbx-alias-color-action-primary-hover);
  --fbx-comp-color-button-default-outlined-outline-hover: var(--fbx-alias-color-action-primary-hover);
  --fbx-comp-color-button-default-outlined-outline-pressed: var(--fbx-alias-color-action-primary-hover);
  /*Text*/
  --fbx-comp-color-button-default-text-background-disabled: none;
  --fbx-comp-color-button-default-text-background-enabled: none;
  --fbx-comp-color-button-default-text-background-hover: var(--fbx-alias-color-action-primary-subtle-hover);
  --fbx-comp-color-button-default-text-background-pressed: var(--fbx-alias-color-action-primary-subtle-active);
  --fbx-comp-color-button-default-text-text-disabled: var(--fbx-alias-color-disabled-emphasis-high);
  --fbx-comp-color-button-default-text-text-normal: var(--fbx-alias-color-action-primary-subtle-on);
  --fbx-comp-color-button-default-text-background-selected: var(--fbx-alias-color-action-primary-subtle-hover);
  /* Success */
  /*Filled*/
  --fbx-comp-color-button-success-filled-background-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-success-filled-background-enabled: var(--fbx-alias-color-success-emphasis-low);
  --fbx-comp-color-button-success-filled-background-hover: var(--fbx-alias-color-success-emphasis-high);
  --fbx-comp-color-button-success-filled-background-pressed: var(--fbx-alias-color-success-emphasis-medium);
  --fbx-comp-color-button-success-filled-text-disabled: var(--fbx-alias-color-disabled-on);
  --fbx-comp-color-button-success-filled-text-normal: var(--fbx-alias-color-success-on);
  --fbx-comp-color-button-success-filled-background-selected: var(--fbx-alias-color-success-emphasis-high);
  /*Outlined*/
  --fbx-comp-color-button-success-outlined-background-disabled: var(--fbx-alias-color-success-opacity-min);
  --fbx-comp-color-button-success-outlined-background-enabled: var(--fbx-alias-color-success-opacity-min);
  --fbx-comp-color-button-success-outlined-background-hover: var(--fbx-alias-color-success-opacity-medium);
  --fbx-comp-color-button-success-outlined-background-pressed: var(--fbx-alias-color-success-opacity-low);
  --fbx-comp-color-button-success-outlined-text-disabled: var(--fbx-alias-color-disabled-emphasis-high);
  --fbx-comp-color-button-success-outlined-text-normal: var(--fbx-alias-color-success-emphasis-medium);
  --fbx-comp-color-button-success-outlined-outline-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-success-outlined-outline-enabled: var(--fbx-alias-color-success-opacity-low);
  --fbx-comp-color-button-success-outlined-outline-hover: var(--fbx-alias-color-success-opacity-medium);
  --fbx-comp-color-button-success-outlined-outline-pressed: var(--fbx-alias-color-success-opacity-high);
  --fbx-comp-color-button-success-outlined-background-selected: var(--fbx-alias-color-success-opacity-medium);
  /*Text*/
  --fbx-comp-color-button-success-text-background-disabled: var(--fbx-alias-color-success-opacity-min);
  --fbx-comp-color-button-success-text-background-enabled: var(--fbx-alias-color-success-opacity-min);
  --fbx-comp-color-button-success-text-background-hover: var(--fbx-alias-color-success-opacity-medium);
  --fbx-comp-color-button-success-text-background-pressed: var(--fbx-alias-color-success-opacity-low);
  --fbx-comp-color-button-success-text-text-disabled: var(--fbx-alias-color-disabled-emphasis-high);
  --fbx-comp-color-button-success-text-text-normal: var(--fbx-alias-color-success-emphasis-medium);
  --fbx-comp-color-button-success-text-background-selected: var(--fbx-alias-color-success-opacity-medium);
  /* Danger */
  /*Filled*/
  --fbx-comp-color-button-danger-filled-background-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-danger-filled-background-enabled: var(--fbx-alias-color-action-danger-normal);
  --fbx-comp-color-button-danger-filled-background-hover: var(--fbx-alias-color-action-danger-hover);
  --fbx-comp-color-button-danger-filled-background-pressed: var(--fbx-alias-color-action-danger-active);
  --fbx-comp-color-button-danger-filled-text-disabled: var(--fbx-alias-color-disabled-on);
  --fbx-comp-color-button-danger-filled-text-normal: var(--fbx-alias-color-action-danger-on);
  --fbx-comp-color-button-danger-filled-background-selected: var(--fbx-alias-color-action-danger-hover);
  /*Outlined*/
  --fbx-comp-color-button-danger-outlined-background-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-danger-outlined-background-enabled: none;
  --fbx-comp-color-button-danger-outlined-background-hover: var(--fbx-alias-color-action-danger-subtle-hover);
  --fbx-comp-color-button-danger-outlined-background-pressed: var(--fbx-alias-color-action-danger-subtle-active);
  --fbx-comp-color-button-danger-outlined-text-disabled: var(--fbx-alias-color-disabled-on);
  --fbx-comp-color-button-danger-outlined-text-normal: var(--fbx-alias-color-action-danger-subtle-on);
  --fbx-comp-color-button-danger-outlined-outline-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-danger-outlined-outline-enabled: var(--fbx-alias-color-action-danger-hover);
  --fbx-comp-color-button-danger-outlined-outline-hover: var(--fbx-alias-color-action-danger-hover);
  --fbx-comp-color-button-danger-outlined-outline-pressed: var(--fbx-alias-color-action-danger-hover);
  --fbx-comp-color-button-danger-outlined-background-selected: var(--fbx-alias-color-action-danger-subtle-hover);
  /*Text*/
  --fbx-comp-color-button-danger-text-background-disabled: none;
  --fbx-comp-color-button-danger-text-background-enabled: none;
  --fbx-comp-color-button-danger-text-background-hover: var(--fbx-alias-color-action-danger-subtle-hover);
  --fbx-comp-color-button-danger-text-background-pressed: var(--fbx-alias-color-action-danger-subtle-active);
  --fbx-comp-color-button-danger-text-text-disabled: var(--fbx-alias-color-disabled-emphasis-high);
  --fbx-comp-color-button-danger-text-text-normal: var(--fbx-alias-color-action-danger-subtle-on);
  --fbx-comp-color-button-danger-text-background-selected: var(--fbx-alias-color-action-danger-subtle-hover);
  /* Warning */
  /*Filled*/
  --fbx-comp-color-button-warning-filled-background-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-warning-filled-background-enabled: var(--fbx-alias-color-warning-emphasis-low);
  --fbx-comp-color-button-warning-filled-background-hover: var(--fbx-alias-color-warning-emphasis-high);
  --fbx-comp-color-button-warning-filled-background-pressed: var(--fbx-alias-color-warning-emphasis-medium);
  --fbx-comp-color-button-warning-filled-text-disabled: var(--fbx-alias-color-disabled-on);
  --fbx-comp-color-button-warning-filled-text-normal: var(--fbx-alias-color-warning-on);
  --fbx-comp-color-button-warning-filled-background-selected: var(--fbx-alias-color-warning-emphasis-high);
  /*Outlined*/
  --fbx-comp-color-button-warning-outlined-background-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-warning-outlined-background-enabled: var(--fbx-alias-color-warning-opacity-min);
  --fbx-comp-color-button-warning-outlined-background-hover: var(--fbx-alias-color-warning-opacity-medium);
  --fbx-comp-color-button-warning-outlined-background-pressed: var(--fbx-alias-color-warning-opacity-low);
  --fbx-comp-color-button-warning-outlined-text-disabled: var(--fbx-alias-color-disabled-on);
  --fbx-comp-color-button-warning-outlined-text-normal: var(--fbx-alias-color-warning-emphasis-medium);
  --fbx-comp-color-button-warning-outlined-outline-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-warning-outlined-outline-enabled: var(--fbx-alias-color-warning-opacity-low);
  --fbx-comp-color-button-warning-outlined-outline-hover: var(--fbx-alias-color-warning-opacity-medium);
  --fbx-comp-color-button-warning-outlined-outline-pressed: var(--fbx-alias-color-warning-opacity-high);
  --fbx-comp-color-button-warning-outlined-background-selected: var(--fbx-alias-color-warning-opacity-medium);
  /*Text*/
  --fbx-comp-color-button-warning-text-background-disabled: var(--fbx-alias-color-warning-opacity-min);
  --fbx-comp-color-button-warning-text-background-enabled: var(--fbx-alias-color-warning-opacity-min);
  --fbx-comp-color-button-warning-text-background-hover: var(--fbx-alias-color-warning-opacity-medium);
  --fbx-comp-color-button-warning-text-background-pressed: var(--fbx-alias-color-warning-opacity-low);
  --fbx-comp-color-button-warning-text-text-disabled: var(--fbx-alias-color-disabled-emphasis-high);
  --fbx-comp-color-button-warning-text-text-normal: var(--fbx-alias-color-warning-emphasis-medium);
  --fbx-comp-color-button-warning-text-background-selected: var(--fbx-alias-color-warning-opacity-medium);
  /* Info */
  /*Filled*/
  --fbx-comp-color-button-info-filled-background-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-info-filled-background-enabled: var(--fbx-alias-color-info-emphasis-low);
  --fbx-comp-color-button-info-filled-background-hover: var(--fbx-alias-color-info-emphasis-high);
  --fbx-comp-color-button-info-filled-background-pressed: var(--fbx-alias-color-info-emphasis-medium);
  --fbx-comp-color-button-info-filled-text-disabled: var(--fbx-alias-color-disabled-on);
  --fbx-comp-color-button-info-filled-text-normal: var(--fbx-alias-color-info-on);
  --fbx-comp-color-button-info-filled-background-selected: var(--fbx-alias-color-info-emphasis-high);
  /*Outlined*/
  --fbx-comp-color-button-info-outlined-background-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-info-outlined-background-enabled: var(--fbx-alias-color-info-opacity-min);
  --fbx-comp-color-button-info-outlined-background-hover: var(--fbx-alias-color-info-opacity-medium);
  --fbx-comp-color-button-info-outlined-background-pressed: var(--fbx-alias-color-info-opacity-low);
  --fbx-comp-color-button-info-outlined-text-disabled: var(--fbx-alias-color-disabled-on);
  --fbx-comp-color-button-info-outlined-text-normal: var(--fbx-alias-color-info-emphasis-medium);
  --fbx-comp-color-button-info-outlined-outline-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-info-outlined-outline-enabled: var(--fbx-alias-color-info-opacity-low);
  --fbx-comp-color-button-info-outlined-outline-hover: var(--fbx-alias-color-info-opacity-medium);
  --fbx-comp-color-button-info-outlined-outline-pressed: var(--fbx-alias-color-info-opacity-high);
  --fbx-comp-color-button-info-outlined-background-selected: var(--fbx-alias-color-info-opacity-medium);
  /*Text*/
  --fbx-comp-color-button-info-text-background-disabled: var(--fbx-alias-color-info-opacity-min);
  --fbx-comp-color-button-info-text-background-enabled: var(--fbx-alias-color-info-opacity-min);
  --fbx-comp-color-button-info-text-background-hover: var(--fbx-alias-color-info-opacity-medium);
  --fbx-comp-color-button-info-text-background-pressed: var(--fbx-alias-color-info-opacity-low);
  --fbx-comp-color-button-info-text-text-disabled: var(--fbx-alias-color-disabled-emphasis-high);
  --fbx-comp-color-button-info-text-text-normal: var(--fbx-alias-color-info-emphasis-medium);
  --fbx-comp-color-button-info-text-background-selected: var(--fbx-alias-color-info-opacity-medium);
  /* Neutral */
  /*Filled*/
  --fbx-comp-color-button-neutral-filled-background-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-neutral-filled-background-enabled: var(--fbx-alias-color-action-neutral-normal);
  --fbx-comp-color-button-neutral-filled-background-hover: var(--fbx-alias-color-action-neutral-hover);
  --fbx-comp-color-button-neutral-filled-background-pressed: var(--fbx-alias-color-action-neutral-active);
  --fbx-comp-color-button-neutral-filled-text-disabled: var(--fbx-alias-color-disabled-on);
  --fbx-comp-color-button-neutral-filled-text-normal: var(--fbx-alias-color-action-neutral-on);
  --fbx-comp-color-button-neutral-filled-background-selected: var(--fbx-alias-color-action-neutral-hover);
  /*Outlined*/
  --fbx-comp-color-button-neutral-outlined-background-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-neutral-outlined-background-enabled: none;
  --fbx-comp-color-button-neutral-outlined-background-hover: var(--fbx-alias-color-action-neutral-subtle-hover);
  --fbx-comp-color-button-neutral-outlined-background-pressed: var(--fbx-alias-color-action-neutral-subtle-active);
  --fbx-comp-color-button-neutral-outlined-text-disabled: var(--fbx-alias-color-disabled-on);
  --fbx-comp-color-button-neutral-outlined-text-normal: var(--fbx-alias-color-action-neutral-subtle-on);
  --fbx-comp-color-button-neutral-outlined-outline-disabled: var(--fbx-alias-color-disabled-emphasis-low);
  --fbx-comp-color-button-neutral-outlined-outline-enabled: var(--fbx-alias-color-action-neutral-hover);
  --fbx-comp-color-button-neutral-outlined-outline-hover: var(--fbx-alias-color-action-neutral-hover);
  --fbx-comp-color-button-neutral-outlined-outline-pressed: var(--fbx-alias-color-action-neutral-hover);
  --fbx-comp-color-button-neutral-outlined-background-selected: var(--fbx-alias-color-action-neutral-subtle-hover);
  /*Text*/
  --fbx-comp-color-button-neutral-text-background-disabled: none;
  --fbx-comp-color-button-neutral-text-background-enabled: none;
  --fbx-comp-color-button-neutral-text-background-hover: var(--fbx-alias-color-action-neutral-subtle-hover);
  --fbx-comp-color-button-neutral-text-background-pressed: var(--fbx-alias-color-action-neutral-subtle-active);
  --fbx-comp-color-button-neutral-text-text-disabled: var(--fbx-alias-color-disabled-emphasis-high);
  --fbx-comp-color-button-neutral-text-text-normal: var(--fbx-alias-color-action-neutral-subtle-on);
  --fbx-comp-color-button-neutral-text-background-selected: var(--fbx-alias-color-action-neutral-subtle-hover);
  /*
        RadioButton
    */
  --fbx-comp-size-radiobutton: 16px;
  --fbx-comp-size-radiobutton-inner: 12px;
  --fbx-comp-size-radiobutton-inner-checked: 8px;
  /* Default (unchecked) */
  --fbx-comp-color-radiobutton-default-background-enabled: var(--fbx-alias-color-surface-emphasis-low);
  --fbx-comp-color-radiobutton-default-outline-enabled: rgba(72, 120, 33, 0.4);
  --fbx-comp-color-radiobutton-default-background-disabled: var(--fbx-alias-color-background-emphasis-low);
  --fbx-comp-color-radiobutton-default-outline-disabled: var(--fbx-alias-color-disabled-on);
  --fbx-comp-width-radiobutton-default-outline: 2px;
  /* Checked */
  --fbx-comp-color-radiobutton-checked-background-enabled: var(--fbx-alias-color-background-emphasis-low);
  --fbx-comp-color-radiobutton-checked-outline-enabled: var(--fbx-alias-color-primary-emphasis-medium);
  --fbx-comp-color-radiobutton-checked-background-disabled: var(--fbx-alias-color-background-emphasis-low);
  --fbx-comp-color-radiobutton-checked-outline-disabled: var(--fbx-alias-color-disabled-emphasis-high);
  --fbx-comp-width-radiobutton-checked-outline: 5px;
  /*
        Avatar
    */
  --fbx-comp-color-background-avatar: #40B579;
  --fbx-comp-color-content-avatar: white;
  --fbx-comp-size-avatar-huge: 80px;
  --fbx-comp-size-avatar-extralarge: 64px;
  --fbx-comp-size-avatar-large: 40px;
  --fbx-comp-size-avatar-default: var(--fbx-comp-size-avatar-medium);
  --fbx-comp-size-avatar-medium: 32px;
  --fbx-comp-size-avatar-small: 24px;
  --fbx-comp-size-avatar-extrasmall: 16px;
  /*
        Icon
    */
  --fbx-comp-size-icon-extralarge: var(--fbx-global-size-9x);
  --fbx-comp-size-icon-large: var(--fbx-global-size-7x);
  --fbx-comp-size-icon-medium: var(--fbx-global-size-6x);
  --fbx-comp-size-icon-small: var(--fbx-global-size-5x);
  --fbx-comp-size-icon-extrasmall: var(--fbx-global-size-4x);
  /*
        Flag
    */
  --fbx-comp-size-flag-extralarge: var(--fbx-global-size-9x);
  --fbx-comp-size-flag-large: var(--fbx-global-size-7x);
  --fbx-comp-size-flag-medium: var(--fbx-global-size-6x);
  --fbx-comp-size-flag-small: var(--fbx-global-size-5x);
  --fbx-comp-size-flag-extrasmall: var(--fbx-global-size-4x);
  --fbx-comp-skeleton-shimmer-lightness: var(--master-lightness-10);
}
:root.theme-dark {
  --fbx-comp-skeleton-shimmer-lightness: var(--master-lightness-600);
}