/* This file is included automatically when referencing FlexyBox.Core.Blazor */
@import 'fbxbutton-v2.css';
: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);
}
