@nebular/auth
Version:
@nebular/auth
1 lines • 211 kB
CSS
.nb-theme-dark{--link-text-color: var(--text-primary-color);--link-text-decoration: underline;--link-text-focus-color: var(--text-primary-focus-color);--link-text-hover-color: var(--text-primary-hover-color);--card-background-color: var(--background-basic-color-1);--card-text-color: var(--text-basic-color);--card-text-font-family: var(--text-paragraph-font-family);--card-text-font-size: var(--text-paragraph-font-size);--card-text-font-weight: var(--text-paragraph-font-weight);--card-text-line-height: var(--text-paragraph-line-height);--card-border-width: 0.0625rem;--card-border-style: solid;--card-border-color: var(--border-basic-color-4);--card-border-radius: var(--border-radius);--card-padding: 1rem 1.5rem;--card-shadow: none;--card-divider-color: var(--divider-color);--card-divider-style: var(--divider-style);--card-divider-width: var(--divider-width);--card-header-text-color: var(--text-basic-color);--card-header-text-font-family: var(--text-subtitle-font-family);--card-header-text-font-size: var(--text-subtitle-font-size);--card-header-text-font-weight: var(--text-subtitle-font-weight);--card-header-text-line-height: var(--text-subtitle-line-height);--card-header-basic-background-color: var(--background-basic-color-2);--card-header-basic-text-color: var(--text-basic-color);--card-header-primary-background-color: var(--color-primary-default);--card-header-primary-text-color: var(--text-control-color);--card-header-info-background-color: var(--color-info-default);--card-header-info-text-color: var(--text-control-color);--card-header-success-background-color: var(--color-success-default);--card-header-success-text-color: var(--text-control-color);--card-header-warning-background-color: var(--color-warning-default);--card-header-warning-text-color: var(--text-control-color);--card-header-danger-background-color: var(--color-danger-default);--card-header-danger-text-color: var(--text-control-color);--card-header-control-background-color: var(--color-control-default);--card-header-control-text-color: var(--color-basic-800);--card-height-tiny: 13.5rem;--card-height-small: 21.1875rem;--card-height-medium: 28.875rem;--card-height-large: 36.5625rem;--card-height-giant: 44.25rem;--card-margin-bottom: 1.875rem;--card-scrollbar-color: var(--scrollbar-color);--card-scrollbar-background-color: var(--scrollbar-background-color);--card-scrollbar-width: var(--scrollbar-width);--header-background-color: var(--background-basic-color-1);--header-text-color: var(--text-basic-color);--header-text-font-family: var(--text-paragraph-font-family);--header-text-font-size: var(--text-paragraph-font-size);--header-text-font-weight: var(--text-paragraph-font-weight);--header-text-line-height: var(--text-paragraph-line-height);--header-height: 4.75rem;--header-padding: 1.25rem;--header-shadow: var(--shadow);--footer-background-color: var(--background-basic-color-1);--footer-text-color: var(--text-basic-color);--footer-text-font-family: var(--text-paragraph-font-family);--footer-text-font-size: var(--text-paragraph-font-size);--footer-text-font-weight: var(--text-paragraph-font-weight);--footer-text-line-height: var(--text-paragraph-line-height);--footer-text-highlight-color: var(--color-primary-hover);--footer-height: 4.725rem;--footer-padding: 1.25rem;--footer-divider-color: var(--divider-color);--footer-divider-style: var(--divider-style);--footer-divider-width: var(--divider-width);--footer-shadow: var(--shadow);--layout-background-color: var(--background-basic-color-3);--layout-text-color: var(--text-basic-color);--layout-text-font-family: var(--text-paragraph-font-family);--layout-text-font-size: var(--text-paragraph-font-size);--layout-text-font-weight: var(--text-paragraph-font-weight);--layout-text-line-height: var(--text-paragraph-line-height);--layout-min-height: 100vh;--layout-content-width: 900px;--layout-window-mode-min-width: 300px;--layout-window-mode-background-color: var(--background-basic-color-3);--layout-window-mode-padding-top: 4.75rem;--layout-window-shadow: var(--shadow);--layout-padding: 2.25rem 2.25rem 0.75rem;--layout-medium-padding: 1.5rem 1.5rem 0.5rem;--layout-small-padding: 1rem 1rem 0;--layout-scrollbar-background-color: var(--scrollbar-background-color);--layout-scrollbar-color: var(--scrollbar-color);--layout-scrollbar-width: var(--scrollbar-width);--sidebar-background-color: var(--background-basic-color-1);--sidebar-text-color: var(--text-basic-color);--sidebar-text-font-family: var(--text-paragraph-font-family);--sidebar-text-font-size: var(--text-paragraph-font-size);--sidebar-text-font-weight: var(--text-paragraph-font-weight);--sidebar-text-line-height: var(--text-paragraph-line-height);--sidebar-height: 100vh;--sidebar-width: 16rem;--sidebar-width-compact: 3.5rem;--sidebar-padding: 1.25rem;--sidebar-header-height: 3.5rem;--sidebar-footer-height: 3.5rem;--sidebar-shadow: var(--shadow);--sidebar-menu-item-highlight-color: var(--color-primary-default);--sidebar-scrollbar-background-color: var(--scrollbar-background-color);--sidebar-scrollbar-color: var(--scrollbar-color);--sidebar-scrollbar-width: var(--scrollbar-width);--menu-background-color: transparent;--menu-text-color: var(--text-basic-color);--menu-text-font-family: var(--text-subtitle-2-font-family);--menu-text-font-size: var(--text-subtitle-2-font-size);--menu-text-font-weight: var(--text-subtitle-2-font-weight);--menu-text-line-height: var(--text-subtitle-2-line-height);--menu-group-text-color: var(--text-hint-color);--menu-item-border-radius: 0;--menu-item-padding: 0.75rem 1rem;--menu-item-hover-background-color: var(--menu-background-color);--menu-item-hover-cursor: pointer;--menu-item-hover-text-color: var(--text-primary-hover-color);--menu-item-icon-hover-color: var(--menu-item-hover-text-color);--menu-item-active-background-color: var(--menu-background-color);--menu-item-active-text-color: var(--text-primary-color);--menu-item-icon-active-color: var(--menu-item-active-text-color);--menu-item-icon-color: var(--text-hint-color);--menu-item-icon-margin: 0 0.5rem 0 0;--menu-item-icon-width: 1.25rem;--menu-item-divider-color: var(--divider-color);--menu-item-divider-style: var(--divider-style);--menu-item-divider-width: var(--divider-width);--menu-submenu-background-color: var(--menu-background-color);--menu-submenu-text-color: var(--text-basic-color);--menu-submenu-margin: 0;--menu-submenu-padding: 0 1.25rem;--menu-submenu-item-border-color: var(--menu-submenu-background-color);--menu-submenu-item-border-style: solid;--menu-submenu-item-border-width: 0;--menu-submenu-item-border-radius: 0;--menu-submenu-item-padding: var(--menu-item-padding);--menu-submenu-item-hover-background-color: var(--menu-background-color);--menu-submenu-item-hover-border-color: var(--menu-submenu-item-border-color);--menu-submenu-item-hover-text-color: var(--menu-item-hover-text-color);--menu-submenu-item-icon-hover-color: var(--menu-item-icon-hover-color);--menu-submenu-item-active-background-color: var(--menu-background-color);--menu-submenu-item-active-border-color: var(--color-primary-default);--menu-submenu-item-active-text-color: var(--menu-item-active-text-color);--menu-submenu-item-icon-active-color: var(--menu-item-icon-active-color);--menu-submenu-item-active-hover-background-color: var(--menu-submenu-item-hover-background-color);--menu-submenu-item-active-hover-border-color: var(--color-primary-hover);--menu-submenu-item-active-hover-text-color: var(--menu-submenu-item-hover-text-color);--menu-submenu-item-icon-active-hover-color: var(--menu-submenu-item-icon-hover-color);--tabset-background-color: transparent;--tabset-border-radius: 0;--tabset-shadow: none;--tabset-tab-background-color: transparent;--tabset-tab-padding: 1rem 2rem;--tabset-tab-text-color: var(--text-hint-color);--tabset-tab-text-font-family: var(--text-button-font-family);--tabset-tab-text-font-size: var(--text-button-medium-font-size);--tabset-tab-text-font-weight: var(--text-button-font-weight);--tabset-tab-text-line-height: var(--text-button-medium-line-height);--tabset-tab-text-transform: uppercase;--tabset-tab-underline-width: 0.25rem;--tabset-tab-underline-color: transparent;--tabset-tab-active-background-color: transparent;--tabset-tab-active-text-color: var(--text-primary-color);--tabset-tab-active-underline-color: var(--text-primary-color);--tabset-tab-focus-background-color: transparent;--tabset-tab-focus-text-color: var(--text-primary-focus-color);--tabset-tab-focus-underline-color: var(--text-primary-focus-color);--tabset-tab-hover-background-color: transparent;--tabset-tab-hover-text-color: var(--text-primary-hover-color);--tabset-tab-hover-underline-color: var(--text-primary-hover-color);--tabset-tab-disabled-background-color: transparent;--tabset-tab-disabled-text-color: var(--text-disabled-color);--tabset-tab-disabled-underline-color: transparent;--tabset-tab–badge-dot-mode-horizontal-offset: 0.75rem;--tabset-tab-badge-dot-mode-padding: 0.25rem;--tabset-divider-color: var(--divider-color);--tabset-divider-style: var(--divider-style);--tabset-divider-width: var(--divider-width);--tabset-content-background-color: transparent;--tabset-content-padding: 1rem 2rem;--tabset-content-text-color: var(--text-basic-color);--tabset-content-text-font-family: var(--text-paragraph-font-family);--tabset-content-text-font-size: var(--text-paragraph-font-size);--tabset-content-text-font-weight: var(--text-paragraph-font-weight);--tabset-content-text-line-height: var(--text-paragraph-line-height);--tabset-scrollbar-color: var(--scrollbar-color);--tabset-scrollbar-background-color: var(--scrollbar-background-color);--tabset-scrollbar-width: var(--scrollbar-width);--route-tabset-background-color: transparent;--route-tabset-border-radius: 0;--route-tabset-shadow: none;--route-tabset-tab-background-color: transparent;--route-tabset-tab-padding: 1rem 2rem;--route-tabset-tab-text-color: var(--text-hint-color);--route-tabset-tab-text-font-family: var(--text-button-font-family);--route-tabset-tab-text-font-size: var(--text-button-medium-font-size);--route-tabset-tab-text-font-weight: var(--text-button-font-weight);--route-tabset-tab-text-line-height: var(--text-button-medium-line-height);--route-tabset-tab-text-transform: uppercase;--route-tabset-tab-underline-width: 0.25rem;--route-tabset-tab-underline-color: transparent;--route-tabset-tab-active-background-color: transparent;--route-tabset-tab-active-text-color: var(--text-primary-color);--route-tabset-tab-active-underline-color: var(--text-primary-color);--route-tabset-tab-focus-background-color: transparent;--route-tabset-tab-focus-text-color: var(--text-primary-focus-color);--route-tabset-tab-focus-underline-color: var(--text-primary-focus-color);--route-tabset-tab-hover-background-color: transparent;--route-tabset-tab-hover-text-color: var(--text-primary-hover-color);--route-tabset-tab-hover-underline-color: var(--text-primary-hover-color);--route-tabset-tab-disabled-background-color: transparent;--route-tabset-tab-disabled-text-color: var(--text-disabled-color);--route-tabset-tab-disabled-underline-color: transparent;--route-tabset-divider-color: var(--divider-color);--route-tabset-divider-style: var(--divider-style);--route-tabset-divider-width: var(--divider-width);--route-tabset-scrollbar-color: var(--scrollbar-color);--route-tabset-scrollbar-background-color: var(--scrollbar-background-color);--route-tabset-scrollbar-width: var(--scrollbar-width);--user-picture-box-background-color: transparent;--user-picture-box-border-color: var(--border-basic-color-3);--user-picture-box-border-width: 1px;--user-initials-text-color: var(--text-basic-color);--user-initials-text-font-family: var(--text-paragraph-font-family);--user-initials-text-font-weight: var(--text-paragraph-font-weight);--user-name-text-color: var(--text-basic-color);--user-name-text-font-family: var(--text-paragraph-font-family);--user-name-text-font-weight: var(--text-paragraph-font-weight);--user-title-text-color: var(--text-basic-color);--user-title-text-font-family: var(--text-paragraph-2-font-family);--user-title-text-font-weight: var(--text-paragraph-2-font-weight);--user-rectangle-border-radius: 0.5rem;--user-semi-round-border-radius: 0.75rem;--user-round-border-radius: 50%;--user-tiny-height: 1.25rem;--user-tiny-width: 1.25rem;--user-tiny-initials-text-font-size: var(--text-caption-font-size);--user-tiny-initials-text-line-height: var(--text-caption-line-height);--user-tiny-name-text-font-size: var(--text-caption-font-size);--user-tiny-name-text-line-height: var(--text-caption-line-height);--user-tiny-title-text-font-size: var(--text-caption-font-size);--user-tiny-title-text-line-height: var(--text-caption-line-height);--user-small-height: 1.5rem;--user-small-width: 1.5rem;--user-small-initials-text-font-size: var(--text-caption-font-size);--user-small-initials-text-line-height: var(--text-caption-line-height);--user-small-name-text-font-size: var(--text-caption-font-size);--user-small-name-text-line-height: var(--text-caption-line-height);--user-small-title-text-font-size: var(--text-caption-font-size);--user-small-title-text-line-height: var(--text-caption-line-height);--user-medium-height: 2.5rem;--user-medium-width: 2.5rem;--user-medium-initials-text-font-size: var(--text-paragraph-font-size);--user-medium-initials-text-line-height: var(--text-paragraph-line-height);--user-medium-name-text-font-size: var(--text-paragraph-font-size);--user-medium-name-text-line-height: var(--text-paragraph-line-height);--user-medium-title-text-font-size: var(--text-caption-font-size);--user-medium-title-text-line-height: var(--text-caption-line-height);--user-large-height: 3.25rem;--user-large-width: 3.25rem;--user-large-initials-text-font-size: var(--text-paragraph-font-size);--user-large-initials-text-line-height: var(--text-paragraph-line-height);--user-large-name-text-font-size: var(--text-paragraph-font-size);--user-large-name-text-line-height: var(--text-paragraph-line-height);--user-large-title-text-font-size: var(--text-paragraph-2-font-size);--user-large-title-text-line-height: var(--text-paragraph-2-line-height);--user-giant-height: 4rem;--user-giant-width: 4rem;--user-giant-initials-text-font-size: var(--text-paragraph-font-size);--user-giant-initials-text-line-height: var(--text-paragraph-line-height);--user-giant-name-text-font-size: var(--text-paragraph-font-size);--user-giant-name-text-line-height: var(--text-paragraph-line-height);--user-giant-title-text-font-size: var(--text-paragraph-font-size);--user-giant-title-text-line-height: var(--text-paragraph-line-height);--popover-text-color: var(--text-basic-color);--popover-text-font-family: var(--text-paragraph-font-family);--popover-text-font-size: var(--text-paragraph-font-size);--popover-text-font-weight: var(--text-paragraph-font-weight);--popover-text-line-height: var(--text-paragraph-line-height);--popover-background-color: var(--background-basic-color-1);--popover-border-width: 1px;--popover-border-color: transparent;--popover-border-radius: var(--border-radius);--popover-shadow: var(--shadow);--popover-arrow-size: 0.6875rem;--popover-padding: 0.75rem 1rem;--context-menu-background-color: var(--background-basic-color-1);--context-menu-border-color: transparent;--context-menu-border-style: solid;--context-menu-border-width: 0;--context-menu-border-radius: var(--border-radius);--context-menu-text-align: center;--context-menu-min-width: 10rem;--context-menu-max-width: 15rem;--context-menu-shadow: var(--shadow);--actions-background-color: transparent;--actions-divider-color: var(--divider-color);--actions-divider-style: var(--divider-style);--actions-divider-width: var(--divider-width);--actions-icon-color: var(--text-hint-color);--actions-text-color: var(--text-basic-color);--actions-text-font-family: var(--text-button-font-family);--actions-text-font-weight: var(--text-button-font-weight);--actions-text-line-height: var(--text-button-medium-line-height);--actions-disabled-icon-color: var(--text-disabled-color);--actions-disabled-text-color: var(--text-disabled-color);--actions-tiny-height: 1rem;--actions-tiny-icon-height: var(--actions-tiny-height);--actions-tiny-padding: 0 1.25rem;--actions-tiny-text-font-size: var(--text-button-tiny-font-size);--actions-small-height: 1.5rem;--actions-small-icon-height: var(--actions-small-height);--actions-small-padding: 0 1.25rem;--actions-small-text-font-size: var(--text-button-small-font-size);--actions-medium-height: 2.25rem;--actions-medium-icon-height: var(--actions-medium-height);--actions-medium-padding: 0 1.25rem;--actions-medium-text-font-size: var(--text-button-medium-font-size);--actions-large-height: 3.5rem;--actions-large-icon-height: var(--actions-large-height);--actions-large-padding: 0 1.25rem;--actions-large-text-font-size: var(--text-button-large-font-size);--actions-giant-height: 4rem;--actions-giant-icon-height: var(--actions-giant-height);--actions-giant-padding: 0 1.25rem;--actions-giant-text-font-size: var(--text-button-giant-font-size);--search-background-color: var(--background-basic-color-1);--search-divider-color: var(--divider-color);--search-divider-style: var(--divider-style);--search-divider-width: var(--divider-width);--search-extra-background-color: var(--color-primary-default);--search-text-color: var(--text-basic-color);--search-text-font-family: var(--text-heading-1-font-family);--search-text-font-size: var(--text-heading-1-font-size);--search-text-font-weight: var(--text-heading-1-font-weight);--search-text-line-height: var(--text-heading-1-line-height);--search-placeholder-text-color: var(--text-hint-color);--search-info-text-color: var(--text-hint-color);--search-info-text-font-family: var(--text-subtitle-font-family);--search-info-text-font-size: var(--text-subtitle-font-size);--search-info-text-font-weight: var(--text-subtitle-font-weight);--search-info-text-line-height: var(--text-subtitle-line-height);--smart-table-header-font-family: var(--text-paragraph-font-family);--smart-table-header-font-size: var(--text-paragraph-font-size);--smart-table-header-font-weight: var(--text-paragraph-font-weight);--smart-table-header-line-height: var(--text-paragraph-line-height);--smart-table-header-fg: var(--text-basic-color);--smart-table-header-bg: var(--background-basic-color-1);--smart-table-font-family: var(--text-paragraph-font-family);--smart-table-font-size: var(--text-paragraph-font-size);--smart-table-font-weight: var(--text-paragraph-font-weight);--smart-table-line-height: var(--text-paragraph-line-height);--smart-table-fg: var(--text-basic-color);--smart-table-bg: var(--background-basic-color-1);--smart-table-bg-even: var(--background-basic-color-2);--smart-table-fg-secondary: var(--text-basic-color);--smart-table-bg-active: var(--background-basic-color-3);--smart-table-padding: 0.875rem 1.25rem;--smart-table-filter-padding: 0.375rem 0.5rem;--smart-table-separator: var(--divider-color);--smart-table-border-radius: var(--border-radius);--smart-table-action-add-edit-hover-text-color: var(--color-primary-default);--smart-table-action-cancel-delete-hover-text-color: var(--color-danger-default);--smart-table-add-button-border-color: var(--button-filled-primary-border-color);--smart-table-add-button-background-color: var(--button-filled-primary-background-color);--smart-table-add-button-text-color: var(--button-filled-primary-text-color);--smart-table-add-button-focus-border-color: var(--button-filled-primary-focus-border-color);--smart-table-add-button-hover-background-color: var(--button-filled-primary-hover-background-color);--smart-table-add-button-hover-border-color: var(--button-filled-primary-hover-border-color);--smart-table-add-button-active-background-color: var(--button-filled-primary-active-background-color);--smart-table-add-button-active-border-color: var(--button-filled-primary-active-border-color);--smart-table-paging-font-family: var(--button-text-font-family);--smart-table-paging-font-size: var(--button-medium-text-font-size);--smart-table-paging-line-height: var(--button-medium-text-line-height);--smart-table-paging-border-color: var(--divider-color);--smart-table-paging-border-width: var(--divider-width);--smart-table-paging-fg-active: var(--text-control-color);--smart-table-paging-bg-active: var(--color-primary-default);--smart-table-paging-hover: transparent;--smart-table-paging-hover-border-color: var(--button-outline-primary-hover-border-color);--smart-table-paging-hover-text-color: var(--button-outline-primary-hover-text-color);--smart-table-paging-disabled-text-color: var(--button-outline-primary-disabled-text-color);--smart-table-paging-page-text-color: var(--button-outline-primary-text-color);--smart-table-paging-page-focus-border-color: var(--button-outline-primary-focus-border-color);--smart-table-paging-page-focus-text-color: var(--button-outline-primary-focus-text-color);--toastr-border-style: solid;--toastr-border-width: 1px;--toastr-border-radius: var(--border-radius);--toastr-padding: 1rem;--toastr-shadow: var(--shadow);--toastr-text-font-family: var(--text-paragraph-2-font-family);--toastr-text-font-size: var(--text-paragraph-2-font-size);--toastr-text-font-weight: var(--text-paragraph-2-font-weight);--toastr-text-line-height: var(--text-paragraph-2-line-height);--toastr-title-text-font-family: var(--text-subtitle-font-family);--toastr-title-text-font-size: var(--text-subtitle-font-size);--toastr-title-text-font-weight: var(--text-subtitle-font-weight);--toastr-title-text-line-height: var(--text-subtitle-line-height);--toastr-basic-background-color: var(--background-basic-color-1);--toastr-basic-border-color: var(--border-basic-color-3);--toastr-basic-text-color: var(--text-basic-color);--toastr-icon-basic-background-color: var(--background-basic-color-1);--toastr-icon-basic-color: var(--text-basic-color);--toastr-destroyable-basic-hover-background-color: var(--background-basic-color-1);--toastr-destroyable-basic-hover-border-color: var(--border-basic-color-3);--toastr-primary-background-color: var(--color-primary-default);--toastr-primary-border-color: var(--color-primary-default);--toastr-primary-text-color: var(--text-control-color);--toastr-icon-primary-background-color: var(--background-basic-color-1);--toastr-icon-primary-color: var(--color-primary-default);--toastr-destroyable-primary-hover-background-color: var(--color-primary-hover);--toastr-destroyable-primary-hover-border-color: var(--color-primary-hover);--toastr-success-background-color: var(--color-success-default);--toastr-success-border-color: var(--color-success-default);--toastr-success-text-color: var(--text-control-color);--toastr-icon-success-background-color: var(--background-basic-color-1);--toastr-icon-success-color: var(--color-success-default);--toastr-destroyable-success-hover-background-color: var(--color-success-hover);--toastr-destroyable-success-hover-border-color: var(--color-success-hover);--toastr-info-background-color: var(--color-info-default);--toastr-info-border-color: var(--color-info-default);--toastr-info-text-color: var(--text-control-color);--toastr-icon-info-background-color: var(--background-basic-color-1);--toastr-icon-info-color: var(--color-info-default);--toastr-destroyable-info-hover-background-color: var(--color-info-hover);--toastr-destroyable-info-hover-border-color: var(--color-info-hover);--toastr-warning-background-color: var(--color-warning-default);--toastr-warning-border-color: var(--color-warning-default);--toastr-warning-text-color: var(--text-control-color);--toastr-icon-warning-background-color: var(--background-basic-color-1);--toastr-icon-warning-color: var(--color-warning-default);--toastr-destroyable-warning-hover-background-color: var(--color-warning-hover);--toastr-destroyable-warning-hover-border-color: var(--color-warning-hover);--toastr-danger-background-color: var(--color-danger-default);--toastr-danger-border-color: var(--color-danger-default);--toastr-danger-text-color: var(--text-control-color);--toastr-icon-danger-background-color: var(--background-basic-color-1);--toastr-icon-danger-color: var(--color-danger-default);--toastr-destroyable-danger-hover-background-color: var(--color-danger-hover);--toastr-destroyable-danger-hover-border-color: var(--color-danger-hover);--toastr-control-background-color: var(--color-control-default);--toastr-control-border-color: var(--color-control-default);--toastr-control-text-color: var(--color-basic-800);--toastr-icon-control-background-color: var(--color-control-default);--toastr-icon-control-color: var(--color-basic-800);--toastr-destroyable-control-hover-background-color: var(--color-control-hover);--toastr-destroyable-control-hover-border-color: var(--color-control-hover);--button-cursor: pointer;--button-outline-width: var(--outline-width);--button-outline-color: var(--outline-color);--button-text-font-family: var(--text-button-font-family);--button-text-font-weight: var(--text-button-font-weight);--button-disabled-cursor: default;--button-tiny-text-font-size: var(--text-button-tiny-font-size);--button-tiny-text-line-height: var(--text-button-tiny-line-height);--button-tiny-icon-size: 0.75rem;--button-tiny-icon-vertical-margin: -0.125rem;--button-tiny-icon-offset: 0.375rem;--button-small-text-font-size: var(--text-button-small-font-size);--button-small-text-line-height: var(--text-button-small-line-height);--button-small-icon-size: 1rem;--button-small-icon-vertical-margin: -0.125rem;--button-small-icon-offset: 0.375rem;--button-medium-text-font-size: var(--text-button-medium-font-size);--button-medium-text-line-height: var(--text-button-medium-line-height);--button-medium-icon-size: 1.25rem;--button-medium-icon-vertical-margin: -0.125rem;--button-medium-icon-offset: 0.5rem;--button-large-text-font-size: var(--text-button-large-font-size);--button-large-text-line-height: var(--text-button-large-line-height);--button-large-icon-size: 1.5rem;--button-large-icon-vertical-margin: -0.125rem;--button-large-icon-offset: 0.75rem;--button-giant-text-font-size: var(--text-button-giant-font-size);--button-giant-text-line-height: var(--text-button-giant-line-height);--button-giant-icon-size: 1.5rem;--button-giant-icon-vertical-margin: -0.125rem;--button-giant-icon-offset: 0.75rem;--button-rectangle-border-radius: var(--border-radius);--button-semi-round-border-radius: 0.75rem;--button-round-border-radius: 1.5rem;--button-filled-border-style: solid;--button-filled-border-width: 0.0625rem;--button-filled-text-transform: uppercase;--button-filled-tiny-padding: 0.3125rem 0.625rem;--button-filled-small-padding: 0.4375rem 0.875rem;--button-filled-medium-padding: 0.6875rem 1.125rem;--button-filled-large-padding: 0.8125rem 1.125rem;--button-filled-giant-padding: 0.9375rem 1.375rem;--button-filled-basic-background-color: var(--color-basic-default);--button-filled-basic-border-color: var(--color-basic-default-border);--button-filled-basic-text-color: var(--color-basic-800);--button-filled-basic-focus-background-color: var(--color-basic-focus);--button-filled-basic-focus-border-color: var(--color-basic-focus-border);--button-filled-basic-hover-background-color: var(--color-basic-hover);--button-filled-basic-hover-border-color: var(--color-basic-hover-border);--button-filled-basic-active-background-color: var(--color-basic-active);--button-filled-basic-active-border-color: var(--color-basic-active-border);--button-filled-basic-disabled-background-color: var(--color-basic-disabled);--button-filled-basic-disabled-border-color: var(--color-basic-disabled-border);--button-filled-basic-disabled-text-color: var(--text-disabled-color);--button-filled-primary-background-color: var(--color-primary-default);--button-filled-primary-border-color: var(--color-primary-default-border);--button-filled-primary-text-color: var(--text-control-color);--button-filled-primary-focus-background-color: var(--color-primary-focus);--button-filled-primary-focus-border-color: var(--color-primary-focus-border);--button-filled-primary-hover-background-color: var(--color-primary-hover);--button-filled-primary-hover-border-color: var(--color-primary-hover-border);--button-filled-primary-active-background-color: var(--color-primary-active);--button-filled-primary-active-border-color: var(--color-primary-active-border);--button-filled-primary-disabled-background-color: var(--color-primary-disabled);--button-filled-primary-disabled-border-color: var(--color-primary-disabled-border);--button-filled-primary-disabled-text-color: var(--text-disabled-color);--button-filled-success-background-color: var(--color-success-default);--button-filled-success-border-color: var(--color-success-default-border);--button-filled-success-text-color: var(--text-control-color);--button-filled-success-focus-background-color: var(--color-success-focus);--button-filled-success-focus-border-color: var(--color-success-focus-border);--button-filled-success-hover-background-color: var(--color-success-hover);--button-filled-success-hover-border-color: var(--color-success-hover-border);--button-filled-success-active-background-color: var(--color-success-active);--button-filled-success-active-border-color: var(--color-success-active-border);--button-filled-success-disabled-background-color: var(--color-success-disabled);--button-filled-success-disabled-border-color: var(--color-success-disabled-border);--button-filled-success-disabled-text-color: var(--text-disabled-color);--button-filled-info-background-color: var(--color-info-default);--button-filled-info-border-color: var(--color-info-default-border);--button-filled-info-text-color: var(--text-control-color);--button-filled-info-focus-background-color: var(--color-info-focus);--button-filled-info-focus-border-color: var(--color-info-focus-border);--button-filled-info-hover-background-color: var(--color-info-hover);--button-filled-info-hover-border-color: var(--color-info-hover-border);--button-filled-info-active-background-color: var(--color-info-active);--button-filled-info-active-border-color: var(--color-info-active-border);--button-filled-info-disabled-background-color: var(--color-info-disabled);--button-filled-info-disabled-border-color: var(--color-info-disabled-border);--button-filled-info-disabled-text-color: var(--text-disabled-color);--button-filled-warning-background-color: var(--color-warning-default);--button-filled-warning-border-color: var(--color-warning-default-border);--button-filled-warning-text-color: var(--text-control-color);--button-filled-warning-focus-background-color: var(--color-warning-focus);--button-filled-warning-focus-border-color: var(--color-warning-focus-border);--button-filled-warning-hover-background-color: var(--color-warning-hover);--button-filled-warning-hover-border-color: var(--color-warning-hover-border);--button-filled-warning-active-background-color: var(--color-warning-active);--button-filled-warning-active-border-color: var(--color-warning-active-border);--button-filled-warning-disabled-background-color: var(--color-warning-disabled);--button-filled-warning-disabled-border-color: var(--color-warning-disabled-border);--button-filled-warning-disabled-text-color: var(--text-disabled-color);--button-filled-danger-background-color: var(--color-danger-default);--button-filled-danger-border-color: var(--color-danger-default-border);--button-filled-danger-text-color: var(--text-control-color);--button-filled-danger-focus-background-color: var(--color-danger-focus);--button-filled-danger-focus-border-color: var(--color-danger-focus-border);--button-filled-danger-hover-background-color: var(--color-danger-hover);--button-filled-danger-hover-border-color: var(--color-danger-hover-border);--button-filled-danger-active-background-color: var(--color-danger-active);--button-filled-danger-active-border-color: var(--color-danger-active-border);--button-filled-danger-disabled-background-color: var(--color-danger-disabled);--button-filled-danger-disabled-border-color: var(--color-danger-disabled-border);--button-filled-danger-disabled-text-color: var(--text-disabled-color);--button-filled-control-background-color: var(--color-control-default);--button-filled-control-border-color: var(--color-control-default-border);--button-filled-control-text-color: var(--color-basic-800);--button-filled-control-focus-background-color: var(--color-control-focus);--button-filled-control-focus-border-color: var(--color-control-focus-border);--button-filled-control-hover-background-color: var(--color-control-hover);--button-filled-control-hover-border-color: var(--color-control-hover-border);--button-filled-control-active-background-color: var(--color-control-active);--button-filled-control-active-border-color: var(--color-control-active-border);--button-filled-control-disabled-background-color: var(--color-control-disabled);--button-filled-control-disabled-border-color: var(--color-control-disabled-border);--button-filled-control-disabled-text-color: var(--text-disabled-color);--button-outline-border-style: solid;--button-outline-border-width: 0.0625rem;--button-outline-text-transform: uppercase;--button-outline-focus-inset-shadow-length: 0 0 0 100vmax;--button-outline-tiny-padding: 0.3125rem 0.625rem;--button-outline-small-padding: 0.4375rem 0.875rem;--button-outline-medium-padding: 0.6875rem 1.125rem;--button-outline-large-padding: 0.8125rem 1.125rem;--button-outline-giant-padding: 0.9375rem 1.375rem;--button-outline-basic-background-color: var(--color-basic-transparent-default);--button-outline-basic-border-color: var(--color-basic-transparent-default-border);--button-outline-basic-text-color: var(--text-hint-color);--button-outline-basic-focus-background-color: var(--color-basic-transparent-focus);--button-outline-basic-focus-border-color: var(--color-basic-transparent-focus-border);--button-outline-basic-focus-text-color: var(--text-hint-color);--button-outline-basic-hover-background-color: var(--color-basic-transparent-hover);--button-outline-basic-hover-border-color: var(--color-basic-transparent-hover-border);--button-outline-basic-hover-text-color: var(--text-hint-color);--button-outline-basic-active-background-color: var(--color-basic-transparent-active);--button-outline-basic-active-border-color: var(--color-basic-transparent-active-border);--button-outline-basic-active-text-color: var(--text-hint-color);--button-outline-basic-disabled-background-color: var(--color-basic-transparent-disabled);--button-outline-basic-disabled-border-color: var(--color-basic-transparent-disabled-border);--button-outline-basic-disabled-text-color: var(--text-disabled-color);--button-outline-primary-background-color: var(--color-primary-transparent-default);--button-outline-primary-border-color: var(--color-primary-transparent-default-border);--button-outline-primary-text-color: var(--text-primary-color);--button-outline-primary-focus-background-color: var(--color-primary-transparent-focus);--button-outline-primary-focus-border-color: var(--color-primary-transparent-focus-border);--button-outline-primary-focus-text-color: var(--text-primary-color);--button-outline-primary-hover-background-color: var(--color-primary-transparent-hover);--button-outline-primary-hover-border-color: var(--color-primary-transparent-hover-border);--button-outline-primary-hover-text-color: var(--text-primary-color);--button-outline-primary-active-background-color: var(--color-primary-transparent-active);--button-outline-primary-active-border-color: var(--color-primary-transparent-active-border);--button-outline-primary-active-text-color: var(--text-primary-color);--button-outline-primary-disabled-background-color: var(--color-primary-transparent-disabled);--button-outline-primary-disabled-border-color: var(--color-primary-transparent-disabled-border);--button-outline-primary-disabled-text-color: var(--text-disabled-color);--button-outline-success-background-color: var(--color-success-transparent-default);--button-outline-success-border-color: var(--color-success-transparent-default-border);--button-outline-success-text-color: var(--text-success-color);--button-outline-success-focus-background-color: var(--color-success-transparent-focus);--button-outline-success-focus-border-color: var(--color-success-transparent-focus-border);--button-outline-success-focus-text-color: var(--text-success-color);--button-outline-success-hover-background-color: var(--color-success-transparent-hover);--button-outline-success-hover-border-color: var(--color-success-transparent-hover-border);--button-outline-success-hover-text-color: var(--text-success-color);--button-outline-success-active-background-color: var(--color-success-transparent-active);--button-outline-success-active-border-color: var(--color-success-transparent-active-border);--button-outline-success-active-text-color: var(--text-success-color);--button-outline-success-disabled-background-color: var(--color-success-transparent-disabled);--button-outline-success-disabled-border-color: var(--color-success-transparent-disabled-border);--button-outline-success-disabled-text-color: var(--text-disabled-color);--button-outline-info-background-color: var(--color-info-transparent-default);--button-outline-info-border-color: var(--color-info-transparent-default-border);--button-outline-info-text-color: var(--text-info-color);--button-outline-info-focus-background-color: var(--color-info-transparent-focus);--button-outline-info-focus-border-color: var(--color-info-transparent-focus-border);--button-outline-info-focus-text-color: var(--text-info-color);--button-outline-info-hover-background-color: var(--color-info-transparent-hover);--button-outline-info-hover-border-color: var(--color-info-transparent-hover-border);--button-outline-info-hover-text-color: var(--text-info-color);--button-outline-info-active-background-color: var(--color-info-transparent-active);--button-outline-info-active-border-color: var(--color-info-transparent-active-border);--button-outline-info-active-text-color: var(--text-info-color);--button-outline-info-disabled-background-color: var(--color-info-transparent-disabled);--button-outline-info-disabled-border-color: var(--color-info-transparent-disabled-border);--button-outline-info-disabled-text-color: var(--text-disabled-color);--button-outline-warning-background-color: var(--color-warning-transparent-default);--button-outline-warning-border-color: var(--color-warning-transparent-default-border);--button-outline-warning-text-color: var(--text-warning-color);--button-outline-warning-focus-background-color: var(--color-warning-transparent-focus);--button-outline-warning-focus-border-color: var(--color-warning-transparent-focus-border);--button-outline-warning-focus-text-color: var(--text-warning-color);--button-outline-warning-hover-background-color: var(--color-warning-transparent-hover);--button-outline-warning-hover-border-color: var(--color-warning-transparent-hover-border);--button-outline-warning-hover-text-color: var(--text-warning-color);--button-outline-warning-active-background-color: var(--color-warning-transparent-active);--button-outline-warning-active-border-color: var(--color-warning-transparent-active-border);--button-outline-warning-active-text-color: var(--text-warning-color);--button-outline-warning-disabled-background-color: var(--color-warning-transparent-disabled);--button-outline-warning-disabled-border-color: var(--color-warning-transparent-disabled-border);--button-outline-warning-disabled-text-color: var(--text-disabled-color);--button-outline-danger-background-color: var(--color-danger-transparent-default);--button-outline-danger-border-color: var(--color-danger-transparent-default-border);--button-outline-danger-text-color: var(--text-danger-color);--button-outline-danger-focus-background-color: var(--color-danger-transparent-focus);--button-outline-danger-focus-border-color: var(--color-danger-transparent-focus-border);--button-outline-danger-focus-text-color: var(--text-danger-color);--button-outline-danger-hover-background-color: var(--color-danger-transparent-hover);--button-outline-danger-hover-border-color: var(--color-danger-transparent-hover-border);--button-outline-danger-hover-text-color: var(--text-danger-color);--button-outline-danger-active-background-color: var(--color-danger-transparent-active);--button-outline-danger-active-border-color: var(--color-danger-transparent-active-border);--button-outline-danger-active-text-color: var(--text-danger-color);--button-outline-danger-disabled-background-color: var(--color-danger-transparent-disabled);--button-outline-danger-disabled-border-color: var(--color-danger-transparent-disabled-border);--button-outline-danger-disabled-text-color: var(--text-disabled-color);--button-outline-control-background-color: var(--color-control-transparent-default);--button-outline-control-border-color: var(--color-control-transparent-default-border);--button-outline-control-text-color: var(--text-control-color);--button-outline-control-focus-background-color: var(--color-control-transparent-focus);--button-outline-control-focus-border-color: var(--color-control-transparent-focus-border);--button-outline-control-focus-text-color: var(--text-control-color);--button-outline-control-hover-background-color: var(--color-control-transparent-hover);--button-outline-control-hover-border-color: var(--color-control-transparent-hover-border);--button-outline-control-hover-text-color: var(--text-control-color);--button-outline-control-active-background-color: var(--color-control-transparent-active);--button-outline-control-active-border-color: var(--color-control-transparent-active-border);--button-outline-control-active-text-color: var(--text-control-color);--button-outline-control-disabled-background-color: var(--color-control-transparent-disabled);--button-outline-control-disabled-border-color: var(--color-control-transparent-disabled-border);--button-outline-control-disabled-text-color: var(--text-disabled-color);--button-ghost-background-color: transparent;--button-ghost-border-color: transparent;--button-ghost-border-style: solid;--button-ghost-border-width: 0.0625rem;--button-ghost-text-transform: uppercase;--button-ghost-focus-inset-shadow-length: 0 0 0 100vmax;--button-ghost-tiny-padding: 0.3125rem 0.625rem;--button-ghost-small-padding: 0.4375rem 0.875rem;--button-ghost-medium-padding: 0.6875rem 1.125rem;--button-ghost-large-padding: 0.8125rem 1.125rem;--button-ghost-giant-padding: 0.9375rem 1.375rem;--button-ghost-basic-text-color: var(--color-basic-600);--button-ghost-basic-focus-background-color: var(--color-basic-transparent-200);--button-ghost-basic-focus-border-color: var(--color-basic-transparent-500);--button-ghost-basic-focus-text-color: var(--color-basic-600);--button-ghost-basic-hover-background-color: var(--color-basic-transparent-100);--button-ghost-basic-hover-border-color: transparent;--button-ghost-basic-hover-text-color: var(--color-basic-600);--button-ghost-basic-active-background-color: var(--color-basic-transparent-200);--button-ghost-basic-active-border-color: transparent;--button-ghost-basic-active-text-color: var(--color-basic-600);--button-ghost-basic-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-basic-disabled-border-color: transparent;--button-ghost-basic-disabled-text-color: var(--text-disabled-color);--button-ghost-primary-text-color: var(--text-primary-color);--button-ghost-primary-focus-background-color: var(--color-basic-transparent-200);--button-ghost-primary-focus-border-color: var(--color-basic-transparent-500);--button-ghost-primary-focus-text-color: var(--text-primary-color);--button-ghost-primary-hover-background-color: var(--color-basic-transparent-100);--button-ghost-primary-hover-border-color: transparent;--button-ghost-primary-hover-text-color: var(--text-primary-color);--button-ghost-primary-active-background-color: var(--color-basic-transparent-200);--button-ghost-primary-active-border-color: transparent;--button-ghost-primary-active-text-color: var(--text-primary-color);--button-ghost-primary-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-primary-disabled-border-color: transparent;--button-ghost-primary-disabled-text-color: var(--text-disabled-color);--button-ghost-success-text-color: var(--text-success-color);--button-ghost-success-focus-background-color: var(--color-basic-transparent-200);--button-ghost-success-focus-border-color: var(--color-basic-transparent-500);--button-ghost-success-focus-text-color: var(--text-success-color);--button-ghost-success-hover-background-color: var(--color-basic-transparent-100);--button-ghost-success-hover-border-color: transparent;--button-ghost-success-hover-text-color: var(--text-success-color);--button-ghost-success-active-background-color: var(--color-basic-transparent-200);--button-ghost-success-active-border-color: transparent;--button-ghost-success-active-text-color: var(--text-success-color);--button-ghost-success-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-success-disabled-border-color: transparent;--button-ghost-success-disabled-text-color: var(--text-disabled-color);--button-ghost-info-text-color: var(--text-info-color);--button-ghost-info-focus-background-color: var(--color-basic-transparent-200);--button-ghost-info-focus-border-color: var(--color-basic-transparent-500);--button-ghost-info-focus-text-color: var(--text-info-color);--button-ghost-info-hover-background-color: var(--color-basic-transparent-100);--button-ghost-info-hover-border-color: transparent;--button-ghost-info-hover-text-color: var(--text-info-color);--button-ghost-info-active-background-color: var(--color-basic-transparent-200);--button-ghost-info-active-border-color: transparent;--button-ghost-info-active-text-color: var(--text-info-color);--button-ghost-info-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-info-disabled-border-color: transparent;--button-ghost-info-disabled-text-color: var(--text-disabled-color);--button-ghost-warning-text-color: var(--text-warning-color);--button-ghost-warning-focus-background-color: var(--color-basic-transparent-200);--button-ghost-warning-focus-border-color: var(--color-basic-transparent-500);--button-ghost-warning-focus-text-color: var(--text-warning-color);--button-ghost-warning-hover-background-color: var(--color-basic-transparent-100);--button-ghost-warning-hover-border-color: transparent;--button-ghost-warning-hover-text-color: var(--text-warning-color);--button-ghost-warning-active-background-color: var(--color-basic-transparent-200);--button-ghost-warning-active-border-color: transparent;--button-ghost-warning-active-text-color: var(--text-warning-color);--button-ghost-warning-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-warning-disabled-border-color: transparent;--button-ghost-warning-disabled-text-color: var(--text-disabled-color);--button-ghost-danger-text-color: var(--text-danger-color);--button-ghost-danger-focus-background-color: var(--color-basic-transparent-200);--button-ghost-danger-focus-border-color: var(--color-basic-transparent-500);--button-ghost-danger-focus-text-color: var(--text-danger-color);--button-ghost-danger-hover-background-color: var(--color-basic-transparent-100);--button-ghost-danger-hover-border-color: transparent;--button-ghost-danger-hover-text-color: var(--text-danger-color);--button-ghost-danger-active-background-color: var(--color-basic-transparent-200);--button-ghost-danger-active-border-color: transparent;--button-ghost-danger-active-text-color: var(--text-danger-color);--button-ghost-danger-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-danger-disabled-border-color: transparent;--button-ghost-danger-disabled-text-color: var(--text-disabled-color);--button-ghost-control-text-color: var(--color-basic-100);--button-ghost-control-focus-background-color: var(--color-basic-transparent-200);--button-ghost-control-focus-border-color: var(--color-basic-transparent-500);--button-ghost-control-focus-text-color: var(--color-basic-100);--button-ghost-control-hover-background-color: var(--color-basic-transparent-100);--button-ghost-control-hover-border-color: transparent;--button-ghost-control-hover-text-color: var(--color-basic-100);--button-ghost-control-active-background-color: var(--color-basic-transparent-200);--button-ghost-control-active-border-color: transparent;--button-ghost-control-active-text-color: var(--color-basic-100);--button-ghost-control-disabled-background-color: var(--color-basic-transparent-200);--button-ghost-control-disabled-border-color: transparent;--button-ghost-control-disabled-text-color: var(--text-disabled-color);--button-hero-border-color: transparent;--button-hero-border-style: solid;--button-hero-border-width: 0;--button-hero-text-transform: uppercase;--button-hero-tiny-padding: 0.375rem 0.6875rem;--button-hero-small-padding: 0.5rem 0.9375rem;--button-hero-medium-padding: 0.75rem 1.1875rem;--button-hero-large-padding: 0.875rem 1.1875rem;--button-hero-giant-padding: 1rem 1.4375rem;--button-hero-shadow: 0 0 transparent;--button-hero-text-shadow: var(--shadow);--button-hero-bevel-size: 0 0 0 0;--button-hero-glow-size: 0 0 0 0;--button-hero-outline-color: var(--outline-color);--button-hero-outline-width: var(--outline-width);--button-hero-basic-text-color: var(--color-basic-600);--button-hero-basic-bevel-color: var(--color-basic-600);--button-hero-basic-glow-color: var(--color-basic-700);--button-hero-basic-left-background-color: var(--color-basic-200);--button-hero-basic-right-background-color: var(--color-basic-default);--button-hero-basic-focus-left-background-color: var(--color-basic-300);--button-hero-basic-focus-right-background-color: var(--color-basic-focus);--button-hero-basic-hover-left-background-color: var(--color-basic-100);--button-hero-basic-hover-right-background-color: var(--color-basic-hover);--button-hero-basic-active-left-background-color: var(--color-basic-