UNPKG

@legion-rnd/react-core

Version:

1 lines • 48.8 kB

Source Map (JSON)

{"version":3,"sources":["style.scss","styles.module.scss"],"names":[],"mappings":"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","file":"index.esm.css","sourcesContent":["h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nspan,\na,\ni,\nb,\ninput {\n margin: 0;\n padding: 0;\n}\n\n* {\n font-family: var(--typography-font-family-body);\n box-sizing: border-box;\n}\n\n:root {\n --elevation-0: 0 0 0 2px #EBF0FF;\n --elevation-1: 0 1px 0 0 rgba(0, 0, 0, 0.05);\n --elevation-2: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n --elevation-3: 0 2px 10px 0 rgba(0, 0, 0, 0.10), 0px 0px 2px 0px rgba(0, 0, 0, 0.20);\n --elevation-4: 0 4px 20px 0 rgba(0, 0, 0, 0.15), 0px 0px 3px 0px rgba(0, 0, 0, 0.10);\n --elevation-5: 0 8px 40px 0 rgba(0, 0, 0, 0.20), 0px 0px 4px 0px rgba(0, 0, 0, 0.10);\n --z-index-select: 1000;\n --z-index-dropdown: 1000;\n --z-index-tooltip: 1000;\n --z-index-navbar: 1010;\n --z-index-modal: 1020;\n}",".legion_button {\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-family: var(--typography-font-family-body);\n font-weight: var(--button-font-weight-label);\n border: solid 1px;\n}\n.legion_button.block {\n width: 100%;\n}\n.legion_button.disabled {\n cursor: not-allowed;\n}\n.legion_button.loading {\n cursor: not-allowed;\n}\n.legion_button.loading_right {\n flex-direction: row-reverse;\n}\n.legion_button.sm {\n column-gap: var(--button-padding-icon-gap-sm);\n height: var(--button-sizing-container-sm);\n padding-right: var(--button-padding-left-right-sm);\n padding-left: var(--button-padding-left-right-sm);\n font-size: var(--button-font-size-label-sm);\n line-height: var(--button-line-height-label-sm);\n border-radius: var(--button-border-radius-container-sm);\n}\n.legion_button.sm .loading_spinner {\n height: calc(var(--button-sizing-container-sm) * 0.4);\n width: calc(var(--button-sizing-container-sm) * 0.4);\n}\n.legion_button.md {\n column-gap: var(--button-padding-icon-gap-md);\n height: var(--button-sizing-container-md);\n padding-right: var(--button-padding-left-right-md);\n padding-left: var(--button-padding-left-right-md);\n font-size: var(--button-font-size-label-md);\n line-height: var(--button-line-height-label-md);\n border-radius: var(--button-border-radius-container-md);\n}\n.legion_button.md .loading_spinner {\n height: calc(var(--button-sizing-container-md) * 0.4);\n width: calc(var(--button-sizing-container-md) * 0.4);\n}\n.legion_button.lg {\n column-gap: var(--button-padding-icon-gap-lg);\n height: var(--button-sizing-container-lg);\n padding-right: var(--button-padding-left-right-lg);\n padding-left: var(--button-padding-left-right-lg);\n font-size: var(--button-font-size-label-lg);\n line-height: var(--button-line-height-label-lg);\n border-radius: var(--button-border-radius-container-lg);\n}\n.legion_button.lg .loading_spinner {\n height: calc(var(--button-sizing-container-lg) * 0.4);\n width: calc(var(--button-sizing-container-lg) * 0.4);\n}\n.legion_button.solid.disabled {\n color: var(--button-color-disabled-solid-label);\n background-color: var(--button-background-color-disabled-solid);\n border-color: var(--button-background-color-disabled-solid);\n}\n.legion_button.solid.primary {\n color: var(--button-color-primary-solid-default-label);\n background-color: var(--button-background-color-primary-solid-default);\n border-color: var(--button-background-color-primary-solid-default);\n}\n.legion_button.solid.primary:hover {\n color: var(--button-color-primary-solid-hover-label);\n background-color: var(--button-background-color-primary-solid-hover);\n border-color: var(--button-background-color-primary-solid-hover);\n}\n.legion_button.solid.primary:active {\n color: var(--button-color-primary-solid-press-label);\n background-color: var(--button-background-color-primary-solid-press);\n border-color: var(--button-background-color-primary-solid-press);\n}\n.legion_button.solid.primary:focus {\n border-color: var(--button-color-primary-solid-focus-border);\n}\n.legion_button.solid.secondary {\n color: var(--button-color-secondary-solid-default-label);\n background-color: var(--button-background-color-secondary-solid-default);\n border-color: var(--button-background-color-secondary-solid-default);\n}\n.legion_button.solid.secondary:hover {\n color: var(--button-color-secondary-solid-hover-label);\n background-color: var(--button-background-color-secondary-solid-hover);\n border-color: var(--button-background-color-secondary-solid-hover);\n}\n.legion_button.solid.secondary:active {\n color: var(--button-color-secondary-solid-press-label);\n background-color: var(--button-background-color-secondary-solid-press);\n border-color: var(--button-background-color-secondary-solid-press);\n}\n.legion_button.solid.secondary:focus {\n border-color: var(--button-color-secondary-solid-focus-border);\n}\n.legion_button.solid.tertiary {\n color: var(--button-color-tertiary-solid-default-label);\n background-color: var(--button-background-color-tertiary-solid-default);\n border-color: var(--button-background-color-tertiary-solid-default);\n}\n.legion_button.solid.tertiary:hover {\n color: var(--button-color-tertiary-solid-hover-label);\n background-color: var(--button-background-color-tertiary-solid-hover);\n border-color: var(--button-background-color-tertiary-solid-hover);\n}\n.legion_button.solid.tertiary:active {\n color: var(--button-color-tertiary-solid-press-label);\n background-color: var(--button-background-color-tertiary-solid-press);\n border-color: var(--button-background-color-tertiary-solid-press);\n}\n.legion_button.solid.tertiary:focus {\n border-color: var(--button-color-tertiary-solid-focus-border);\n}\n.legion_button.solid.success {\n color: var(--button-color-success-solid-default-label);\n background-color: var(--button-background-color-success-solid-default);\n border-color: var(--button-background-color-success-solid-default);\n}\n.legion_button.solid.success:hover {\n color: var(--button-color-success-solid-hover-label);\n background-color: var(--button-background-color-success-solid-hover);\n border-color: var(--button-background-color-success-solid-hover);\n}\n.legion_button.solid.success:active {\n color: var(--button-color-success-solid-press-label);\n background-color: var(--button-background-color-success-solid-press);\n border-color: var(--button-background-color-success-solid-press);\n}\n.legion_button.solid.success:focus {\n border-color: var(--button-color-success-solid-focus-border);\n}\n.legion_button.solid.warning {\n color: var(--button-color-warning-solid-default-label);\n background-color: var(--button-background-color-warning-solid-default);\n border-color: var(--button-background-color-warning-solid-default);\n}\n.legion_button.solid.warning:hover {\n color: var(--button-color-warning-solid-hover-label);\n background-color: var(--button-background-color-warning-solid-hover);\n border-color: var(--button-background-color-warning-solid-hover);\n}\n.legion_button.solid.warning:active {\n color: var(--button-color-warning-solid-press-label);\n background-color: var(--button-background-color-warning-solid-press);\n border-color: var(--button-background-color-warning-solid-press);\n}\n.legion_button.solid.warning:focus {\n border-color: var(--button-color-warning-solid-focus-border);\n}\n.legion_button.solid.error {\n color: var(--button-color-error-solid-default-label);\n background-color: var(--button-background-color-error-solid-default);\n border-color: var(--button-background-color-error-solid-default);\n}\n.legion_button.solid.error:hover {\n color: var(--button-color-error-solid-hover-label);\n background-color: var(--button-background-color-error-solid-hover);\n border-color: var(--button-background-color-error-solid-hover);\n}\n.legion_button.solid.error:active {\n color: var(--button-color-error-solid-press-label);\n background-color: var(--button-background-color-error-solid-press);\n border-color: var(--button-background-color-error-solid-press);\n}\n.legion_button.solid.error:focus {\n border-color: var(--button-color-error-solid-focus-border);\n}\n.legion_button.solid.information {\n color: var(--button-color-information-solid-default-label);\n background-color: var(--button-background-color-information-solid-default);\n border-color: var(--button-background-color-information-solid-default);\n}\n.legion_button.solid.information:hover {\n color: var(--button-color-information-solid-hover-label);\n background-color: var(--button-background-color-information-solid-hover);\n border-color: var(--button-background-color-information-solid-hover);\n}\n.legion_button.solid.information:active {\n color: var(--button-color-information-solid-press-label);\n background-color: var(--button-background-color-information-solid-press);\n border-color: var(--button-background-color-information-solid-press);\n}\n.legion_button.solid.information:focus {\n border-color: var(--button-color-information-solid-focus-border);\n}\n.legion_button.solid.loading.primary {\n color: var(--button-color-primary-solid-default-label);\n background-color: var(--button-background-color-primary-solid-default);\n}\n.legion_button.solid.loading.primary .loading_spinner_indicator {\n stroke: var(--button-color-primary-solid-default-label);\n}\n.legion_button.solid.loading.primary .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-primary-solid-default-label);\n}\n.legion_button.solid.loading.secondary {\n color: var(--button-color-secondary-solid-default-label);\n background-color: var(--button-background-color-secondary-solid-default);\n}\n.legion_button.solid.loading.secondary .loading_spinner_indicator {\n stroke: var(--button-color-secondary-solid-default-label);\n}\n.legion_button.solid.loading.secondary .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-secondary-solid-default-label);\n}\n.legion_button.solid.loading.tertiary {\n color: var(--button-color-tertiary-solid-default-label);\n background-color: var(--button-background-color-tertiary-solid-default);\n}\n.legion_button.solid.loading.tertiary .loading_spinner_indicator {\n stroke: var(--button-color-tertiary-solid-default-label);\n}\n.legion_button.solid.loading.tertiary .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-tertiary-solid-default-label);\n}\n.legion_button.solid.loading.success {\n color: var(--button-color-success-solid-default-label);\n background-color: var(--button-background-color-success-solid-default);\n}\n.legion_button.solid.loading.success .loading_spinner_indicator {\n stroke: var(--button-color-success-solid-default-label);\n}\n.legion_button.solid.loading.success .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-success-solid-default-label);\n}\n.legion_button.solid.loading.warning {\n color: var(--button-color-warning-solid-default-label);\n background-color: var(--button-background-color-warning-solid-default);\n}\n.legion_button.solid.loading.warning .loading_spinner_indicator {\n stroke: var(--button-color-warning-solid-default-label);\n}\n.legion_button.solid.loading.warning .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-warning-solid-default-label);\n}\n.legion_button.solid.loading.error {\n color: var(--button-color-error-solid-default-label);\n background-color: var(--button-background-color-error-solid-default);\n}\n.legion_button.solid.loading.error .loading_spinner_indicator {\n stroke: var(--button-color-error-solid-default-label);\n}\n.legion_button.solid.loading.error .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-error-solid-default-label);\n}\n.legion_button.solid.loading.information {\n color: var(--button-color-information-solid-default-label);\n background-color: var(--button-background-color-information-solid-default);\n}\n.legion_button.solid.loading.information .loading_spinner_indicator {\n stroke: var(--button-color-information-solid-default-label);\n}\n.legion_button.solid.loading.information .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-information-solid-default-label);\n}\n.legion_button.soft.disabled {\n color: var(--button-color-disabled-soft-label);\n background-color: var(--button-background-color-disabled-soft);\n border-color: var(--button-background-color-disabled-soft);\n}\n.legion_button.soft.primary {\n color: var(--button-color-primary-soft-default-label);\n background-color: var(--button-background-color-primary-soft-default);\n border-color: var(--button-background-color-primary-soft-default);\n}\n.legion_button.soft.primary:hover {\n color: var(--button-color-primary-soft-hover-label);\n background-color: var(--button-background-color-primary-soft-hover);\n border-color: var(--button-background-color-primary-soft-hover);\n}\n.legion_button.soft.primary:active {\n color: var(--button-color-primary-soft-press-label);\n background-color: var(--button-background-color-primary-soft-press);\n border-color: var(--button-background-color-primary-soft-press);\n}\n.legion_button.soft.primary:focus {\n border-color: var(--button-color-primary-soft-focus-border);\n}\n.legion_button.soft.secondary {\n color: var(--button-color-secondary-soft-default-label);\n background-color: var(--button-background-color-secondary-soft-default);\n border-color: var(--button-background-color-secondary-soft-default);\n}\n.legion_button.soft.secondary:hover {\n color: var(--button-color-secondary-soft-hover-label);\n background-color: var(--button-background-color-secondary-soft-hover);\n border-color: var(--button-background-color-secondary-soft-hover);\n}\n.legion_button.soft.secondary:active {\n color: var(--button-color-secondary-soft-press-label);\n background-color: var(--button-background-color-secondary-soft-press);\n border-color: var(--button-background-color-secondary-soft-press);\n}\n.legion_button.soft.secondary:focus {\n border-color: var(--button-color-secondary-soft-focus-border);\n}\n.legion_button.soft.tertiary {\n color: var(--button-color-tertiary-soft-default-label);\n background-color: var(--button-background-color-tertiary-soft-default);\n border-color: var(--button-background-color-tertiary-soft-default);\n}\n.legion_button.soft.tertiary:hover {\n color: var(--button-color-tertiary-soft-hover-label);\n background-color: var(--button-background-color-tertiary-soft-hover);\n border-color: var(--button-background-color-tertiary-soft-hover);\n}\n.legion_button.soft.tertiary:active {\n color: var(--button-color-tertiary-soft-press-label);\n background-color: var(--button-background-color-tertiary-soft-press);\n border-color: var(--button-background-color-tertiary-soft-press);\n}\n.legion_button.soft.tertiary:focus {\n border-color: var(--button-color-tertiary-soft-focus-border);\n}\n.legion_button.soft.success {\n color: var(--button-color-success-soft-default-label);\n background-color: var(--button-background-color-success-soft-default);\n border-color: var(--button-background-color-success-soft-default);\n}\n.legion_button.soft.success:hover {\n color: var(--button-color-success-soft-hover-label);\n background-color: var(--button-background-color-success-soft-hover);\n border-color: var(--button-background-color-success-soft-hover);\n}\n.legion_button.soft.success:active {\n color: var(--button-color-success-soft-press-label);\n background-color: var(--button-background-color-success-soft-press);\n border-color: var(--button-background-color-success-soft-press);\n}\n.legion_button.soft.success:focus {\n border-color: var(--button-color-success-soft-focus-border);\n}\n.legion_button.soft.warning {\n color: var(--button-color-warning-soft-default-label);\n background-color: var(--button-background-color-warning-soft-default);\n border-color: var(--button-background-color-warning-soft-default);\n}\n.legion_button.soft.warning:hover {\n color: var(--button-color-warning-soft-hover-label);\n background-color: var(--button-background-color-warning-soft-hover);\n border-color: var(--button-background-color-warning-soft-hover);\n}\n.legion_button.soft.warning:active {\n color: var(--button-color-warning-soft-press-label);\n background-color: var(--button-background-color-warning-soft-press);\n border-color: var(--button-background-color-warning-soft-press);\n}\n.legion_button.soft.warning:focus {\n border-color: var(--button-color-warning-soft-focus-border);\n}\n.legion_button.soft.error {\n color: var(--button-color-error-soft-default-label);\n background-color: var(--button-background-color-error-soft-default);\n border-color: var(--button-background-color-error-soft-default);\n}\n.legion_button.soft.error:hover {\n color: var(--button-color-error-soft-hover-label);\n background-color: var(--button-background-color-error-soft-hover);\n border-color: var(--button-background-color-error-soft-hover);\n}\n.legion_button.soft.error:active {\n color: var(--button-color-error-soft-press-label);\n background-color: var(--button-background-color-error-soft-press);\n border-color: var(--button-background-color-error-soft-press);\n}\n.legion_button.soft.error:focus {\n border-color: var(--button-color-error-soft-focus-border);\n}\n.legion_button.soft.information {\n color: var(--button-color-information-soft-default-label);\n background-color: var(--button-background-color-information-soft-default);\n border-color: var(--button-background-color-information-soft-default);\n}\n.legion_button.soft.information:hover {\n color: var(--button-color-information-soft-hover-label);\n background-color: var(--button-background-color-information-soft-hover);\n border-color: var(--button-background-color-information-soft-hover);\n}\n.legion_button.soft.information:active {\n color: var(--button-color-information-soft-press-label);\n background-color: var(--button-background-color-information-soft-press);\n border-color: var(--button-background-color-information-soft-press);\n}\n.legion_button.soft.information:focus {\n border-color: var(--button-color-information-soft-focus-border);\n}\n.legion_button.soft.loading.primary {\n color: var(--button-color-primary-soft-default-label);\n background-color: var(--button-background-color-primary-soft-default);\n}\n.legion_button.soft.loading.primary .loading_spinner_indicator {\n stroke: var(--button-color-primary-soft-default-label);\n}\n.legion_button.soft.loading.primary .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-primary-soft-default-label);\n}\n.legion_button.soft.loading.secondary {\n color: var(--button-color-secondary-soft-default-label);\n background-color: var(--button-background-color-secondary-soft-default);\n}\n.legion_button.soft.loading.secondary .loading_spinner_indicator {\n stroke: var(--button-color-secondary-soft-default-label);\n}\n.legion_button.soft.loading.secondary .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-secondary-soft-default-label);\n}\n.legion_button.soft.loading.tertiary {\n color: var(--button-color-tertiary-soft-default-label);\n background-color: var(--button-background-color-tertiary-soft-default);\n}\n.legion_button.soft.loading.tertiary .loading_spinner_indicator {\n stroke: var(--button-color-tertiary-soft-default-label);\n}\n.legion_button.soft.loading.tertiary .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-tertiary-soft-default-label);\n}\n.legion_button.soft.loading.success {\n color: var(--button-color-success-soft-default-label);\n background-color: var(--button-background-color-success-soft-default);\n}\n.legion_button.soft.loading.success .loading_spinner_indicator {\n stroke: var(--button-color-success-soft-default-label);\n}\n.legion_button.soft.loading.success .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-success-soft-default-label);\n}\n.legion_button.soft.loading.warning {\n color: var(--button-color-warning-soft-default-label);\n background-color: var(--button-background-color-warning-soft-default);\n}\n.legion_button.soft.loading.warning .loading_spinner_indicator {\n stroke: var(--button-color-warning-soft-default-label);\n}\n.legion_button.soft.loading.warning .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-warning-soft-default-label);\n}\n.legion_button.soft.loading.error {\n color: var(--button-color-error-soft-default-label);\n background-color: var(--button-background-color-error-soft-default);\n}\n.legion_button.soft.loading.error .loading_spinner_indicator {\n stroke: var(--button-color-error-soft-default-label);\n}\n.legion_button.soft.loading.error .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-error-soft-default-label);\n}\n.legion_button.soft.loading.information {\n color: var(--button-color-information-soft-default-label);\n background-color: var(--button-background-color-information-soft-default);\n}\n.legion_button.soft.loading.information .loading_spinner_indicator {\n stroke: var(--button-color-information-soft-default-label);\n}\n.legion_button.soft.loading.information .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-information-soft-default-label);\n}\n.legion_button.outline {\n border-width: 1px;\n border-style: solid;\n}\n.legion_button.outline.disabled {\n color: var(--button-color-disabled-outline-label);\n background-color: var(--button-background-color-disabled-outline);\n border-color: var(--button-color-disabled-outline-border);\n}\n.legion_button.outline.primary {\n color: var(--button-color-primary-outline-default-label);\n background-color: var(--button-background-color-primary-outline-default);\n border-color: var(--button-color-primary-outline-default-border);\n}\n.legion_button.outline.primary:hover {\n color: var(--button-color-primary-outline-hover-label);\n background-color: var(--button-background-color-primary-outline-hover);\n border-color: var(--button-color-primary-outline-hover-border);\n}\n.legion_button.outline.primary:active {\n color: var(--button-color-primary-outline-press-label);\n background-color: var(--button-background-color-primary-outline-press);\n border-color: var(--button-color-primary-outline-press-border);\n}\n.legion_button.outline.primary:focus {\n border-color: var(--button-color-primary-outline-focus-border);\n}\n.legion_button.outline.secondary {\n color: var(--button-color-secondary-outline-default-label);\n background-color: var(--button-background-color-secondary-outline-default);\n border-color: var(--button-color-secondary-outline-default-border);\n}\n.legion_button.outline.secondary:hover {\n color: var(--button-color-secondary-outline-hover-label);\n background-color: var(--button-background-color-secondary-outline-hover);\n border-color: var(--button-color-secondary-outline-hover-border);\n}\n.legion_button.outline.secondary:active {\n color: var(--button-color-secondary-outline-press-label);\n background-color: var(--button-background-color-secondary-outline-press);\n border-color: var(--button-color-secondary-outline-press-border);\n}\n.legion_button.outline.secondary:focus {\n border-color: var(--button-color-secondary-outline-focus-border);\n}\n.legion_button.outline.tertiary {\n color: var(--button-color-tertiary-outline-default-label);\n background-color: var(--button-background-color-tertiary-outline-default);\n border-color: var(--button-color-tertiary-outline-default-border);\n}\n.legion_button.outline.tertiary:hover {\n color: var(--button-color-tertiary-outline-hover-label);\n background-color: var(--button-background-color-tertiary-outline-hover);\n border-color: var(--button-color-tertiary-outline-hover-border);\n}\n.legion_button.outline.tertiary:active {\n color: var(--button-color-tertiary-outline-press-label);\n background-color: var(--button-background-color-tertiary-outline-press);\n border-color: var(--button-color-tertiary-outline-press-border);\n}\n.legion_button.outline.tertiary:focus {\n border-color: var(--button-color-tertiary-outline-focus-border);\n}\n.legion_button.outline.success {\n color: var(--button-color-success-outline-default-label);\n background-color: var(--button-background-color-success-outline-default);\n border-color: var(--button-color-success-outline-default-border);\n}\n.legion_button.outline.success:hover {\n color: var(--button-color-success-outline-hover-label);\n background-color: var(--button-background-color-success-outline-hover);\n border-color: var(--button-color-success-outline-hover-border);\n}\n.legion_button.outline.success:active {\n color: var(--button-color-success-outline-press-label);\n background-color: var(--button-background-color-success-outline-press);\n border-color: var(--button-color-success-outline-press-border);\n}\n.legion_button.outline.success:focus {\n border-color: var(--button-color-success-outline-focus-border);\n}\n.legion_button.outline.warning {\n color: var(--button-color-warning-outline-default-label);\n background-color: var(--button-background-color-warning-outline-default);\n border-color: var(--button-color-warning-outline-default-border);\n}\n.legion_button.outline.warning:hover {\n color: var(--button-color-warning-outline-hover-label);\n background-color: var(--button-background-color-warning-outline-hover);\n border-color: var(--button-color-warning-outline-hover-border);\n}\n.legion_button.outline.warning:active {\n color: var(--button-color-warning-outline-press-label);\n background-color: var(--button-background-color-warning-outline-press);\n border-color: var(--button-color-warning-outline-press-border);\n}\n.legion_button.outline.warning:focus {\n border-color: var(--button-color-warning-outline-focus-border);\n}\n.legion_button.outline.error {\n color: var(--button-color-error-outline-default-label);\n background-color: var(--button-background-color-error-outline-default);\n border-color: var(--button-color-error-outline-default-border);\n}\n.legion_button.outline.error:hover {\n color: var(--button-color-error-outline-hover-label);\n background-color: var(--button-background-color-error-outline-hover);\n border-color: var(--button-color-error-outline-hover-border);\n}\n.legion_button.outline.error:active {\n color: var(--button-color-error-outline-press-label);\n background-color: var(--button-background-color-error-outline-press);\n border-color: var(--button-color-error-outline-press-border);\n}\n.legion_button.outline.error:focus {\n border-color: var(--button-color-error-outline-focus-border);\n}\n.legion_button.outline.information {\n color: var(--button-color-information-outline-default-label);\n background-color: var(--button-background-color-information-outline-default);\n border-color: var(--button-color-information-outline-default-border);\n}\n.legion_button.outline.information:hover {\n color: var(--button-color-information-outline-hover-label);\n background-color: var(--button-background-color-information-outline-hover);\n border-color: var(--button-color-information-outline-hover-border);\n}\n.legion_button.outline.information:active {\n color: var(--button-color-information-outline-press-label);\n background-color: var(--button-background-color-information-outline-press);\n border-color: var(--button-color-information-outline-press-border);\n}\n.legion_button.outline.information:focus {\n border-color: var(--button-color-information-outline-focus-border);\n}\n.legion_button.outline.loading.primary {\n color: var(--button-color-primary-outline-default-label);\n background-color: var(--button-background-color-primary-outline-default);\n border-color: var(--button-color-primary-outline-default-border);\n}\n.legion_button.outline.loading.primary .loading_spinner_indicator {\n stroke: var(--button-color-primary-outline-default-label);\n}\n.legion_button.outline.loading.primary .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-primary-outline-default-label);\n}\n.legion_button.outline.loading.secondary {\n color: var(--button-color-secondary-outline-default-label);\n background-color: var(--button-background-color-secondary-outline-default);\n border-color: var(--button-color-secondary-outline-default-border);\n}\n.legion_button.outline.loading.secondary .loading_spinner_indicator {\n stroke: var(--button-color-secondary-outline-default-label);\n}\n.legion_button.outline.loading.secondary .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-secondary-outline-default-label);\n}\n.legion_button.outline.loading.tertiary {\n color: var(--button-color-tertiary-outline-default-label);\n background-color: var(--button-background-color-tertiary-outline-default);\n border-color: var(--button-color-tertiary-outline-default-border);\n}\n.legion_button.outline.loading.tertiary .loading_spinner_indicator {\n stroke: var(--button-color-tertiary-outline-default-label);\n}\n.legion_button.outline.loading.tertiary .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-tertiary-outline-default-label);\n}\n.legion_button.outline.loading.success {\n color: var(--button-color-success-outline-default-label);\n background-color: var(--button-background-color-success-outline-default);\n border-color: var(--button-color-success-outline-default-border);\n}\n.legion_button.outline.loading.success .loading_spinner_indicator {\n stroke: var(--button-color-success-outline-default-label);\n}\n.legion_button.outline.loading.success .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-success-outline-default-label);\n}\n.legion_button.outline.loading.warning {\n color: var(--button-color-warning-outline-default-label);\n background-color: var(--button-background-color-warning-outline-default);\n border-color: var(--button-color-warning-outline-default-border);\n}\n.legion_button.outline.loading.warning .loading_spinner_indicator {\n stroke: var(--button-color-warning-outline-default-label);\n}\n.legion_button.outline.loading.warning .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-warning-outline-default-label);\n}\n.legion_button.outline.loading.error {\n color: var(--button-color-error-outline-default-label);\n background-color: var(--button-background-color-error-outline-default);\n border-color: var(--button-color-error-outline-default-border);\n}\n.legion_button.outline.loading.error .loading_spinner_indicator {\n stroke: var(--button-color-error-outline-default-label);\n}\n.legion_button.outline.loading.error .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-error-outline-default-label);\n}\n.legion_button.outline.loading.information {\n color: var(--button-color-information-outline-default-label);\n background-color: var(--button-background-color-information-outline-default);\n border-color: var(--button-color-information-outline-default-border);\n}\n.legion_button.outline.loading.information .loading_spinner_indicator {\n stroke: var(--button-color-information-outline-default-label);\n}\n.legion_button.outline.loading.information .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-information-outline-default-label);\n}\n.legion_button.transparent.disabled {\n color: var(--button-color-disabled-transparent-label);\n background-color: var(--button-background-color-disabled-transparent);\n border-color: var(--button-background-color-disabled-transparent);\n}\n.legion_button.transparent.primary {\n color: var(--button-color-primary-transparent-default-label);\n background-color: var(--button-background-color-primary-transparent-default);\n border-color: var(--button-background-color-primary-transparent-default);\n}\n.legion_button.transparent.primary:hover {\n color: var(--button-color-primary-transparent-hover-label);\n background-color: var(--button-background-color-primary-transparent-hover);\n border-color: var(--button-background-color-primary-transparent-hover);\n}\n.legion_button.transparent.primary:active {\n color: var(--button-color-primary-transparent-press-label);\n background-color: var(--button-background-color-primary-transparent-press);\n border-color: var(--button-background-color-primary-transparent-press);\n}\n.legion_button.transparent.primary:focus {\n border-color: var(--button-color-primary-transparent-focus-border);\n}\n.legion_button.transparent.secondary {\n color: var(--button-color-secondary-transparent-default-label);\n background-color: var(--button-background-color-secondary-transparent-default);\n border-color: var(--button-background-color-secondary-transparent-default);\n}\n.legion_button.transparent.secondary:hover {\n color: var(--button-color-secondary-transparent-hover-label);\n background-color: var(--button-background-color-secondary-transparent-hover);\n border-color: var(--button-background-color-secondary-transparent-hover);\n}\n.legion_button.transparent.secondary:active {\n color: var(--button-color-secondary-transparent-press-label);\n background-color: var(--button-background-color-secondary-transparent-press);\n border-color: var(--button-background-color-secondary-transparent-press);\n}\n.legion_button.transparent.secondary:focus {\n border-color: var(--button-color-secondary-transparent-focus-border);\n}\n.legion_button.transparent.tertiary {\n color: var(--button-color-tertiary-transparent-default-label);\n background-color: var(--button-background-color-tertiary-transparent-default);\n border-color: var(--button-background-color-tertiary-transparent-default);\n}\n.legion_button.transparent.tertiary:hover {\n color: var(--button-color-tertiary-transparent-hover-label);\n background-color: var(--button-background-color-tertiary-transparent-hover);\n border-color: var(--button-background-color-tertiary-transparent-hover);\n}\n.legion_button.transparent.tertiary:active {\n color: var(--button-color-tertiary-transparent-press-label);\n background-color: var(--button-background-color-tertiary-transparent-press);\n border-color: var(--button-background-color-tertiary-transparent-press);\n}\n.legion_button.transparent.tertiary:focus {\n border-color: var(--button-color-tertiary-transparent-focus-border);\n}\n.legion_button.transparent.success {\n color: var(--button-color-success-transparent-default-label);\n background-color: var(--button-background-color-success-transparent-default);\n border-color: var(--button-background-color-success-transparent-default);\n}\n.legion_button.transparent.success:hover {\n color: var(--button-color-success-transparent-hover-label);\n background-color: var(--button-background-color-success-transparent-hover);\n border-color: var(--button-background-color-success-transparent-hover);\n}\n.legion_button.transparent.success:active {\n color: var(--button-color-success-transparent-press-label);\n background-color: var(--button-background-color-success-transparent-press);\n border-color: var(--button-background-color-success-transparent-press);\n}\n.legion_button.transparent.success:focus {\n border-color: var(--button-color-success-transparent-focus-border);\n}\n.legion_button.transparent.warning {\n color: var(--button-color-warning-transparent-default-label);\n background-color: var(--button-background-color-warning-transparent-default);\n border-color: var(--button-background-color-warning-transparent-default);\n}\n.legion_button.transparent.warning:hover {\n color: var(--button-color-warning-transparent-hover-label);\n background-color: var(--button-background-color-warning-transparent-hover);\n border-color: var(--button-background-color-warning-transparent-hover);\n}\n.legion_button.transparent.warning:active {\n color: var(--button-color-warning-transparent-press-label);\n background-color: var(--button-background-color-warning-transparent-press);\n border-color: var(--button-background-color-warning-transparent-press);\n}\n.legion_button.transparent.warning:focus {\n border-color: var(--button-color-warning-transparent-focus-border);\n}\n.legion_button.transparent.error {\n color: var(--button-color-error-transparent-default-label);\n background-color: var(--button-background-color-error-transparent-default);\n border-color: var(--button-background-color-error-transparent-default);\n}\n.legion_button.transparent.error:hover {\n color: var(--button-color-error-transparent-hover-label);\n background-color: var(--button-background-color-error-transparent-hover);\n border-color: var(--button-background-color-error-transparent-hover);\n}\n.legion_button.transparent.error:active {\n color: var(--button-color-error-transparent-press-label);\n background-color: var(--button-background-color-error-transparent-press);\n border-color: var(--button-background-color-error-transparent-press);\n}\n.legion_button.transparent.error:focus {\n border-color: var(--button-color-error-transparent-focus-border);\n}\n.legion_button.transparent.information {\n color: var(--button-color-information-transparent-default-label);\n background-color: var(--button-background-color-information-transparent-default);\n border-color: var(--button-background-color-information-transparent-default);\n}\n.legion_button.transparent.information:hover {\n color: var(--button-color-information-transparent-hover-label);\n background-color: var(--button-background-color-information-transparent-hover);\n border-color: var(--button-background-color-information-transparent-hover);\n}\n.legion_button.transparent.information:active {\n color: var(--button-color-information-transparent-press-label);\n background-color: var(--button-background-color-information-transparent-press);\n border-color: var(--button-background-color-information-transparent-press);\n}\n.legion_button.transparent.information:focus {\n border-color: var(--button-color-information-transparent-focus-border);\n}\n.legion_button.transparent.loading.primary {\n color: var(--button-color-primary-transparent-default-label);\n background-color: var(--button-background-color-primary-transparent-default);\n}\n.legion_button.transparent.loading.primary .loading_spinner_indicator {\n stroke: var(--button-color-primary-transparent-default-label);\n}\n.legion_button.transparent.loading.primary .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-primary-transparent-default-label);\n}\n.legion_button.transparent.loading.secondary {\n color: var(--button-color-secondary-transparent-default-label);\n background-color: var(--button-background-color-secondary-transparent-default);\n}\n.legion_button.transparent.loading.secondary .loading_spinner_indicator {\n stroke: var(--button-color-secondary-transparent-default-label);\n}\n.legion_button.transparent.loading.secondary .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-secondary-transparent-default-label);\n}\n.legion_button.transparent.loading.tertiary {\n color: var(--button-color-tertiary-transparent-default-label);\n background-color: var(--button-background-color-tertiary-transparent-default);\n}\n.legion_button.transparent.loading.tertiary .loading_spinner_indicator {\n stroke: var(--button-color-tertiary-transparent-default-label);\n}\n.legion_button.transparent.loading.tertiary .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-tertiary-transparent-default-label);\n}\n.legion_button.transparent.loading.success {\n color: var(--button-color-success-transparent-default-label);\n background-color: var(--button-background-color-success-transparent-default);\n}\n.legion_button.transparent.loading.success .loading_spinner_indicator {\n stroke: var(--button-color-success-transparent-default-label);\n}\n.legion_button.transparent.loading.success .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-success-transparent-default-label);\n}\n.legion_button.transparent.loading.warning {\n color: var(--button-color-warning-transparent-default-label);\n background-color: var(--button-background-color-warning-transparent-default);\n}\n.legion_button.transparent.loading.warning .loading_spinner_indicator {\n stroke: var(--button-color-warning-transparent-default-label);\n}\n.legion_button.transparent.loading.warning .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-warning-transparent-default-label);\n}\n.legion_button.transparent.loading.error {\n color: var(--button-color-error-transparent-default-label);\n background-color: var(--button-background-color-error-transparent-default);\n}\n.legion_button.transparent.loading.error .loading_spinner_indicator {\n stroke: var(--button-color-error-transparent-default-label);\n}\n.legion_button.transparent.loading.error .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-error-transparent-default-label);\n}\n.legion_button.transparent.loading.information {\n color: var(--button-color-information-transparent-default-label);\n background-color: var(--button-background-color-information-transparent-default);\n}\n.legion_button.transparent.loading.information .loading_spinner_indicator {\n stroke: var(--button-color-information-transparent-default-label);\n}\n.legion_button.transparent.loading.information .loading_spinner_track {\n opacity: 0.2;\n stroke: var(--button-color-information-transparent-default-label);\n}"]}