/* AUTO-GENERATED FILE - DO NOT EDIT * * Generated by: packages/styles/scripts/generate-uxt-theme-css-vars.ts * * This file exposes UXT theme tokens as CSS Custom Properties so that * applications can switch themes at runtime by setting the * `data-uxt-theme` attribute on any element. * * Usage — page-level: * // or "dark" * * Usage — nested themes: *
// dark region in a light page *
// light sub-region, any depth * * Theme resolution uses CSS custom property inheritance. All themed * selectors use bare [data-uxt-theme] at specificity (0,1,0) so the * closest ancestor always wins — enabling infinite nesting. * CSS custom properties inherit through Shadow DOM by specification. * * Default: * When no [data-uxt-theme] is set on :root, light tokens apply via * :root:not([data-uxt-theme]). * * All tokens — both themed (from uxt-dsp) and theme-independent (animation, * transition defaults) — appear in every selector, so they are always * available regardless of active theme. */ [data-uxt-theme="light"], :root:not([data-uxt-theme]) { --uxt-theme-animation-circular-dash-duration: 1500; --uxt-theme-animation-circular-dash-gap: 200; --uxt-theme-animation-circular-dash-mid: 100; --uxt-theme-animation-circular-dash-offset-end: -125; --uxt-theme-animation-circular-dash-offset-mid: -15; --uxt-theme-animation-circular-dash-start: 1; --uxt-theme-animation-collapse-height: 500px; --uxt-theme-animation-fade-slide-distance: 16px; --uxt-theme-animation-pulse-duration: 1500; --uxt-theme-animation-pulse-min-opacity: 0.4; --uxt-theme-animation-ripple-duration: 550; --uxt-theme-animation-ripple-opacity: 0.75; --uxt-theme-animation-ripple-scale: 2.5; --uxt-theme-animation-scale-from: 0.8; --uxt-theme-animation-scale-to: 1; --uxt-theme-animation-shake-distance: 4px; --uxt-theme-animation-shake-duration: 400; --uxt-theme-animation-shimmer-duration: 1500; --uxt-theme-animation-shimmer-from: -200%; --uxt-theme-animation-shimmer-to: 200%; --uxt-theme-animation-slide-distance: 100%; --uxt-theme-animation-spin-duration: 1000; --uxt-theme-breakpoints-values-lg: 1280px; --uxt-theme-breakpoints-values-md: 960px; --uxt-theme-breakpoints-values-sm: 600px; --uxt-theme-breakpoints-values-xl: 1920px; --uxt-theme-breakpoints-values-xs: 0px; --uxt-theme-height-button: 36px; --uxt-theme-height-chip: 32px; --uxt-theme-height-input: 40px; --uxt-theme-height-item: 48px; --uxt-theme-height-toolbar: 56px; --uxt-theme-palette-accent-aqua-100: #b7ffff; --uxt-theme-palette-accent-aqua-200: #89ffff; --uxt-theme-palette-accent-aqua-300: #5cffff; --uxt-theme-palette-accent-aqua-400: #2effff; --uxt-theme-palette-accent-aqua-50: #e5ffff; --uxt-theme-palette-accent-aqua-500: #00ffff; --uxt-theme-palette-accent-aqua-600: #00dfdf; --uxt-theme-palette-accent-aqua-700: #00c0c0; --uxt-theme-palette-accent-aqua-800: #00a0a0; --uxt-theme-palette-accent-aqua-900: #008080; --uxt-theme-palette-accent-blaze-orange-100: #fcd4b7; --uxt-theme-palette-accent-blaze-orange-200: #fab989; --uxt-theme-palette-accent-blaze-orange-300: #f89d5c; --uxt-theme-palette-accent-blaze-orange-400: #f6822e; --uxt-theme-palette-accent-blaze-orange-50: #fef0e5; --uxt-theme-palette-accent-blaze-orange-500: #f46600; --uxt-theme-palette-accent-blaze-orange-600: #d65900; --uxt-theme-palette-accent-blaze-orange-700: #b74d00; --uxt-theme-palette-accent-blaze-orange-800: #994000; --uxt-theme-palette-accent-blaze-orange-900: #7a3300; --uxt-theme-palette-accent-blue-100: #b7b7ff; --uxt-theme-palette-accent-blue-200: #8989ff; --uxt-theme-palette-accent-blue-300: #5c5cff; --uxt-theme-palette-accent-blue-400: #2e2eff; --uxt-theme-palette-accent-blue-50: #e5e5ff; --uxt-theme-palette-accent-blue-500: #0000ff; --uxt-theme-palette-accent-blue-600: #0000df; --uxt-theme-palette-accent-blue-700: #0000c0; --uxt-theme-palette-accent-blue-800: #0000a0; --uxt-theme-palette-accent-blue-900: #000080; --uxt-theme-palette-accent-harlequin-100: #cdffb7; --uxt-theme-palette-accent-harlequin-200: #aeff89; --uxt-theme-palette-accent-harlequin-300: #8eff5c; --uxt-theme-palette-accent-harlequin-400: #6fff2e; --uxt-theme-palette-accent-harlequin-50: #edffe5; --uxt-theme-palette-accent-harlequin-500: #4fff00; --uxt-theme-palette-accent-harlequin-600: #45df00; --uxt-theme-palette-accent-harlequin-700: #3cc000; --uxt-theme-palette-accent-harlequin-800: #32a000; --uxt-theme-palette-accent-harlequin-900: #288000; --uxt-theme-palette-accent-pink-100: #ffb7ef; --uxt-theme-palette-accent-pink-200: #ff89e5; --uxt-theme-palette-accent-pink-300: #ff5cdb; --uxt-theme-palette-accent-pink-400: #ff2ed1; --uxt-theme-palette-accent-pink-50: #ffe5f9; --uxt-theme-palette-accent-pink-500: #ff00c7; --uxt-theme-palette-accent-pink-600: #df00ae; --uxt-theme-palette-accent-pink-700: #c00096; --uxt-theme-palette-accent-pink-800: #a0007d; --uxt-theme-palette-accent-pink-900: #800064; --uxt-theme-palette-accent-yellow-100: #fffbc7; --uxt-theme-palette-accent-yellow-200: #fffa89; --uxt-theme-palette-accent-yellow-300: #fff95c; --uxt-theme-palette-accent-yellow-400: #fff72e; --uxt-theme-palette-accent-yellow-50: #fffee5; --uxt-theme-palette-accent-yellow-500: #fff500; --uxt-theme-palette-accent-yellow-600: #dfd700; --uxt-theme-palette-accent-yellow-700: #c0b800; --uxt-theme-palette-accent-yellow-800: #a09a00; --uxt-theme-palette-accent-yellow-900: #807b00; --uxt-theme-palette-action-active: rgba(26, 26, 31, 0.16); --uxt-theme-palette-action-active-opacity: 0.16; --uxt-theme-palette-action-app-bar-active: rgba(255, 255, 255, 0.14); --uxt-theme-palette-action-app-bar-active-opacity: 0.14; --uxt-theme-palette-action-app-bar-disabled: rgba(255, 255, 255, 0.3); --uxt-theme-palette-action-app-bar-disabled-background: rgba(255, 255, 255, 0.12); --uxt-theme-palette-action-app-bar-disabled-opacity: 0.3; --uxt-theme-palette-action-app-bar-hover: rgba(255, 255, 255, 0.08); --uxt-theme-palette-action-app-bar-hover-opacity: 0.08; --uxt-theme-palette-action-app-bar-overlay-background: #ffffff; --uxt-theme-palette-action-app-bar-selected: rgba(255, 255, 255, 0.12); --uxt-theme-palette-action-app-bar-selected-opacity: 0.12; --uxt-theme-palette-action-completed: #e5eeff; --uxt-theme-palette-action-completed-opacity: 1; --uxt-theme-palette-action-dark-active: rgba(255, 255, 255, 0.14); --uxt-theme-palette-action-dark-active-opacity: 0.14; --uxt-theme-palette-action-dark-completed: #3e4047; --uxt-theme-palette-action-dark-completed-opacity: 1; --uxt-theme-palette-action-dark-disabled: rgba(255, 255, 255, 0.3); --uxt-theme-palette-action-dark-disabled-background: rgba(255, 255, 255, 0.12); --uxt-theme-palette-action-dark-disabled-opacity: 0.3; --uxt-theme-palette-action-dark-focus: #5c92ff; --uxt-theme-palette-action-dark-focus-opacity: 1; --uxt-theme-palette-action-dark-hover: rgba(255, 255, 255, 0.08); --uxt-theme-palette-action-dark-hover-opacity: 0.08; --uxt-theme-palette-action-dark-overlay-background: #ffffff; --uxt-theme-palette-action-dark-selected: rgba(255, 255, 255, 0.12); --uxt-theme-palette-action-dark-selected-opacity: 0.12; --uxt-theme-palette-action-disabled: rgba(26, 26, 31, 0.26); --uxt-theme-palette-action-disabled-background: rgba(26, 26, 31, 0.12); --uxt-theme-palette-action-disabled-opacity: 0.26; --uxt-theme-palette-action-focus: #0055ff; --uxt-theme-palette-action-focus-opacity: 1; --uxt-theme-palette-action-hover: rgba(26, 26, 31, 0.08); --uxt-theme-palette-action-hover-opacity: 0.08; --uxt-theme-palette-action-light-active: rgba(26, 26, 31, 0.16); --uxt-theme-palette-action-light-active-opacity: 0.16; --uxt-theme-palette-action-light-completed: #e5eeff; --uxt-theme-palette-action-light-completed-opacity: 1; --uxt-theme-palette-action-light-disabled: rgba(26, 26, 31, 0.26); --uxt-theme-palette-action-light-disabled-background: rgba(26, 26, 31, 0.12); --uxt-theme-palette-action-light-disabled-opacity: 0.26; --uxt-theme-palette-action-light-focus: #0055ff; --uxt-theme-palette-action-light-focus-opacity: 1; --uxt-theme-palette-action-light-hover: rgba(26, 26, 31, 0.08); --uxt-theme-palette-action-light-hover-opacity: 0.08; --uxt-theme-palette-action-light-overlay-background: #1a1a1f; --uxt-theme-palette-action-light-selected: #b7cfff; --uxt-theme-palette-action-light-selected-opacity: 1; --uxt-theme-palette-action-overlay-background: #1a1a1f; --uxt-theme-palette-action-selected: #b7cfff; --uxt-theme-palette-action-selected-opacity: 1; --uxt-theme-palette-background-alternate-row: #f3f5f9; --uxt-theme-palette-background-app-bar: #1a1a1f; --uxt-theme-palette-background-card: #ffffff; --uxt-theme-palette-background-default: #f3f5f9; --uxt-theme-palette-background-icon: #1a1a1f; --uxt-theme-palette-background-paper: #ffffff; --uxt-theme-palette-background-sidebar: #f9fafc; --uxt-theme-palette-background-thumb: #9196a2; --uxt-theme-palette-background-track: #e1e6ed; --uxt-theme-palette-border-control: #9196a2; --uxt-theme-palette-border-divider: #e1e6ed; --uxt-theme-palette-common-black: #000000; --uxt-theme-palette-common-transparent: rgba(0, 0, 0, 0); --uxt-theme-palette-common-white: #ffffff; --uxt-theme-palette-divider: #b2b8c4; --uxt-theme-palette-error-contrast-text: #1a1a1f; --uxt-theme-palette-error-dark: #e4171f; --uxt-theme-palette-error-light: #f9989c; --uxt-theme-palette-error-main: #f3434a; --uxt-theme-palette-glyph-default: #1a1a1f; --uxt-theme-palette-glyph-error: #f3434a; --uxt-theme-palette-glyph-info: #5cc8ed; --uxt-theme-palette-glyph-success: #47be68; --uxt-theme-palette-glyph-warning: #f7be00; --uxt-theme-palette-gradients-octave-0: linear-gradient(45deg, #00F 0%, #0FF 50%, #4FFF00 100%); --uxt-theme-palette-gradients-octave-1: linear-gradient(45deg, #00F 0%, #FF00C7 50%, #0FF 100%); --uxt-theme-palette-gradients-octave-2: linear-gradient(45deg, #FF00C7 0%, #FFF500 50%, #F46600 100%); --uxt-theme-palette-gradients-octave-3: linear-gradient(45deg, #00F 0%, #FF00C7 50%, #FFF500 100%); --uxt-theme-palette-gradients-octave-4: linear-gradient(45deg, #00F 0%, #FF00C7 50%, #0FF 100%); --uxt-theme-palette-gradients-octave-5: linear-gradient(45deg, #00F 0%, #FFF500 50%, #FF00C7 100%); --uxt-theme-palette-gradients-octave-6: linear-gradient(45deg, #00F 0%, #4FFF00 50%, #FFF500 100%); --uxt-theme-palette-info-contrast-text: #1a1a1f; --uxt-theme-palette-info-dark: #009fdb; --uxt-theme-palette-info-light: #8ad9f3; --uxt-theme-palette-info-main: #2eb8e7; --uxt-theme-palette-mode: light; --uxt-theme-palette-octave-contrast-text: #ffffff; --uxt-theme-palette-octave-main: #1a1a1f; --uxt-theme-palette-primary-contrast-text: #ffffff; --uxt-theme-palette-primary-dark: #0048d9; --uxt-theme-palette-primary-light: #5c92ff; --uxt-theme-palette-primary-main: #0055ff; --uxt-theme-palette-secondary-contrast-text: #ffffff; --uxt-theme-palette-secondary-dark: #0048d9; --uxt-theme-palette-secondary-light: #5c92ff; --uxt-theme-palette-secondary-main: #0055ff; --uxt-theme-palette-status-blue-100: #b8e9f9; --uxt-theme-palette-status-blue-200: #8ad9f3; --uxt-theme-palette-status-blue-300: #5cc8ed; --uxt-theme-palette-status-blue-400: #2eb8e7; --uxt-theme-palette-status-blue-50: #e6f9ff; --uxt-theme-palette-status-blue-500: #00a8e1; --uxt-theme-palette-status-blue-600: #009fdb; --uxt-theme-palette-status-blue-700: #0095d5; --uxt-theme-palette-status-blue-800: #008bd0; --uxt-theme-palette-status-blue-900: #0082ca; --uxt-theme-palette-status-green-100: #b5efc4; --uxt-theme-palette-status-green-200: #90dfa5; --uxt-theme-palette-status-green-300: #6cce87; --uxt-theme-palette-status-green-400: #47be68; --uxt-theme-palette-status-green-50: #d9ffe3; --uxt-theme-palette-status-green-500: #23ae49; --uxt-theme-palette-status-green-600: #209f43; --uxt-theme-palette-status-green-700: #1d913d; --uxt-theme-palette-status-green-800: #1a8236; --uxt-theme-palette-status-green-900: #177330; --uxt-theme-palette-status-orange-100: #ffe6b8; --uxt-theme-palette-status-orange-200: #ffd58a; --uxt-theme-palette-status-orange-300: #ffc55c; --uxt-theme-palette-status-orange-400: #ffb42e; --uxt-theme-palette-status-orange-50: #fff6e6; --uxt-theme-palette-status-orange-500: #ffa400; --uxt-theme-palette-status-orange-600: #f59300; --uxt-theme-palette-status-orange-700: #eb8200; --uxt-theme-palette-status-orange-800: #e17000; --uxt-theme-palette-status-orange-900: #d75f00; --uxt-theme-palette-status-purple-100: #d9c4f2; --uxt-theme-palette-status-purple-200: #c1a2e5; --uxt-theme-palette-status-purple-300: #a880d7; --uxt-theme-palette-status-purple-400: #905eca; --uxt-theme-palette-status-purple-50: #f1e6ff; --uxt-theme-palette-status-purple-500: #783cbd; --uxt-theme-palette-status-purple-600: #6e2fab; --uxt-theme-palette-status-purple-700: #65239a; --uxt-theme-palette-status-purple-800: #5c1688; --uxt-theme-palette-status-purple-900: #520a76; --uxt-theme-palette-status-red-100: #fcc3c5; --uxt-theme-palette-status-red-200: #f9989c; --uxt-theme-palette-status-red-300: #e07d72; --uxt-theme-palette-status-red-400: #f3434a; --uxt-theme-palette-status-red-50: #ffeeee; --uxt-theme-palette-status-red-500: #f01821; --uxt-theme-palette-status-red-600: #e4171f; --uxt-theme-palette-status-red-700: #d8161e; --uxt-theme-palette-status-red-800: #cc141c; --uxt-theme-palette-status-red-900: #c0131a; --uxt-theme-palette-status-yellow-100: #fff4ae; --uxt-theme-palette-status-yellow-200: #ffee82; --uxt-theme-palette-status-yellow-300: #ffe957; --uxt-theme-palette-status-yellow-400: #ffe32b; --uxt-theme-palette-status-yellow-50: #fffad9; --uxt-theme-palette-status-yellow-500: #ffdd00; --uxt-theme-palette-status-yellow-600: #fcd300; --uxt-theme-palette-status-yellow-700: #fac900; --uxt-theme-palette-status-yellow-800: #f7be00; --uxt-theme-palette-status-yellow-900: #f4b400; --uxt-theme-palette-success-contrast-text: #1a1a1f; --uxt-theme-palette-success-dark: #209f43; --uxt-theme-palette-success-light: #90dfa5; --uxt-theme-palette-success-main: #47be68; --uxt-theme-palette-text-cursor: #1a1a1f; --uxt-theme-palette-text-disabled: rgba(26, 26, 31, 0.38); --uxt-theme-palette-text-error: #f01821; --uxt-theme-palette-text-hint: #a1a7b3; --uxt-theme-palette-text-link: #0055ff; --uxt-theme-palette-text-primary: #1a1a1f; --uxt-theme-palette-text-secondary: #5f636d; --uxt-theme-palette-ui-black-100: #636772; --uxt-theme-palette-ui-black-200: #565a64; --uxt-theme-palette-ui-black-300: #4a4d55; --uxt-theme-palette-ui-black-400: #3e4047; --uxt-theme-palette-ui-black-50: #6f7480; --uxt-theme-palette-ui-black-500: #313439; --uxt-theme-palette-ui-black-600: #25272b; --uxt-theme-palette-ui-black-700: #1a1a1f; --uxt-theme-palette-ui-black-800: #0c0d0e; --uxt-theme-palette-ui-black-900: #000000; --uxt-theme-palette-ui-blue-100: #b7cfff; --uxt-theme-palette-ui-blue-200: #89b1ff; --uxt-theme-palette-ui-blue-300: #5c92ff; --uxt-theme-palette-ui-blue-400: #2e74ff; --uxt-theme-palette-ui-blue-50: #e5eeff; --uxt-theme-palette-ui-blue-500: #0055ff; --uxt-theme-palette-ui-blue-600: #004fec; --uxt-theme-palette-ui-blue-700: #0048d9; --uxt-theme-palette-ui-blue-800: #0042c5; --uxt-theme-palette-ui-blue-900: #003bb2; --uxt-theme-palette-ui-grey-100: #bfc4ce; --uxt-theme-palette-ui-grey-200: #b2b8c4; --uxt-theme-palette-ui-grey-300: #a1a7b3; --uxt-theme-palette-ui-grey-400: #9196a2; --uxt-theme-palette-ui-grey-50: #cbd0d8; --uxt-theme-palette-ui-grey-500: #808591; --uxt-theme-palette-ui-grey-600: #6f7480; --uxt-theme-palette-ui-grey-700: #5f636d; --uxt-theme-palette-ui-grey-800: #4e515a; --uxt-theme-palette-ui-grey-900: #3e4047; --uxt-theme-palette-ui-white-100: #f9fafc; --uxt-theme-palette-ui-white-200: #f3f5f9; --uxt-theme-palette-ui-white-300: #edf0f5; --uxt-theme-palette-ui-white-400: #e7ebf2; --uxt-theme-palette-ui-white-50: #ffffff; --uxt-theme-palette-ui-white-500: #e1e6ed; --uxt-theme-palette-ui-white-600: #dce0e8; --uxt-theme-palette-ui-white-700: #d6dbe2; --uxt-theme-palette-ui-white-800: #d1d5dd; --uxt-theme-palette-ui-white-900: #cbd0d8; --uxt-theme-palette-warning-contrast-text: #1a1a1f; --uxt-theme-palette-warning-dark: #f59300; --uxt-theme-palette-warning-light: #ffd58a; --uxt-theme-palette-warning-main: #ffb42e; --uxt-theme-shadows-0: none; --uxt-theme-shadows-1: 0px 2px 1px -1px #00000033,0px 1px 1px 0px #00000024,0px 1px 3px 0px #0000001f; --uxt-theme-shadows-10: 0px 6px 6px -3px #00000033,0px 10px 14px 1px #00000024,0px 4px 18px 3px #0000001f; --uxt-theme-shadows-11: 0px 6px 7px -4px #00000033,0px 11px 15px 1px #00000024,0px 4px 20px 3px #0000001f; --uxt-theme-shadows-12: 0px 7px 8px -4px #00000033,0px 12px 17px 2px #00000024,0px 5px 22px 4px #0000001f; --uxt-theme-shadows-13: 0px 7px 8px -4px #00000033,0px 13px 19px 2px #00000024,0px 5px 24px 4px #0000001f; --uxt-theme-shadows-14: 0px 7px 9px -4px #00000033,0px 14px 21px 2px #00000024,0px 5px 26px 4px #0000001f; --uxt-theme-shadows-15: 0px 8px 9px -5px #00000033,0px 15px 22px 2px #00000024,0px 6px 28px 5px #0000001f; --uxt-theme-shadows-16: 0px 8px 10px -5px #00000033,0px 16px 24px 2px #00000024,0px 6px 30px 5px #0000001f; --uxt-theme-shadows-17: 0px 8px 11px -5px #00000033,0px 17px 26px 2px #00000024,0px 6px 32px 5px #0000001f; --uxt-theme-shadows-18: 0px 9px 11px -5px #00000033,0px 18px 28px 2px #00000024,0px 7px 34px 6px #0000001f; --uxt-theme-shadows-19: 0px 9px 12px -6px #00000033,0px 19px 29px 2px #00000024,0px 7px 36px 6px #0000001f; --uxt-theme-shadows-2: 0px 3px 1px -2px #00000033,0px 2px 2px 0px #00000024,0px 1px 5px 0px #0000001f; --uxt-theme-shadows-20: 0px 10px 13px -6px #00000033,0px 20px 31px 3px #00000024,0px 8px 38px 7px #0000001f; --uxt-theme-shadows-21: 0px 10px 13px -6px #00000033,0px 21px 33px 3px #00000024,0px 8px 40px 7px #0000001f; --uxt-theme-shadows-22: 0px 10px 14px -6px #00000033,0px 22px 35px 3px #00000024,0px 8px 42px 7px #0000001f; --uxt-theme-shadows-23: 0px 11px 14px -7px #00000033,0px 23px 36px 3px #00000024,0px 9px 44px 8px #0000001f; --uxt-theme-shadows-24: 0px 11px 15px -7px #00000033,0px 24px 38px 3px #00000024,0px 9px 46px 8px #0000001f; --uxt-theme-shadows-3: 0px 3px 3px -2px #00000033,0px 3px 4px 0px #00000024,0px 1px 8px 0px #0000001f; --uxt-theme-shadows-4: 0px 2px 4px -1px #00000033,0px 4px 5px 0px #00000024,0px 1px 10px 0px #0000001f; --uxt-theme-shadows-5: 0px 3px 5px -1px #00000033,0px 5px 8px 0px #00000024,0px 1px 14px 0px #0000001f; --uxt-theme-shadows-6: 0px 3px 5px -1px #00000033,0px 6px 10px 0px #00000024,0px 1px 18px 0px #0000001f; --uxt-theme-shadows-7: 0px 4px 5px -2px #00000033,0px 7px 10px 1px #00000024,0px 2px 16px 1px #0000001f; --uxt-theme-shadows-8: 0px 5px 5px -3px #00000033,0px 8px 10px 1px #00000024,0px 3px 14px 2px #0000001f; --uxt-theme-shadows-9: 0px 5px 6px -3px #00000033,0px 9px 12px 1px #00000024,0px 3px 16px 2px #0000001f; --uxt-theme-spacing: 8px; --uxt-theme-transition-color-duration: 150; --uxt-theme-transition-opacity-duration: 200; --uxt-theme-transition-shadow-duration: 280; --uxt-theme-transition-size-duration: 250; --uxt-theme-transition-transform-duration: 225; --uxt-theme-transitions-duration-complex: 375; --uxt-theme-transitions-duration-entering-screen: 225; --uxt-theme-transitions-duration-leaving-screen: 195; --uxt-theme-transitions-duration-short: 250; --uxt-theme-transitions-duration-shorter: 200; --uxt-theme-transitions-duration-shortest: 150; --uxt-theme-transitions-duration-standard: 300; --uxt-theme-transitions-easing-ease-in: cubic-bezier(0.4, 0, 1, 1); --uxt-theme-transitions-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --uxt-theme-transitions-easing-ease-out: cubic-bezier(0.0, 0, 0.2, 1); --uxt-theme-transitions-easing-sharp: cubic-bezier(0.4, 0, 0.6, 1); --uxt-theme-typography-body-1-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-body-1-font-size: 1rem; --uxt-theme-typography-body-1-font-weight: 400; --uxt-theme-typography-body-1-letter-spacing: 0.005em; --uxt-theme-typography-body-1-line-height: 1.5; --uxt-theme-typography-body-2-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-body-2-font-size: 0.875rem; --uxt-theme-typography-body-2-font-weight: 400; --uxt-theme-typography-body-2-letter-spacing: 0.0025em; --uxt-theme-typography-body-2-line-height: 1.429; --uxt-theme-typography-button-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-button-font-size: 0.875rem; --uxt-theme-typography-button-font-weight: 500; --uxt-theme-typography-button-letter-spacing: 0.0125em; --uxt-theme-typography-button-line-height: 1.429; --uxt-theme-typography-caption-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-caption-font-size: 0.75rem; --uxt-theme-typography-caption-font-weight: 400; --uxt-theme-typography-caption-letter-spacing: 0.004em; --uxt-theme-typography-caption-line-height: 1.333; --uxt-theme-typography-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-font-size: 14; --uxt-theme-typography-font-weight-bold: 700; --uxt-theme-typography-font-weight-light: 300; --uxt-theme-typography-font-weight-medium: 500; --uxt-theme-typography-font-weight-regular: 400; --uxt-theme-typography-h-1-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-h-1-font-size: 6rem; --uxt-theme-typography-h-1-font-weight: 300; --uxt-theme-typography-h-1-letter-spacing: -0.015em; --uxt-theme-typography-h-1-line-height: 1.375; --uxt-theme-typography-h-2-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-h-2-font-size: 3.75rem; --uxt-theme-typography-h-2-font-weight: 300; --uxt-theme-typography-h-2-letter-spacing: -0.005em; --uxt-theme-typography-h-2-line-height: 1.533; --uxt-theme-typography-h-3-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-h-3-font-size: 3rem; --uxt-theme-typography-h-3-font-weight: 400; --uxt-theme-typography-h-3-letter-spacing: 0em; --uxt-theme-typography-h-3-line-height: 1.333; --uxt-theme-typography-h-4-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-h-4-font-size: 2.125rem; --uxt-theme-typography-h-4-font-weight: 400; --uxt-theme-typography-h-4-letter-spacing: 0.0025em; --uxt-theme-typography-h-4-line-height: 1.294; --uxt-theme-typography-h-5-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-h-5-font-size: 1.5rem; --uxt-theme-typography-h-5-font-weight: 400; --uxt-theme-typography-h-5-letter-spacing: 0em; --uxt-theme-typography-h-5-line-height: 1.333; --uxt-theme-typography-h-6-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-h-6-font-size: 1.25rem; --uxt-theme-typography-h-6-font-weight: 500; --uxt-theme-typography-h-6-letter-spacing: 0.0015em; --uxt-theme-typography-h-6-line-height: 1.4; --uxt-theme-typography-html-font-size: 16; --uxt-theme-typography-overline-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-overline-font-size: 0.625rem; --uxt-theme-typography-overline-font-weight: 400; --uxt-theme-typography-overline-letter-spacing: 0.015em; --uxt-theme-typography-overline-line-height: 1.2; --uxt-theme-typography-sub-title-1-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-sub-title-1-font-size: 1rem; --uxt-theme-typography-sub-title-1-font-weight: 400; --uxt-theme-typography-sub-title-1-letter-spacing: 0.0015em; --uxt-theme-typography-sub-title-1-line-height: 1.5; --uxt-theme-typography-sub-title-2-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-sub-title-2-font-size: 0.875rem; --uxt-theme-typography-sub-title-2-font-weight: 500; --uxt-theme-typography-sub-title-2-letter-spacing: 0.001em; --uxt-theme-typography-sub-title-2-line-height: 1.429; } [data-uxt-theme="dark"] { --uxt-theme-animation-circular-dash-duration: 1500; --uxt-theme-animation-circular-dash-gap: 200; --uxt-theme-animation-circular-dash-mid: 100; --uxt-theme-animation-circular-dash-offset-end: -125; --uxt-theme-animation-circular-dash-offset-mid: -15; --uxt-theme-animation-circular-dash-start: 1; --uxt-theme-animation-collapse-height: 500px; --uxt-theme-animation-fade-slide-distance: 16px; --uxt-theme-animation-pulse-duration: 1500; --uxt-theme-animation-pulse-min-opacity: 0.4; --uxt-theme-animation-ripple-duration: 550; --uxt-theme-animation-ripple-opacity: 0.75; --uxt-theme-animation-ripple-scale: 2.5; --uxt-theme-animation-scale-from: 0.8; --uxt-theme-animation-scale-to: 1; --uxt-theme-animation-shake-distance: 4px; --uxt-theme-animation-shake-duration: 400; --uxt-theme-animation-shimmer-duration: 1500; --uxt-theme-animation-shimmer-from: -200%; --uxt-theme-animation-shimmer-to: 200%; --uxt-theme-animation-slide-distance: 100%; --uxt-theme-animation-spin-duration: 1000; --uxt-theme-breakpoints-values-lg: 1280px; --uxt-theme-breakpoints-values-md: 960px; --uxt-theme-breakpoints-values-sm: 600px; --uxt-theme-breakpoints-values-xl: 1920px; --uxt-theme-breakpoints-values-xs: 0px; --uxt-theme-height-button: 36px; --uxt-theme-height-chip: 32px; --uxt-theme-height-input: 40px; --uxt-theme-height-item: 48px; --uxt-theme-height-toolbar: 56px; --uxt-theme-palette-accent-aqua-100: #b7ffff; --uxt-theme-palette-accent-aqua-200: #89ffff; --uxt-theme-palette-accent-aqua-300: #5cffff; --uxt-theme-palette-accent-aqua-400: #2effff; --uxt-theme-palette-accent-aqua-50: #e5ffff; --uxt-theme-palette-accent-aqua-500: #00ffff; --uxt-theme-palette-accent-aqua-600: #00dfdf; --uxt-theme-palette-accent-aqua-700: #00c0c0; --uxt-theme-palette-accent-aqua-800: #00a0a0; --uxt-theme-palette-accent-aqua-900: #008080; --uxt-theme-palette-accent-blaze-orange-100: #fcd4b7; --uxt-theme-palette-accent-blaze-orange-200: #fab989; --uxt-theme-palette-accent-blaze-orange-300: #f89d5c; --uxt-theme-palette-accent-blaze-orange-400: #f6822e; --uxt-theme-palette-accent-blaze-orange-50: #fef0e5; --uxt-theme-palette-accent-blaze-orange-500: #f46600; --uxt-theme-palette-accent-blaze-orange-600: #d65900; --uxt-theme-palette-accent-blaze-orange-700: #b74d00; --uxt-theme-palette-accent-blaze-orange-800: #994000; --uxt-theme-palette-accent-blaze-orange-900: #7a3300; --uxt-theme-palette-accent-blue-100: #b7b7ff; --uxt-theme-palette-accent-blue-200: #8989ff; --uxt-theme-palette-accent-blue-300: #5c5cff; --uxt-theme-palette-accent-blue-400: #2e2eff; --uxt-theme-palette-accent-blue-50: #e5e5ff; --uxt-theme-palette-accent-blue-500: #0000ff; --uxt-theme-palette-accent-blue-600: #0000df; --uxt-theme-palette-accent-blue-700: #0000c0; --uxt-theme-palette-accent-blue-800: #0000a0; --uxt-theme-palette-accent-blue-900: #000080; --uxt-theme-palette-accent-harlequin-100: #cdffb7; --uxt-theme-palette-accent-harlequin-200: #aeff89; --uxt-theme-palette-accent-harlequin-300: #8eff5c; --uxt-theme-palette-accent-harlequin-400: #6fff2e; --uxt-theme-palette-accent-harlequin-50: #edffe5; --uxt-theme-palette-accent-harlequin-500: #4fff00; --uxt-theme-palette-accent-harlequin-600: #45df00; --uxt-theme-palette-accent-harlequin-700: #3cc000; --uxt-theme-palette-accent-harlequin-800: #32a000; --uxt-theme-palette-accent-harlequin-900: #288000; --uxt-theme-palette-accent-pink-100: #ffb7ef; --uxt-theme-palette-accent-pink-200: #ff89e5; --uxt-theme-palette-accent-pink-300: #ff5cdb; --uxt-theme-palette-accent-pink-400: #ff2ed1; --uxt-theme-palette-accent-pink-50: #ffe5f9; --uxt-theme-palette-accent-pink-500: #ff00c7; --uxt-theme-palette-accent-pink-600: #df00ae; --uxt-theme-palette-accent-pink-700: #c00096; --uxt-theme-palette-accent-pink-800: #a0007d; --uxt-theme-palette-accent-pink-900: #800064; --uxt-theme-palette-accent-yellow-100: #fffbc7; --uxt-theme-palette-accent-yellow-200: #fffa89; --uxt-theme-palette-accent-yellow-300: #fff95c; --uxt-theme-palette-accent-yellow-400: #fff72e; --uxt-theme-palette-accent-yellow-50: #fffee5; --uxt-theme-palette-accent-yellow-500: #fff500; --uxt-theme-palette-accent-yellow-600: #dfd700; --uxt-theme-palette-accent-yellow-700: #c0b800; --uxt-theme-palette-accent-yellow-800: #a09a00; --uxt-theme-palette-accent-yellow-900: #807b00; --uxt-theme-palette-action-active: rgba(255, 255, 255, 0.14); --uxt-theme-palette-action-active-opacity: 0.14; --uxt-theme-palette-action-app-bar-active: rgba(255, 255, 255, 0.14); --uxt-theme-palette-action-app-bar-active-opacity: 0.14; --uxt-theme-palette-action-app-bar-disabled: rgba(255, 255, 255, 0.3); --uxt-theme-palette-action-app-bar-disabled-background: rgba(255, 255, 255, 0.12); --uxt-theme-palette-action-app-bar-disabled-opacity: 0.3; --uxt-theme-palette-action-app-bar-hover: rgba(255, 255, 255, 0.08); --uxt-theme-palette-action-app-bar-hover-opacity: 0.08; --uxt-theme-palette-action-app-bar-overlay-background: #ffffff; --uxt-theme-palette-action-app-bar-selected: rgba(255, 255, 255, 0.12); --uxt-theme-palette-action-app-bar-selected-opacity: 0.12; --uxt-theme-palette-action-completed: #3e4047; --uxt-theme-palette-action-completed-opacity: 1; --uxt-theme-palette-action-dark-active: rgba(255, 255, 255, 0.14); --uxt-theme-palette-action-dark-active-opacity: 0.14; --uxt-theme-palette-action-dark-completed: #3e4047; --uxt-theme-palette-action-dark-completed-opacity: 1; --uxt-theme-palette-action-dark-disabled: rgba(255, 255, 255, 0.3); --uxt-theme-palette-action-dark-disabled-background: rgba(255, 255, 255, 0.12); --uxt-theme-palette-action-dark-disabled-opacity: 0.3; --uxt-theme-palette-action-dark-focus: #5c92ff; --uxt-theme-palette-action-dark-focus-opacity: 1; --uxt-theme-palette-action-dark-hover: rgba(255, 255, 255, 0.08); --uxt-theme-palette-action-dark-hover-opacity: 0.08; --uxt-theme-palette-action-dark-overlay-background: #ffffff; --uxt-theme-palette-action-dark-selected: rgba(255, 255, 255, 0.12); --uxt-theme-palette-action-dark-selected-opacity: 0.12; --uxt-theme-palette-action-disabled: rgba(255, 255, 255, 0.3); --uxt-theme-palette-action-disabled-background: rgba(255, 255, 255, 0.12); --uxt-theme-palette-action-disabled-opacity: 0.3; --uxt-theme-palette-action-focus: #5c92ff; --uxt-theme-palette-action-focus-opacity: 1; --uxt-theme-palette-action-hover: rgba(255, 255, 255, 0.08); --uxt-theme-palette-action-hover-opacity: 0.08; --uxt-theme-palette-action-light-active: rgba(26, 26, 31, 0.16); --uxt-theme-palette-action-light-active-opacity: 0.16; --uxt-theme-palette-action-light-completed: #e5eeff; --uxt-theme-palette-action-light-completed-opacity: 1; --uxt-theme-palette-action-light-disabled: rgba(26, 26, 31, 0.26); --uxt-theme-palette-action-light-disabled-background: rgba(26, 26, 31, 0.12); --uxt-theme-palette-action-light-disabled-opacity: 0.26; --uxt-theme-palette-action-light-focus: #0055ff; --uxt-theme-palette-action-light-focus-opacity: 1; --uxt-theme-palette-action-light-hover: rgba(26, 26, 31, 0.08); --uxt-theme-palette-action-light-hover-opacity: 0.08; --uxt-theme-palette-action-light-overlay-background: #1a1a1f; --uxt-theme-palette-action-light-selected: #b7cfff; --uxt-theme-palette-action-light-selected-opacity: 1; --uxt-theme-palette-action-overlay-background: #ffffff; --uxt-theme-palette-action-selected: rgba(255, 255, 255, 0.12); --uxt-theme-palette-action-selected-opacity: 0.12; --uxt-theme-palette-background-alternate-row: #25272b; --uxt-theme-palette-background-app-bar: #1a1a1f; --uxt-theme-palette-background-card: #1a1a1f; --uxt-theme-palette-background-default: #0c0d0e; --uxt-theme-palette-background-icon: #e7ebf2; --uxt-theme-palette-background-paper: #1a1a1f; --uxt-theme-palette-background-sidebar: #1a1a1f; --uxt-theme-palette-background-thumb: #e7ebf2; --uxt-theme-palette-background-track: #3e4047; --uxt-theme-palette-border-control: #808591; --uxt-theme-palette-border-divider: #808591; --uxt-theme-palette-common-black: #000000; --uxt-theme-palette-common-transparent: rgba(0, 0, 0, 0); --uxt-theme-palette-common-white: #ffffff; --uxt-theme-palette-divider: #808591; --uxt-theme-palette-error-contrast-text: #1a1a1f; --uxt-theme-palette-error-dark: #e4171f; --uxt-theme-palette-error-light: #f9989c; --uxt-theme-palette-error-main: #f3434a; --uxt-theme-palette-glyph-default: #e7ebf2; --uxt-theme-palette-glyph-error: #f3434a; --uxt-theme-palette-glyph-info: #5cc8ed; --uxt-theme-palette-glyph-success: #47be68; --uxt-theme-palette-glyph-warning: #f7be00; --uxt-theme-palette-gradients-octave-0: linear-gradient(45deg, #00F 0%, #0FF 50%, #4FFF00 100%); --uxt-theme-palette-gradients-octave-1: linear-gradient(45deg, #00F 0%, #FF00C7 50%, #0FF 100%); --uxt-theme-palette-gradients-octave-2: linear-gradient(45deg, #FF00C7 0%, #FFF500 50%, #F46600 100%); --uxt-theme-palette-gradients-octave-3: linear-gradient(45deg, #00F 0%, #FF00C7 50%, #FFF500 100%); --uxt-theme-palette-gradients-octave-4: linear-gradient(45deg, #00F 0%, #FF00C7 50%, #0FF 100%); --uxt-theme-palette-gradients-octave-5: linear-gradient(45deg, #00F 0%, #FFF500 50%, #FF00C7 100%); --uxt-theme-palette-gradients-octave-6: linear-gradient(45deg, #00F 0%, #4FFF00 50%, #FFF500 100%); --uxt-theme-palette-info-contrast-text: #1a1a1f; --uxt-theme-palette-info-dark: #009fdb; --uxt-theme-palette-info-light: #8ad9f3; --uxt-theme-palette-info-main: #2eb8e7; --uxt-theme-palette-mode: dark; --uxt-theme-palette-octave-contrast-text: #1a1a1f; --uxt-theme-palette-octave-main: #ffffff; --uxt-theme-palette-primary-contrast-text: #1a1a1f; --uxt-theme-palette-primary-dark: #5c92ff; --uxt-theme-palette-primary-light: #b7cfff; --uxt-theme-palette-primary-main: #89b1ff; --uxt-theme-palette-secondary-contrast-text: #1a1a1f; --uxt-theme-palette-secondary-dark: #5c92ff; --uxt-theme-palette-secondary-light: #b7cfff; --uxt-theme-palette-secondary-main: #89b1ff; --uxt-theme-palette-status-blue-100: #b8e9f9; --uxt-theme-palette-status-blue-200: #8ad9f3; --uxt-theme-palette-status-blue-300: #5cc8ed; --uxt-theme-palette-status-blue-400: #2eb8e7; --uxt-theme-palette-status-blue-50: #e6f9ff; --uxt-theme-palette-status-blue-500: #00a8e1; --uxt-theme-palette-status-blue-600: #009fdb; --uxt-theme-palette-status-blue-700: #0095d5; --uxt-theme-palette-status-blue-800: #008bd0; --uxt-theme-palette-status-blue-900: #0082ca; --uxt-theme-palette-status-green-100: #b5efc4; --uxt-theme-palette-status-green-200: #90dfa5; --uxt-theme-palette-status-green-300: #6cce87; --uxt-theme-palette-status-green-400: #47be68; --uxt-theme-palette-status-green-50: #d9ffe3; --uxt-theme-palette-status-green-500: #23ae49; --uxt-theme-palette-status-green-600: #209f43; --uxt-theme-palette-status-green-700: #1d913d; --uxt-theme-palette-status-green-800: #1a8236; --uxt-theme-palette-status-green-900: #177330; --uxt-theme-palette-status-orange-100: #ffe6b8; --uxt-theme-palette-status-orange-200: #ffd58a; --uxt-theme-palette-status-orange-300: #ffc55c; --uxt-theme-palette-status-orange-400: #ffb42e; --uxt-theme-palette-status-orange-50: #fff6e6; --uxt-theme-palette-status-orange-500: #ffa400; --uxt-theme-palette-status-orange-600: #f59300; --uxt-theme-palette-status-orange-700: #eb8200; --uxt-theme-palette-status-orange-800: #e17000; --uxt-theme-palette-status-orange-900: #d75f00; --uxt-theme-palette-status-purple-100: #d9c4f2; --uxt-theme-palette-status-purple-200: #c1a2e5; --uxt-theme-palette-status-purple-300: #a880d7; --uxt-theme-palette-status-purple-400: #905eca; --uxt-theme-palette-status-purple-50: #f1e6ff; --uxt-theme-palette-status-purple-500: #783cbd; --uxt-theme-palette-status-purple-600: #6e2fab; --uxt-theme-palette-status-purple-700: #65239a; --uxt-theme-palette-status-purple-800: #5c1688; --uxt-theme-palette-status-purple-900: #520a76; --uxt-theme-palette-status-red-100: #fcc3c5; --uxt-theme-palette-status-red-200: #f9989c; --uxt-theme-palette-status-red-300: #e07d72; --uxt-theme-palette-status-red-400: #f3434a; --uxt-theme-palette-status-red-50: #ffeeee; --uxt-theme-palette-status-red-500: #f01821; --uxt-theme-palette-status-red-600: #e4171f; --uxt-theme-palette-status-red-700: #d8161e; --uxt-theme-palette-status-red-800: #cc141c; --uxt-theme-palette-status-red-900: #c0131a; --uxt-theme-palette-status-yellow-100: #fff4ae; --uxt-theme-palette-status-yellow-200: #ffee82; --uxt-theme-palette-status-yellow-300: #ffe957; --uxt-theme-palette-status-yellow-400: #ffe32b; --uxt-theme-palette-status-yellow-50: #fffad9; --uxt-theme-palette-status-yellow-500: #ffdd00; --uxt-theme-palette-status-yellow-600: #fcd300; --uxt-theme-palette-status-yellow-700: #fac900; --uxt-theme-palette-status-yellow-800: #f7be00; --uxt-theme-palette-status-yellow-900: #f4b400; --uxt-theme-palette-success-contrast-text: #1a1a1f; --uxt-theme-palette-success-dark: #209f43; --uxt-theme-palette-success-light: #90dfa5; --uxt-theme-palette-success-main: #47be68; --uxt-theme-palette-text-cursor: #ffffff; --uxt-theme-palette-text-disabled: rgba(255, 255, 255, 0.5); --uxt-theme-palette-text-error: #e07d72; --uxt-theme-palette-text-hint: #6f7480; --uxt-theme-palette-text-link: #89b1ff; --uxt-theme-palette-text-primary: #e1e6ed; --uxt-theme-palette-text-secondary: #a1a7b3; --uxt-theme-palette-ui-black-100: #636772; --uxt-theme-palette-ui-black-200: #565a64; --uxt-theme-palette-ui-black-300: #4a4d55; --uxt-theme-palette-ui-black-400: #3e4047; --uxt-theme-palette-ui-black-50: #6f7480; --uxt-theme-palette-ui-black-500: #313439; --uxt-theme-palette-ui-black-600: #25272b; --uxt-theme-palette-ui-black-700: #1a1a1f; --uxt-theme-palette-ui-black-800: #0c0d0e; --uxt-theme-palette-ui-black-900: #000000; --uxt-theme-palette-ui-blue-100: #b7cfff; --uxt-theme-palette-ui-blue-200: #89b1ff; --uxt-theme-palette-ui-blue-300: #5c92ff; --uxt-theme-palette-ui-blue-400: #2e74ff; --uxt-theme-palette-ui-blue-50: #e5eeff; --uxt-theme-palette-ui-blue-500: #0055ff; --uxt-theme-palette-ui-blue-600: #004fec; --uxt-theme-palette-ui-blue-700: #0048d9; --uxt-theme-palette-ui-blue-800: #0042c5; --uxt-theme-palette-ui-blue-900: #003bb2; --uxt-theme-palette-ui-grey-100: #bfc4ce; --uxt-theme-palette-ui-grey-200: #b2b8c4; --uxt-theme-palette-ui-grey-300: #a1a7b3; --uxt-theme-palette-ui-grey-400: #9196a2; --uxt-theme-palette-ui-grey-50: #cbd0d8; --uxt-theme-palette-ui-grey-500: #808591; --uxt-theme-palette-ui-grey-600: #6f7480; --uxt-theme-palette-ui-grey-700: #5f636d; --uxt-theme-palette-ui-grey-800: #4e515a; --uxt-theme-palette-ui-grey-900: #3e4047; --uxt-theme-palette-ui-white-100: #f9fafc; --uxt-theme-palette-ui-white-200: #f3f5f9; --uxt-theme-palette-ui-white-300: #edf0f5; --uxt-theme-palette-ui-white-400: #e7ebf2; --uxt-theme-palette-ui-white-50: #ffffff; --uxt-theme-palette-ui-white-500: #e1e6ed; --uxt-theme-palette-ui-white-600: #dce0e8; --uxt-theme-palette-ui-white-700: #d6dbe2; --uxt-theme-palette-ui-white-800: #d1d5dd; --uxt-theme-palette-ui-white-900: #cbd0d8; --uxt-theme-palette-warning-contrast-text: #1a1a1f; --uxt-theme-palette-warning-dark: #f59300; --uxt-theme-palette-warning-light: #ffd58a; --uxt-theme-palette-warning-main: #ffb42e; --uxt-theme-shadows-0: none; --uxt-theme-shadows-1: 0px 2px 1px -1px #00000033,0px 1px 1px 0px #00000024,0px 1px 3px 0px #0000001f; --uxt-theme-shadows-10: 0px 6px 6px -3px #00000033,0px 10px 14px 1px #00000024,0px 4px 18px 3px #0000001f; --uxt-theme-shadows-11: 0px 6px 7px -4px #00000033,0px 11px 15px 1px #00000024,0px 4px 20px 3px #0000001f; --uxt-theme-shadows-12: 0px 7px 8px -4px #00000033,0px 12px 17px 2px #00000024,0px 5px 22px 4px #0000001f; --uxt-theme-shadows-13: 0px 7px 8px -4px #00000033,0px 13px 19px 2px #00000024,0px 5px 24px 4px #0000001f; --uxt-theme-shadows-14: 0px 7px 9px -4px #00000033,0px 14px 21px 2px #00000024,0px 5px 26px 4px #0000001f; --uxt-theme-shadows-15: 0px 8px 9px -5px #00000033,0px 15px 22px 2px #00000024,0px 6px 28px 5px #0000001f; --uxt-theme-shadows-16: 0px 8px 10px -5px #00000033,0px 16px 24px 2px #00000024,0px 6px 30px 5px #0000001f; --uxt-theme-shadows-17: 0px 8px 11px -5px #00000033,0px 17px 26px 2px #00000024,0px 6px 32px 5px #0000001f; --uxt-theme-shadows-18: 0px 9px 11px -5px #00000033,0px 18px 28px 2px #00000024,0px 7px 34px 6px #0000001f; --uxt-theme-shadows-19: 0px 9px 12px -6px #00000033,0px 19px 29px 2px #00000024,0px 7px 36px 6px #0000001f; --uxt-theme-shadows-2: 0px 3px 1px -2px #00000033,0px 2px 2px 0px #00000024,0px 1px 5px 0px #0000001f; --uxt-theme-shadows-20: 0px 10px 13px -6px #00000033,0px 20px 31px 3px #00000024,0px 8px 38px 7px #0000001f; --uxt-theme-shadows-21: 0px 10px 13px -6px #00000033,0px 21px 33px 3px #00000024,0px 8px 40px 7px #0000001f; --uxt-theme-shadows-22: 0px 10px 14px -6px #00000033,0px 22px 35px 3px #00000024,0px 8px 42px 7px #0000001f; --uxt-theme-shadows-23: 0px 11px 14px -7px #00000033,0px 23px 36px 3px #00000024,0px 9px 44px 8px #0000001f; --uxt-theme-shadows-24: 0px 11px 15px -7px #00000033,0px 24px 38px 3px #00000024,0px 9px 46px 8px #0000001f; --uxt-theme-shadows-3: 0px 3px 3px -2px #00000033,0px 3px 4px 0px #00000024,0px 1px 8px 0px #0000001f; --uxt-theme-shadows-4: 0px 2px 4px -1px #00000033,0px 4px 5px 0px #00000024,0px 1px 10px 0px #0000001f; --uxt-theme-shadows-5: 0px 3px 5px -1px #00000033,0px 5px 8px 0px #00000024,0px 1px 14px 0px #0000001f; --uxt-theme-shadows-6: 0px 3px 5px -1px #00000033,0px 6px 10px 0px #00000024,0px 1px 18px 0px #0000001f; --uxt-theme-shadows-7: 0px 4px 5px -2px #00000033,0px 7px 10px 1px #00000024,0px 2px 16px 1px #0000001f; --uxt-theme-shadows-8: 0px 5px 5px -3px #00000033,0px 8px 10px 1px #00000024,0px 3px 14px 2px #0000001f; --uxt-theme-shadows-9: 0px 5px 6px -3px #00000033,0px 9px 12px 1px #00000024,0px 3px 16px 2px #0000001f; --uxt-theme-spacing: 8px; --uxt-theme-transition-color-duration: 150; --uxt-theme-transition-opacity-duration: 200; --uxt-theme-transition-shadow-duration: 280; --uxt-theme-transition-size-duration: 250; --uxt-theme-transition-transform-duration: 225; --uxt-theme-transitions-duration-complex: 375; --uxt-theme-transitions-duration-entering-screen: 225; --uxt-theme-transitions-duration-leaving-screen: 195; --uxt-theme-transitions-duration-short: 250; --uxt-theme-transitions-duration-shorter: 200; --uxt-theme-transitions-duration-shortest: 150; --uxt-theme-transitions-duration-standard: 300; --uxt-theme-transitions-easing-ease-in: cubic-bezier(0.4, 0, 1, 1); --uxt-theme-transitions-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --uxt-theme-transitions-easing-ease-out: cubic-bezier(0.0, 0, 0.2, 1); --uxt-theme-transitions-easing-sharp: cubic-bezier(0.4, 0, 0.6, 1); --uxt-theme-typography-body-1-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-body-1-font-size: 1rem; --uxt-theme-typography-body-1-font-weight: 400; --uxt-theme-typography-body-1-letter-spacing: 0.005em; --uxt-theme-typography-body-1-line-height: 1.5; --uxt-theme-typography-body-2-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-body-2-font-size: 0.875rem; --uxt-theme-typography-body-2-font-weight: 400; --uxt-theme-typography-body-2-letter-spacing: 0.0025em; --uxt-theme-typography-body-2-line-height: 1.429; --uxt-theme-typography-button-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-button-font-size: 0.875rem; --uxt-theme-typography-button-font-weight: 500; --uxt-theme-typography-button-letter-spacing: 0.0125em; --uxt-theme-typography-button-line-height: 1.429; --uxt-theme-typography-caption-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-caption-font-size: 0.75rem; --uxt-theme-typography-caption-font-weight: 400; --uxt-theme-typography-caption-letter-spacing: 0.004em; --uxt-theme-typography-caption-line-height: 1.333; --uxt-theme-typography-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-font-size: 14; --uxt-theme-typography-font-weight-bold: 700; --uxt-theme-typography-font-weight-light: 300; --uxt-theme-typography-font-weight-medium: 500; --uxt-theme-typography-font-weight-regular: 400; --uxt-theme-typography-h-1-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-h-1-font-size: 6rem; --uxt-theme-typography-h-1-font-weight: 300; --uxt-theme-typography-h-1-letter-spacing: -0.015em; --uxt-theme-typography-h-1-line-height: 1.375; --uxt-theme-typography-h-2-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-h-2-font-size: 3.75rem; --uxt-theme-typography-h-2-font-weight: 300; --uxt-theme-typography-h-2-letter-spacing: -0.005em; --uxt-theme-typography-h-2-line-height: 1.533; --uxt-theme-typography-h-3-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-h-3-font-size: 3rem; --uxt-theme-typography-h-3-font-weight: 400; --uxt-theme-typography-h-3-letter-spacing: 0em; --uxt-theme-typography-h-3-line-height: 1.333; --uxt-theme-typography-h-4-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-h-4-font-size: 2.125rem; --uxt-theme-typography-h-4-font-weight: 400; --uxt-theme-typography-h-4-letter-spacing: 0.0025em; --uxt-theme-typography-h-4-line-height: 1.294; --uxt-theme-typography-h-5-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-h-5-font-size: 1.5rem; --uxt-theme-typography-h-5-font-weight: 400; --uxt-theme-typography-h-5-letter-spacing: 0em; --uxt-theme-typography-h-5-line-height: 1.333; --uxt-theme-typography-h-6-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-h-6-font-size: 1.25rem; --uxt-theme-typography-h-6-font-weight: 500; --uxt-theme-typography-h-6-letter-spacing: 0.0015em; --uxt-theme-typography-h-6-line-height: 1.4; --uxt-theme-typography-html-font-size: 16; --uxt-theme-typography-overline-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-overline-font-size: 0.625rem; --uxt-theme-typography-overline-font-weight: 400; --uxt-theme-typography-overline-letter-spacing: 0.015em; --uxt-theme-typography-overline-line-height: 1.2; --uxt-theme-typography-sub-title-1-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-sub-title-1-font-size: 1rem; --uxt-theme-typography-sub-title-1-font-weight: 400; --uxt-theme-typography-sub-title-1-letter-spacing: 0.0015em; --uxt-theme-typography-sub-title-1-line-height: 1.5; --uxt-theme-typography-sub-title-2-font-family: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC','Noto Color Emoji', 'Helvetica', 'Arial', sans-serif; --uxt-theme-typography-sub-title-2-font-size: 0.875rem; --uxt-theme-typography-sub-title-2-font-weight: 500; --uxt-theme-typography-sub-title-2-letter-spacing: 0.001em; --uxt-theme-typography-sub-title-2-line-height: 1.429; }