:root { --general-padding: 8px; --palette-gray: #B7B7B7; --palette-gray: #B7B7B7; --palette-gray-text: var(--mud-palette-black); --palette-gray-light: #F2F2F2; --palette-gray-light-text: var(--mud-palette-black); --palette-gray-dark: #595959; --palette-gray-dark-text: var(--mud-palette-black); --mud-palette-skeleton: rgba(180, 180, 180, 0.3); --mud-palette-black: #333333; --mud-palette-white: rgba(255, 255, 255, 1); --mud-palette-primary: #310077; --mud-palette-primary-rgb: 49, 0, 119; --mud-palette-primary-text: var(--mud-palette-white); --mud-palette-primary-darken: color-mix(in srgb, var(--mud-palette-primary) 80%, black); --mud-palette-primary-lighten: color-mix(in srgb, var(--mud-palette-primary) 80%, white); --mud-palette-primary-hover: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent); --mud-palette-secondary: #6900ff; --mud-palette-secondary-rgb: 105, 0, 255; --mud-palette-secondary-text: var(--mud-palette-white); --mud-palette-secondary-darken: color-mix(in srgb, var(--mud-palette-secondary) 80%, black); --mud-palette-secondary-lighten: color-mix(in srgb, var(--mud-palette-secondary) 80%, white); --mud-palette-secondary-hover: color-mix(in srgb, var(--mud-palette-secondary) 6%, transparent); --mud-palette-tertiary: rgb(13, 6, 110); --mud-palette-tertiary-rgb: 13, 6, 110; --mud-palette-tertiary-text: var(--mud-palette-white); --mud-palette-tertiary-darken: color-mix(in srgb, var(--mud-palette-tertiary) 80%, black); --mud-palette-tertiary-lighten: color-mix(in srgb, var(--mud-palette-tertiary) 80%, white); --mud-palette-tertiary-hover: color-mix(in srgb, var(--mud-palette-tertiary) 5%, transparent); --mud-palette-info: rgb(31, 58, 92);  --mud-palette-info-rgb: 33, 150, 243; --mud-palette-info-text: var(--mud-palette-white); --mud-palette-info-darken: color-mix(in srgb, var(--mud-palette-info) 80%, black); --mud-palette-info-lighten: color-mix(in srgb, var(--mud-palette-info) 80%, white); --mud-palette-info-hover: color-mix(in srgb, var(--mud-palette-info) 6%, transparent); --mud-palette-success: #166534; --mud-palette-success-rgb: 22, 101, 52; --mud-palette-success-text: var(--mud-palette-white); --mud-palette-success-darken: color-mix(in srgb, var(--mud-palette-success) 80%, black); --mud-palette-success-lighten: color-mix(in srgb, var(--mud-palette-success) 80%, white); --mud-palette-success-hover: color-mix(in srgb, var(--mud-palette-success) 6%, transparent); --mud-palette-warning: rgba(255, 152, 0, 1); --mud-palette-warning-rgb: 255, 152, 0; --mud-palette-warning-text: var(--mud-palette-white); --mud-palette-warning-darken: color-mix(in srgb, var(--mud-palette-warning) 80%, black); --mud-palette-warning-lighten: color-mix(in srgb, var(--mud-palette-warning) 80%, white); --mud-palette-warning-hover: color-mix(in srgb, var(--mud-palette-warning) 6%, transparent); --mud-palette-error: rgba(244, 67, 54, 1); --mud-palette-error-rgb: 244, 67, 54; --mud-palette-error-text: var(--mud-palette-white); --mud-palette-error-darken: color-mix(in srgb, var(--mud-palette-error) 80%, black); --mud-palette-error-lighten: color-mix(in srgb, var(--mud-palette-error) 80%, white); --mud-palette-error-hover: color-mix(in srgb, var(--mud-palette-error) 6%, transparent); --mud-palette-dark: rgba(66, 66, 66, 1); --mud-palette-dark-rgb: 66, 66, 66; --mud-palette-dark-text: var(--mud-palette-white); --mud-palette-dark-darken: color-mix(in srgb, var(--mud-palette-dark) 80%, black); --mud-palette-dark-lighten: color-mix(in srgb, var(--mud-palette-dark) 80%, white); --mud-palette-dark-hover: color-mix(in srgb, var(--mud-palette-dark) 6%, transparent); --mud-palette-text-primary: rgb(66, 66, 66); --mud-palette-text-secondary: rgba(0, 0, 0, 0.5372549019607843); --mud-palette-text-disabled: rgba(0, 0, 0, 0.3764705882352941); --mud-palette-action-default: rgba(0, 0, 0, 0.5372549019607843); --mud-palette-action-default-hover: rgba(0, 0, 0, 0.058823529411764705); --mud-palette-action-disabled: rgba(0, 0, 0, 0.25882352941176473); --mud-palette-action-disabled-background: rgba(0, 0, 0, 0.11764705882352941); --mud-palette-surface: var(--mud-palette-white); --mud-palette-background: var(--mud-palette-white); --mud-palette-background-gray: rgba(245, 245, 245, 1); --mud-palette-drawer-background: #F0F5FE; --mud-palette-drawer-text: var(--mud-palette-black); --mud-palette-drawer-icon: var(--mud-palette-secondary); --mud-palette-appbar-background: #FAFAFA; --mud-palette-appbar-text: var(--mud-palette-black); --mud-palette-lines-default: rgba(0, 0, 0, 0.11764705882352941); --mud-palette-lines-inputs: rgba(189, 189, 189, 1); --mud-palette-table-lines: rgba(224, 224, 224, 1); --mud-palette-table-striped: rgba(0, 0, 0, 0.0196078431372549); --mud-palette-table-hover: rgba(0, 0, 0, 0.0392156862745098); --mud-palette-divider: rgba(224, 224, 224, 1); --mud-palette-divider-light: rgba(0, 0, 0, 0.8); --mud-palette-chip-default: rgba(0, 0, 0, 0.0784313725490196); --mud-palette-chip-default-hover: rgba(0, 0, 0, 0.11764705882352941); --mud-palette-gray-default: #9E9E9E; --mud-palette-gray-light: var(--palette-gray-light); --mud-palette-gray-lighter: color-mix(in srgb, var(--mud-palette-gray-light) 80%, white); --mud-palette-gray-dark: var(--palette-gray-dark); --mud-palette-gray-darker: color-mix(in srgb, var(--mud-palette-gray-dark) 80%, black); --mud-palette-overlay-dark: rgba(33, 33, 33, 0.4980392156862745); --mud-palette-overlay-light: rgba(255, 255, 255, 0.4980392156862745); --currentThemeColor: var(--mud-palette-background); --currentBgColor: var(--currentThemeColor); } .mud-theme-background { --currentThemeColor: var(--mud-palette-background); --currentBgColor: var(--currentThemeColor); background-color: var(--currentThemeColor); color: var(--mud-palette-black); } .mud-theme-surface { --currentThemeColor: var(--mud-palette-surface); --currentBgColor: var(--currentThemeColor); background-color: var(--currentThemeColor); color: var(--mud-palette-black); } .mud-theme-darker { --currentBgColor: color-mix(in srgb, var(--currentThemeColor) 95%, black); background-color: var(--currentBgColor); } .mud-theme-lighter { --currentBgColor: color-mix(in srgb, var(--currentThemeColor) 95%, white); background-color: var(--currentBgColor); } .mud-theme-gray { --currentThemeColor: var(--mud-palette-gray-default); --currentBgColor: var(--currentThemeColor); background-color: var(--currentThemeColor); color: var(--mud-palette-black); } .mud-theme-light-gray { --currentThemeColor: var(--mud-palette-gray-light); --currentBgColor: var(--currentThemeColor); background-color: var(--currentThemeColor); color: var(--mud-palette-black); } .mud-theme-lighter-gray { --currentThemeColor: var(--mud-palette-gray-lighter); --currentBgColor: var(--currentThemeColor); background-color: var(--currentThemeColor); color: var(--mud-palette-black); } .mud-theme-dark-gray { --currentThemeColor: var(--mud-palette-gray-dark); --currentBgColor: var(--currentThemeColor); background-color: var(--currentThemeColor); color: var(--mud-palette-black); } .mud-theme-darker-gray { --currentThemeColor: var(--mud-palette-gray-darker); --currentBgColor: var(--currentThemeColor); background-color: var(--currentThemeColor); color: var(--mud-palette-black); } .text-primary { color: var(--mud-palette-primary) !important; } .text-secondary { color: var(--mud-palette-secondary) !important; } .text-tertiary { color: var(--mud-palette-tertiary) !important; } .text-black { color: var(--mud-palette-black) !important; } .text-white { color: var(--mud-palette-white) !important; } .text-info { color: var(--mud-palette-info) !important; } .text-success { color: var(--mud-palette-success) !important; } .text-warning { color: var(--mud-palette-warning) !important; } .text-error { color: var(--mud-palette-error) !important; } .text-grey { color: var(--mud-palette-gray-default) !important; } .text-light-grey { color: var(--mud-palette-gray-light) !important; } .text-lighter-grey { color: var(--mud-palette-gray-lighter) !important; } .text-dark-grey { color: var(--mud-palette-gray-dark) !important; } .text-darker-grey { color: var(--mud-palette-gray-darker) !important; } .border-primary { border-color: var(--mud-palette-primary) !important; }