@dss-kit/ui-kit 0.1.6 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (114) hide show
  1. package/dist/components/builders/Box/Box.d.ts +74 -72
  2. package/dist/components/builders/Box/Box.d.ts.map +1 -1
  3. package/dist/components/builders/Box/index.d.ts +2 -2
  4. package/dist/components/builders/Box/type.d.ts +58 -0
  5. package/dist/components/builders/Box/type.d.ts.map +1 -0
  6. package/dist/components/builders/Loader/Loader.d.ts +3 -3
  7. package/dist/components/builders/Loader/Loader.d.ts.map +1 -1
  8. package/dist/components/builders/Loader/index.d.ts +2 -2
  9. package/dist/components/builders/Modal/Modal.d.ts +32 -30
  10. package/dist/components/builders/Modal/Modal.d.ts.map +1 -1
  11. package/dist/components/builders/Modal/Modal.stories.d.ts +3 -3
  12. package/dist/components/builders/Modal/Modal.stories.d.ts.map +1 -1
  13. package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts +5 -3
  14. package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts.map +1 -1
  15. package/dist/components/builders/Modal/ModalFooter/index.d.ts +2 -2
  16. package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts +18 -12
  17. package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts.map +1 -1
  18. package/dist/components/builders/Modal/ModalHeader/index.d.ts +2 -2
  19. package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts +30 -28
  20. package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts.map +1 -1
  21. package/dist/components/builders/Modal/ModalMain/index.d.ts +3 -3
  22. package/dist/components/builders/Modal/index.d.ts +12 -9
  23. package/dist/components/builders/Modal/index.d.ts.map +1 -1
  24. package/dist/components/builders/Ripple/Ripple.d.ts +13 -16
  25. package/dist/components/builders/Ripple/Ripple.d.ts.map +1 -1
  26. package/dist/components/builders/Ripple/index.d.ts +2 -2
  27. package/dist/components/builders/Text/Text.d.ts +476 -329
  28. package/dist/components/builders/Text/Text.d.ts.map +1 -1
  29. package/dist/components/builders/Text/Text.stories.d.ts +3 -3
  30. package/dist/components/builders/Text/Text.stories.d.ts.map +1 -1
  31. package/dist/components/builders/Text/index.d.ts +2 -2
  32. package/dist/components/builders/Text/utils/systemToClass.d.ts +23 -23
  33. package/dist/components/builders/index.d.ts +5 -5
  34. package/dist/components/controls/Button/Button.d.ts +76 -76
  35. package/dist/components/controls/Button/Button.d.ts.map +1 -1
  36. package/dist/components/controls/Button/Button.stories.d.ts +3 -3
  37. package/dist/components/controls/Button/index.d.ts +3 -3
  38. package/dist/components/controls/Button/styles.d.ts +9 -4
  39. package/dist/components/controls/Button/styles.d.ts.map +1 -1
  40. package/dist/components/controls/Button/types.d.ts +14 -3
  41. package/dist/components/controls/Button/types.d.ts.map +1 -1
  42. package/dist/components/controls/Checkbox/Checkbox.d.ts +29 -18
  43. package/dist/components/controls/Checkbox/Checkbox.d.ts.map +1 -1
  44. package/dist/components/controls/Checkbox/Checkbox.stories.d.ts +3 -3
  45. package/dist/components/controls/Checkbox/index.d.ts +2 -2
  46. package/dist/components/controls/IconButton/IconButton.d.ts +11 -3
  47. package/dist/components/controls/IconButton/IconButton.stories.d.ts +3 -3
  48. package/dist/components/controls/IconButton/IconButton.stories.d.ts.map +1 -1
  49. package/dist/components/controls/IconButton/IconButton.types.d.ts +33 -10
  50. package/dist/components/controls/IconButton/IconButton.types.d.ts.map +1 -1
  51. package/dist/components/controls/IconButton/index.d.ts +3 -3
  52. package/dist/components/controls/Input/Input.d.ts +47 -38
  53. package/dist/components/controls/Input/Input.d.ts.map +1 -1
  54. package/dist/components/controls/Input/Input.stories.d.ts +3 -3
  55. package/dist/components/controls/Input/Input.stories.d.ts.map +1 -1
  56. package/dist/components/controls/Input/index.d.ts +2 -2
  57. package/dist/components/controls/Select/Select.d.ts +44 -22
  58. package/dist/components/controls/Select/Select.d.ts.map +1 -1
  59. package/dist/components/controls/Select/Select.stories.d.ts +5 -5
  60. package/dist/components/controls/Select/Select.stories.d.ts.map +1 -1
  61. package/dist/components/controls/Select/index.d.ts +2 -2
  62. package/dist/components/controls/Switch/Switch.d.ts +89 -83
  63. package/dist/components/controls/Switch/Switch.d.ts.map +1 -1
  64. package/dist/components/controls/Switch/Switch.stories.d.ts +3 -3
  65. package/dist/components/controls/Switch/Switch.stories.d.ts.map +1 -1
  66. package/dist/components/controls/Switch/index.d.ts +3 -3
  67. package/dist/components/controls/index.d.ts +7 -7
  68. package/dist/components/index.d.ts +4 -4
  69. package/dist/components/shared/Avatar/Avatar.d.ts +10 -3
  70. package/dist/components/shared/Avatar/Avatar.stories.d.ts +6 -6
  71. package/dist/components/shared/Avatar/Avatar.stories.d.ts.map +1 -1
  72. package/dist/components/shared/Avatar/Avatar.types.d.ts +21 -8
  73. package/dist/components/shared/Avatar/index.d.ts +3 -3
  74. package/dist/components/shared/Hint/Hint.d.ts +34 -23
  75. package/dist/components/shared/Hint/Hint.d.ts.map +1 -1
  76. package/dist/components/shared/Hint/Hint.stories.d.ts +3 -3
  77. package/dist/components/shared/Hint/Hint.stories.d.ts.map +1 -1
  78. package/dist/components/shared/Hint/index.d.ts +2 -2
  79. package/dist/components/shared/Portal/Portal.d.ts +2 -2
  80. package/dist/components/shared/Portal/Portal.d.ts.map +1 -1
  81. package/dist/components/shared/Portal/index.d.ts +2 -2
  82. package/dist/components/shared/Tag/Tag.d.ts +20 -13
  83. package/dist/components/shared/Tag/Tag.d.ts.map +1 -1
  84. package/dist/components/shared/Tag/Tag.stories.d.ts +3 -3
  85. package/dist/components/shared/Tag/Tag.stories.d.ts.map +1 -1
  86. package/dist/components/shared/Tag/index.d.ts +3 -3
  87. package/dist/components/shared/index.d.ts +5 -5
  88. package/dist/index.d.ts +5 -5
  89. package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.d.ts +7 -3
  90. package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.d.ts.map +1 -1
  91. package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.types.d.ts +4 -4
  92. package/dist/providers/ThemeProviderScoped/index.d.ts +3 -3
  93. package/dist/providers/index.d.ts +2 -2
  94. package/dist/root.css +886 -1
  95. package/dist/types/children.types.d.ts +2 -2
  96. package/dist/types/index.d.ts +2 -2
  97. package/dist/types/tokens.types.d.ts +74 -9
  98. package/dist/ui-kit.cjs.js +9323 -5
  99. package/dist/ui-kit.cjs.js.map +1 -1
  100. package/dist/ui-kit.css +1 -1
  101. package/dist/ui-kit.es.js +7900 -5735
  102. package/dist/ui-kit.es.js.map +1 -1
  103. package/dist/utils/hooks/index.d.ts +3 -3
  104. package/dist/utils/hooks/useControlled.d.ts +5 -2
  105. package/dist/utils/hooks/useDropdownPosition.d.ts +8 -5
  106. package/dist/utils/index.d.ts +3 -3
  107. package/dist/utils/styles/getFontWeightClass/getFontWeightClass.d.ts +7 -3
  108. package/dist/utils/styles/getFontWeightClass/index.d.ts +2 -2
  109. package/dist/utils/styles/getSizeClass/getSizeClass.d.ts +7 -3
  110. package/dist/utils/styles/getSizeClass/index.d.ts +2 -2
  111. package/dist/utils/styles/getStyleClass/getStyleClass.d.ts +11 -2
  112. package/dist/utils/styles/getStyleClass/index.d.ts +2 -2
  113. package/dist/utils/styles/index.d.ts +3 -3
  114. package/package.json +5 -16
package/dist/root.css CHANGED
@@ -1 +1,886 @@
1
- @charset "UTF-8";@layer reset{:root *,:root *:before,:root *:after{box-sizing:border-box;margin:0;color:unset}:root ul[class],:root ol[class]{padding:0}:root body,:root h1,:root h2,:root h3,:root h4,:root p,:root label,:root ul[class],:root ol[class],:root li,:root figure,:root figcaption,:root blockquote,:root dl,:root dd{margin:0}:root label{display:block}:root html{scroll-behavior:smooth}:root body{min-height:100dvh;text-rendering:optimizeSpeed;line-height:1.5;margin:0!important}:root ul[class],:root ol[class]{list-style:none}:root a:not([class]){text-decoration-skip-ink:auto}:root a,:root a:hover,:root a:checked{text-decoration:none;color:inherit}:root img{max-width:100%;display:block}:root input,:root button,:root textarea,:root select,:root pre{font:inherit}:root input,:root textarea{outline:none;border:none;padding:0}@media (prefers-reduced-motion: reduce){:root *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root input::-webkit-outer-spin-button,:root input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root input[type=number]{-moz-appearance:textfield}:root html{overflow-x:hidden;margin-right:calc(-1*(100vw - 100%))}:root a:focus,:root button:focus,:root input:focus,:root textarea:focus{outline:none}:root button{cursor:pointer;padding:0;background:transparent}:root button{border:none;outline:none}:root fieldset{border:0;padding:0;margin:0;min-width:0}:root div{outline:none}:root input[type=search]::-ms-clear{display:none;width:0;height:0}:root input[type=search]::-ms-reveal{display:none;width:0;height:0}:root input[type=search]::-webkit-search-decoration,:root input[type=search]::-webkit-search-cancel-button,:root input[type=search]::-webkit-search-results-button,:root input[type=search]::-webkit-search-results-decoration{display:none}}:root{--accent-10: #001033;--accent-10-5: rgba(0, 16, 51, .05);--accent-20: #002166;--accent-30: #003199;--accent-40: #0042cc;--accent-50: #0052ff;--accent-50-8: rgba(0, 82, 255, .08);--accent-50-12: rgba(0, 82, 255, .12);--accent-60: #3375ff;--accent-60-8: rgba(51, 117, 255, .08);--accent-60-12: rgba(51, 117, 255, .12);--accent-70: #6697ff;--accent-80: #99baff;--accent-90: #ccdcff;--accent-90-12: rgba(204, 220, 255, .12);--accent-96: #ebf1ff;--accent-96-8: rgba(235, 241, 255, .08);--accent-98: #f5f8ff;--neutral-10: #131720;--neutral-10-40: rgba(19, 23, 32, .4);--neutral-15: #1c2230;--neutral-20: #262e40;--neutral-25: #313b50;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-80-50: rgba(191, 199, 217, .5);--neutral-80-70: rgba(191, 199, 217, .7);--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--neutral-100-8: rgba(255, 255, 255, .08);--neutral-100-12: rgba(255, 255, 255, .12);--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-12: rgba(87, 194, 61, .12);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-80-8: rgba(188, 231, 177, .08);--positive-80-12: rgba(188, 231, 177, .12);--positive-90: #ddf3d8;--positive-90-8: rgba(221, 243, 216, .08);--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-90);--border-accent-secondary-hover: var(--accent-80);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-90);--border-negative-secondary-hover: var(--negative-80);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-90);--border-positive-secondary-hover: var(--positive-80);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-90);--border-warning-secondary-hover: var(--warning-80);--border-neutral-primary: var(--neutral-60);--border-neutral-primary-hover: var(--neutral-50);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-20);--text-primary-inverse: var(--neutral-100);--text-primary-hover: var(--neutral-15);--text-secondary: var(--neutral-40);--text-secondary-inverse: var(--neutral-80-70);--text-secondary-hover: var(--neutral-30);--text-tertiary: var(--neutral-60);--text-tertiary-inverse: var(--neutral-80-50);--text-tertiary-hover: var(--neutral-50);--text-positive: var(--positive-50);--text-positive-hover: var(--positive-40);--text-negative: var(--negative-60);--text-negative-hover: var(--negative-50);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-50);--text-accent-hover: var(--accent-40);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-20);--icon-primary-hover: var(--neutral-15);--icon-secondary: var(--neutral-40);--icon-secondary-hover: var(--neutral-30);--icon-tertiary: var(--neutral-60);--icon-tertiary-inverse: var(--neutral-80-50);--icon-tertiary-hover: var(--neutral-50);--icon-positive: var(--positive-50);--icon-positive-hover: var(--positive-40);--icon-negative: var(--negative-60);--icon-negative-hover: var(--negative-50);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-50);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-96);--fill-accent-secondary-hover: var(--accent-90);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-96);--fill-positive-secondary-hover: var(--positive-90);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-96);--fill-negative-secondary-hover: var(--negative-92);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-96);--fill-warning-secondary-hover: var(--warning-90);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-primary: var(--neutral-100);--fill-neutral-primary-hover: var(--neutral-96);--fill-neutral-secondary: var(--neutral-96);--fill-neutral-secondary-inverse: var(--neutral-60-8);--fill-neutral-secondary-hover: var(--neutral-90);--fill-bg-primary: var(--neutral-100);--fill-bg-primary-inverse: var(--neutral-15);--fill-bg-secondary: var(--neutral-98);--fill-bg-secondary-inverse: var(--neutral-20);--fill-bg-tertiary: var(--neutral-96);--fill-bg-overlay-primary: var(--neutral-10-40);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-60);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-50);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-60);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-60);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--shadow-accent-primary: var(--accent-10-5);--scrollbar-thumb-primary: var(--neutral-86);--scrollbar-track-primary: var(--neutral-96);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--height-switch-sm: 20px;--height-switch-md: 24px;--height-switch-lg: 32px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root[data-theme=dark],:root [data-theme=dark]{--accent-10: #001033;--accent-10-5: rgba(0, 16, 51, .05);--accent-20: #002166;--accent-30: #003199;--accent-40: #0042cc;--accent-50: #0052ff;--accent-50-8: rgba(0, 82, 255, .08);--accent-50-12: rgba(0, 82, 255, .12);--accent-60: #3375ff;--accent-60-8: rgba(51, 117, 255, .08);--accent-60-12: rgba(51, 117, 255, .12);--accent-70: #6697ff;--accent-80: #99baff;--accent-90: #ccdcff;--accent-90-12: rgba(204, 220, 255, .12);--accent-96: #ebf1ff;--accent-96-8: rgba(235, 241, 255, .08);--accent-98: #f5f8ff;--neutral-10: #131720;--neutral-10-40: rgba(19, 23, 32, .4);--neutral-15: #1c2230;--neutral-20: #262e40;--neutral-25: #313b50;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-80-50: rgba(191, 199, 217, .5);--neutral-80-70: rgba(191, 199, 217, .7);--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--neutral-100-8: rgba(255, 255, 255, .08);--neutral-100-12: rgba(255, 255, 255, .12);--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-12: rgba(87, 194, 61, .12);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-80-8: rgba(188, 231, 177, .08);--positive-80-12: rgba(188, 231, 177, .12);--positive-90: #ddf3d8;--positive-90-8: rgba(221, 243, 216, .08);--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-60-8);--border-accent-secondary-hover: var(--accent-60-12);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-60-8);--border-negative-secondary-hover: var(--negative-60-12);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-80-8);--border-positive-secondary-hover: var(--positive-50-12);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-60-8);--border-warning-secondary-hover: var(--warning-60-12);--border-neutral-primary: var(--neutral-30);--border-neutral-primary-hover: var(--neutral-40);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-100);--text-primary-inverse: var(--neutral-20);--text-primary-hover: var(--neutral-100);--text-secondary: var(--neutral-80-70);--text-secondary-inverse: var(--neutral-80-70);--text-secondary-hover: var(--neutral-80-70);--text-tertiary: var(--neutral-80-50);--text-tertiary-inverse: var(--neutral-60);--text-tertiary-hover: var(--neutral-80-50);--text-positive: var(--positive-60);--text-positive-hover: var(--positive-50);--text-negative: var(--negative-70);--text-negative-hover: var(--negative-60);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-50);--text-accent-hover: var(--accent-40);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-100);--icon-primary-hover: var(--neutral-100);--icon-secondary: var(--neutral-80-70);--icon-secondary-hover: var(--neutral-80-70);--icon-tertiary: var(--neutral-80-50);--icon-tertiary-inverse: var(--neutral-60);--icon-tertiary-hover: var(--neutral-80-50);--icon-positive: var(--positive-60);--icon-positive-hover: var(--positive-60);--icon-negative: var(--negative-70);--icon-negative-hover: var(--negative-70);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-60);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-50-8);--fill-accent-secondary-hover: var(--accent-50-12);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-50-8);--fill-positive-secondary-hover: var(--positive-50-12);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-60-8);--fill-negative-secondary-hover: var(--negative-60-12);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-60-8);--fill-warning-secondary-hover: var(--warning-60-12);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-primary: var(--neutral-100-8);--fill-neutral-primary-hover: var(--neutral-100-12);--fill-neutral-secondary: var(--neutral-60-8);--fill-neutral-secondary-inverse: var(--neutral-98);--fill-neutral-secondary-hover: var(--neutral-60-12);--fill-bg-primary: var(--neutral-15);--fill-bg-primary-inverse: var(--neutral-100);--fill-bg-secondary: var(--neutral-20);--fill-bg-tertiary: var(--neutral-25);--fill-bg-overlay-primary: var(--neutral-10-40);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-70);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-60);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-70);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-70);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--shadow-accent-primary: var(--accent-10-5);--scrollbar-thumb-primary: var(--neutral-80-50);--scrollbar-track-primary: var(--neutral-25);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--height-switch-sm: 20px;--height-switch-md: 24px;--height-switch-lg: 32px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root[data-theme=brand],:root [data-theme=brand]{--accent-10: #14082b;--accent-10-5: rgba(20, 8, 43, .05);--accent-20: #270f57;--accent-30: #3b1782;--accent-40: #4f1fad;--accent-50: #6226d8;--accent-50-8: rgba(98, 38, 216, .08);--accent-50-12: rgba(98, 38, 216, .12);--accent-60: #8252e0;--accent-60-8: rgba(130, 82, 224, .08);--accent-60-12: rgba(130, 82, 224, .12);--accent-70: #a17de8;--accent-80: #c0a8ef;--accent-90: #e0d4f7;--accent-90-12: rgba(224, 212, 247, .12);--accent-96: #f2eefc;--accent-96-8: rgba(242, 238, 252, .08);--accent-98: #f5f8ff;--neutral-10: #131720;--neutral-10-40: rgba(19, 23, 32, .4);--neutral-15: #1c2230;--neutral-20: #262e40;--neutral-25: #313b50;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-80-50: rgba(191, 199, 217, .5);--neutral-80-70: rgba(191, 199, 217, .7);--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--neutral-100-8: rgba(255, 255, 255, .08);--neutral-100-12: rgba(255, 255, 255, .12);--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-12: rgba(87, 194, 61, .12);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-80-8: rgba(188, 231, 177, .08);--positive-80-12: rgba(188, 231, 177, .12);--positive-90: #ddf3d8;--positive-90-8: rgba(221, 243, 216, .08);--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-60-8);--border-accent-secondary-hover: var(--accent-60-12);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-60-8);--border-negative-secondary-hover: var(--negative-60-12);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-80-8);--border-positive-secondary-hover: var(--positive-50-12);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-60-8);--border-warning-secondary-hover: var(--warning-60-12);--border-neutral-primary: var(--neutral-30);--border-neutral-primary-hover: var(--neutral-40);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-100);--text-primary-inverse: var(--neutral-20);--text-primary-hover: var(--neutral-100);--text-secondary: var(--neutral-80-70);--text-secondary-inverse: var(--neutral-40);--text-secondary-hover: var(--neutral-80-70);--text-tertiary: var(--neutral-80-50);--text-tertiary-inverse: var(--neutral-60);--text-tertiary-hover: var(--neutral-80-50);--text-positive: var(--positive-60);--text-positive-hover: var(--positive-50);--text-negative: var(--negative-70);--text-negative-hover: var(--negative-60);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-50);--text-accent-hover: var(--accent-40);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-100);--icon-primary-hover: var(--neutral-100);--icon-secondary: var(--neutral-80-70);--icon-secondary-hover: var(--neutral-80-70);--icon-tertiary: var(--neutral-80-50);--icon-tertiary-inverse: var(--neutral-60);--icon-tertiary-hover: var(--neutral-80-50);--icon-positive: var(--positive-60);--icon-positive-hover: var(--positive-60);--icon-negative: var(--negative-70);--icon-negative-hover: var(--negative-70);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-60);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-50-8);--fill-accent-secondary-hover: var(--accent-50-12);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-50-8);--fill-positive-secondary-hover: var(--positive-50-12);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-60-8);--fill-negative-secondary-hover: var(--negative-60-12);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-60-8);--fill-warning-secondary-hover: var(--warning-60-12);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-primary: var(--neutral-100-8);--fill-neutral-primary-hover: var(--neutral-100-12);--fill-neutral-secondary: var(--neutral-60-8);--fill-neutral-secondary-inverse: var(--neutral-98);--fill-neutral-secondary-hover: var(--neutral-60-12);--fill-bg-primary: var(--neutral-15);--fill-bg-primary-inverse: var(--neutral-100);--fill-bg-secondary: var(--neutral-20);--fill-bg-tertiary: var(--neutral-25);--fill-bg-overlay-primary: var(--neutral-10-40);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-70);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-60);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-70);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-70);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--shadow-accent-primary: var(--accent-10-5);--scrollbar-thumb-primary: var(--neutral-80-50);--scrollbar-track-primary: var(--neutral-25);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--height-switch-sm: 20px;--height-switch-md: 24px;--height-switch-lg: 32px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root{font-size:16px;line-height:24px;font-weight:400;color:var(--text-primary)}
1
+ @charset "UTF-8";
2
+ @layer reset {
3
+ :root *,
4
+ :root *:before,
5
+ :root *:after {
6
+ box-sizing: border-box;
7
+ margin: 0;
8
+ color: unset;
9
+ }
10
+ :root ul[class],
11
+ :root ol[class] {
12
+ padding: 0;
13
+ }
14
+ :root body,
15
+ :root h1,
16
+ :root h2,
17
+ :root h3,
18
+ :root h4,
19
+ :root p,
20
+ :root label,
21
+ :root ul[class],
22
+ :root ol[class],
23
+ :root li,
24
+ :root figure,
25
+ :root figcaption,
26
+ :root blockquote,
27
+ :root dl,
28
+ :root dd {
29
+ margin: 0;
30
+ }
31
+ :root label {
32
+ display: block;
33
+ }
34
+ :root html {
35
+ scroll-behavior: smooth;
36
+ }
37
+ :root body {
38
+ min-height: 100dvh;
39
+ text-rendering: optimizeSpeed;
40
+ line-height: 1.5;
41
+ margin: 0 !important;
42
+ }
43
+ :root ul[class],
44
+ :root ol[class] {
45
+ list-style: none;
46
+ }
47
+ :root a:not([class]) {
48
+ text-decoration-skip-ink: auto;
49
+ }
50
+ :root a,
51
+ :root a:hover,
52
+ :root a:checked {
53
+ text-decoration: none;
54
+ color: inherit;
55
+ }
56
+ :root img {
57
+ max-width: 100%;
58
+ display: block;
59
+ }
60
+ :root input,
61
+ :root button,
62
+ :root textarea,
63
+ :root select,
64
+ :root pre {
65
+ font: inherit;
66
+ }
67
+ :root input,
68
+ :root textarea {
69
+ outline: none;
70
+ border: none;
71
+ padding: 0;
72
+ }
73
+ @media (prefers-reduced-motion: reduce) {
74
+ :root * {
75
+ animation-duration: 0.01ms !important;
76
+ animation-iteration-count: 1 !important;
77
+ transition-duration: 0.01ms !important;
78
+ scroll-behavior: auto !important;
79
+ }
80
+ }
81
+ :root input::-webkit-outer-spin-button,
82
+ :root input::-webkit-inner-spin-button {
83
+ -webkit-appearance: none;
84
+ margin: 0;
85
+ }
86
+ :root input[type="number"] {
87
+ -moz-appearance: textfield;
88
+ }
89
+ :root html {
90
+ overflow-x: hidden;
91
+ margin-right: calc(-1 * (100vw - 100%));
92
+ }
93
+ :root a:focus,
94
+ :root button:focus,
95
+ :root input:focus,
96
+ :root textarea:focus {
97
+ outline: none;
98
+ }
99
+ :root button {
100
+ cursor: pointer;
101
+ padding: 0;
102
+ background: transparent;
103
+ }
104
+ :root button {
105
+ border: none;
106
+ outline: none;
107
+ }
108
+ :root fieldset {
109
+ border: 0;
110
+ padding: 0;
111
+ margin: 0;
112
+ min-width: 0;
113
+ }
114
+ :root div {
115
+ outline: none;
116
+ }
117
+ :root input[type="search"]::-ms-clear {
118
+ display: none;
119
+ width: 0;
120
+ height: 0;
121
+ }
122
+ :root input[type="search"]::-ms-reveal {
123
+ display: none;
124
+ width: 0;
125
+ height: 0;
126
+ }
127
+ :root input[type="search"]::-webkit-search-decoration,
128
+ :root input[type="search"]::-webkit-search-cancel-button,
129
+ :root input[type="search"]::-webkit-search-results-button,
130
+ :root input[type="search"]::-webkit-search-results-decoration {
131
+ display: none;
132
+ }
133
+ }
134
+ :root {
135
+ --accent-10: #001033;
136
+ --accent-10-5: rgba(0, 16, 51, 0.05);
137
+ --accent-20: #002166;
138
+ --accent-30: #003199;
139
+ --accent-40: #0042cc;
140
+ --accent-50: #0052ff;
141
+ --accent-50-8: rgba(0, 82, 255, 0.08);
142
+ --accent-50-12: rgba(0, 82, 255, 0.12);
143
+ --accent-60: #3375ff;
144
+ --accent-60-8: rgba(51, 117, 255, 0.08);
145
+ --accent-60-12: rgba(51, 117, 255, 0.12);
146
+ --accent-70: #6697ff;
147
+ --accent-80: #99baff;
148
+ --accent-90: #ccdcff;
149
+ --accent-90-12: rgba(204, 220, 255, 0.12);
150
+ --accent-96: #ebf1ff;
151
+ --accent-96-8: rgba(235, 241, 255, 0.08);
152
+ --accent-98: #f5f8ff;
153
+ --neutral-10: #131720;
154
+ --neutral-10-40: rgba(19, 23, 32, 0.4);
155
+ --neutral-15: #1c2230;
156
+ --neutral-20: #262e40;
157
+ --neutral-25: #313b50;
158
+ --neutral-30: #394560;
159
+ --neutral-40: #4c5c80;
160
+ --neutral-50: #5f73a0;
161
+ --neutral-60: #7f8fb3;
162
+ --neutral-60-8: rgba(127, 143, 179, 0.08);
163
+ --neutral-60-12: rgba(127, 143, 179, 0.12);
164
+ --neutral-60-16: rgba(127, 143, 179, 0.16);
165
+ --neutral-70: #9fabc6;
166
+ --neutral-80: #bfc7d9;
167
+ --neutral-80-50: rgba(191, 199, 217, 0.5);
168
+ --neutral-80-70: rgba(191, 199, 217, 0.7);
169
+ --neutral-86: #d2d8e4;
170
+ --neutral-90: #dfe3ec;
171
+ --neutral-90-10: rgba(223, 227, 236, 0.1);
172
+ --neutral-90-15: rgba(223, 227, 236, 0.15);
173
+ --neutral-90-20: rgba(223, 227, 236, 0.2);
174
+ --neutral-92: #e5e9f0;
175
+ --neutral-96: #f2f4f7;
176
+ --neutral-98: #f9f9fb;
177
+ --neutral-100: #ffffff;
178
+ --neutral-100-8: rgba(255, 255, 255, 0.08);
179
+ --neutral-100-12: rgba(255, 255, 255, 0.12);
180
+ --negative-10: #320101;
181
+ --negative-20: #640202;
182
+ --negative-30: #950404;
183
+ --negative-40: #c70505;
184
+ --negative-50: #f90606;
185
+ --negative-60: #fa3838;
186
+ --negative-60-8: rgba(250, 56, 56, 0.08);
187
+ --negative-60-12: rgba(250, 56, 56, 0.12);
188
+ --negative-70: #fb6a6a;
189
+ --negative-80: #fd9b9b;
190
+ --negative-90: #fecdcd;
191
+ --negative-92: #fed7d7;
192
+ --negative-96: #ffebeb;
193
+ --negative-98: #fff5f5;
194
+ --positive-10: #11270c;
195
+ --positive-20: #234e18;
196
+ --positive-30: #347425;
197
+ --positive-40: #469b31;
198
+ --positive-50: #57c23d;
199
+ --positive-50-8: rgba(87, 194, 61, 0.08);
200
+ --positive-50-12: rgba(87, 194, 61, 0.12);
201
+ --positive-60: #79ce64;
202
+ --positive-70: #9ada8b;
203
+ --positive-80: #bce7b1;
204
+ --positive-80-8: rgba(188, 231, 177, 0.08);
205
+ --positive-80-12: rgba(188, 231, 177, 0.12);
206
+ --positive-90: #ddf3d8;
207
+ --positive-90-8: rgba(221, 243, 216, 0.08);
208
+ --positive-92: #e4f5e0;
209
+ --positive-96: #f2faef;
210
+ --warning-10: #663d00;
211
+ --warning-20: #663d00;
212
+ --warning-30: #985b01;
213
+ --warning-40: #cb7a01;
214
+ --warning-50: #fe9801;
215
+ --warning-60: #fead34;
216
+ --warning-60-8: rgba(254, 173, 52, 0.08);
217
+ --warning-60-12: rgba(254, 173, 52, 0.12);
218
+ --warning-70: #fec167;
219
+ --warning-80: #ffd699;
220
+ --warning-90: #ffeacc;
221
+ --warning-92: #ffefd6;
222
+ --warning-96: #fff7eb;
223
+ --border-accent-primary: var(--accent-60);
224
+ --border-accent-primary-hover: var(--accent-50);
225
+ --border-accent-secondary: var(--accent-90);
226
+ --border-accent-secondary-hover: var(--accent-80);
227
+ --border-negative-primary: var(--negative-60);
228
+ --border-negative-primary-hover: var(--negative-50);
229
+ --border-negative-secondary: var(--negative-90);
230
+ --border-negative-secondary-hover: var(--negative-80);
231
+ --border-positive-primary: var(--positive-60);
232
+ --border-positive-primary-hover: var(--positive-50);
233
+ --border-positive-secondary: var(--positive-90);
234
+ --border-positive-secondary-hover: var(--positive-80);
235
+ --border-warning-primary: var(--warning-60);
236
+ --border-warning-primary-hover: var(--warning-50);
237
+ --border-warning-secondary: var(--warning-90);
238
+ --border-warning-secondary-hover: var(--warning-80);
239
+ --border-neutral-primary: var(--neutral-60);
240
+ --border-neutral-primary-hover: var(--neutral-50);
241
+ --border-neutral-alpha-basic: var(--neutral-60-12);
242
+ --border-neutral-alpha-low: var(--neutral-60-8);
243
+ --border-neutral-alpha-high: var(--neutral-60-16);
244
+ --text-primary: var(--neutral-20);
245
+ --text-primary-inverse: var(--neutral-100);
246
+ --text-primary-hover: var(--neutral-15);
247
+ --text-secondary: var(--neutral-40);
248
+ --text-secondary-inverse: var(--neutral-80-70);
249
+ --text-secondary-hover: var(--neutral-30);
250
+ --text-tertiary: var(--neutral-60);
251
+ --text-tertiary-inverse: var(--neutral-80-50);
252
+ --text-tertiary-hover: var(--neutral-50);
253
+ --text-positive: var(--positive-50);
254
+ --text-positive-hover: var(--positive-40);
255
+ --text-negative: var(--negative-60);
256
+ --text-negative-hover: var(--negative-50);
257
+ --text-warning: var(--warning-60);
258
+ --text-warning-hover: var(--warning-50);
259
+ --text-accent: var(--accent-50);
260
+ --text-accent-hover: var(--accent-40);
261
+ --text-inverse: var(--neutral-100);
262
+ --icon-primary: var(--neutral-20);
263
+ --icon-primary-hover: var(--neutral-15);
264
+ --icon-primary-inverse: var(--neutral-100);
265
+ --icon-secondary: var(--neutral-40);
266
+ --icon-secondary-hover: var(--neutral-30);
267
+ --icon-tertiary: var(--neutral-60);
268
+ --icon-tertiary-inverse: var(--neutral-80-50);
269
+ --icon-tertiary-hover: var(--neutral-50);
270
+ --icon-positive: var(--positive-50);
271
+ --icon-positive-hover: var(--positive-40);
272
+ --icon-negative: var(--negative-60);
273
+ --icon-negative-hover: var(--negative-50);
274
+ --icon-warning: var(--warning-60);
275
+ --icon-warning-hover: var(--warning-50);
276
+ --icon-accent: var(--accent-60);
277
+ --icon-accent-hover: var(--accent-50);
278
+ --icon-inverse: var(--neutral-100);
279
+ --fill-accent-primary: var(--accent-60);
280
+ --fill-accent-primary-hover: var(--accent-50);
281
+ --fill-accent-secondary: var(--accent-96);
282
+ --fill-accent-secondary-hover: var(--accent-90);
283
+ --fill-accent-tint: var(--accent-50-12);
284
+ --fill-accent-tint-low: var(--accent-50-8);
285
+ --fill-positive-primary: var(--positive-60);
286
+ --fill-positive-primary-hover: var(--positive-50);
287
+ --fill-positive-secondary: var(--positive-96);
288
+ --fill-positive-secondary-hover: var(--positive-90);
289
+ --fill-positive-tint: var(--positive-50-12);
290
+ --fill-positive-tint-low: var(--positive-50-8);
291
+ --fill-negative-primary: var(--negative-60);
292
+ --fill-negative-primary-hover: var(--negative-50);
293
+ --fill-negative-secondary: var(--negative-96);
294
+ --fill-negative-secondary-hover: var(--negative-92);
295
+ --fill-negative-tint: var(--negative-60-12);
296
+ --fill-negative-tint-low: var(--negative-60-8);
297
+ --fill-warning-primary: var(--warning-60);
298
+ --fill-warning-primary-hover: var(--warning-50);
299
+ --fill-warning-secondary: var(--warning-96);
300
+ --fill-warning-secondary-hover: var(--warning-90);
301
+ --fill-warning-tint: var(--warning-60-12);
302
+ --fill-warning-tint-low: var(--warning-60-8);
303
+ --fill-neutral-primary: var(--neutral-100);
304
+ --fill-neutral-primary-hover: var(--neutral-96);
305
+ --fill-neutral-secondary: var(--neutral-96);
306
+ --fill-neutral-secondary-inverse: var(--neutral-60-8);
307
+ --fill-neutral-secondary-hover: var(--neutral-90);
308
+ --fill-bg-primary: var(--neutral-100);
309
+ --fill-bg-primary-inverse: var(--neutral-15);
310
+ --fill-bg-secondary: var(--neutral-98);
311
+ --fill-bg-secondary-inverse: var(--neutral-20);
312
+ --fill-bg-tertiary: var(--neutral-96);
313
+ --fill-bg-overlay-primary: var(--neutral-10-40);
314
+ --status-accent: var(--accent-50);
315
+ --status-accent-tint: var(--accent-50-12);
316
+ --status-accent-tint-low: var(--accent-50-8);
317
+ --status-negative: var(--negative-60);
318
+ --status-negative-tint: var(--negative-60-12);
319
+ --status-negative-tint-low: var(--negative-60-8);
320
+ --status-positive: var(--positive-50);
321
+ --status-positive-tint: var(--positive-50-12);
322
+ --status-positive-tint-low: var(--positive-50-8);
323
+ --status-warning: var(--warning-60);
324
+ --status-warning-tint: var(--warning-60-12);
325
+ --status-warning-tint-low: var(--warning-60-8);
326
+ --status-neutral: var(--neutral-60);
327
+ --status-neutral-tint: var(--neutral-60-12);
328
+ --status-neutral-tint-low: var(--neutral-60-8);
329
+ --shadow-accent-primary: var(--accent-10-5);
330
+ --scrollbar-thumb-primary: var(--neutral-86);
331
+ --scrollbar-track-primary: var(--neutral-96);
332
+ --corner-zero: 0;
333
+ --corner-xs: 4px;
334
+ --corner-sm: 8px;
335
+ --corner-md: 12px;
336
+ --corner-lg: 16px;
337
+ --corner-xl: 20px;
338
+ --corner-2xl: 24px;
339
+ --corner-3xl: 32px;
340
+ --corner-4xl: 40px;
341
+ --corner-5xl: 48px;
342
+ --corner-6xl: 56px;
343
+ --corner-full-round: 1000px;
344
+ --height-button-xs: 32px;
345
+ --height-button-sm: 40px;
346
+ --height-button-md: 48px;
347
+ --height-button-lg: 56px;
348
+ --height-avatar-sm: 32px;
349
+ --height-avatar-md: 40px;
350
+ --height-avatar-lg: 48px;
351
+ --height-icon-xs: 16px;
352
+ --height-icon-sm: 20px;
353
+ --height-icon-md: 24px;
354
+ --height-icon-lg: 32px;
355
+ --height-icon-xl: 64px;
356
+ --height-switch-sm: 20px;
357
+ --height-switch-md: 24px;
358
+ --height-switch-lg: 32px;
359
+ --opacity-primary: 100;
360
+ --opacity-secondary: 80;
361
+ --opacity-tertiary: 60;
362
+ --spacing-zero: 0;
363
+ --spacing-xs: 4px;
364
+ --spacing-sm: 8px;
365
+ --spacing-md: 12px;
366
+ --spacing-lg: 16px;
367
+ --spacing-xl: 20px;
368
+ --spacing-2xl: 24px;
369
+ --spacing-3xl: 32px;
370
+ --spacing-4xl: 40px;
371
+ --spacing-5xl: 48px;
372
+ --spacing-6xl: 56px;
373
+ --spacing-7xl: 64px;
374
+ --spacing-8xl: 72px;
375
+ --spacing-9xl: 80px;
376
+ --spacing-10xl: 96px;
377
+ --transition-general: all 0.3s ease-in-out;
378
+ --fw-regular: 400;
379
+ --fw-medium: 500;
380
+ --fw-semibold: 600;
381
+ --fw-bold: 700;
382
+ }
383
+ :root[data-theme="dark"],
384
+ :root [data-theme="dark"] {
385
+ --accent-10: #001033;
386
+ --accent-10-5: rgba(0, 16, 51, 0.05);
387
+ --accent-20: #002166;
388
+ --accent-30: #003199;
389
+ --accent-40: #0042cc;
390
+ --accent-50: #0052ff;
391
+ --accent-50-8: rgba(0, 82, 255, 0.08);
392
+ --accent-50-12: rgba(0, 82, 255, 0.12);
393
+ --accent-60: #3375ff;
394
+ --accent-60-8: rgba(51, 117, 255, 0.08);
395
+ --accent-60-12: rgba(51, 117, 255, 0.12);
396
+ --accent-70: #6697ff;
397
+ --accent-80: #99baff;
398
+ --accent-90: #ccdcff;
399
+ --accent-90-12: rgba(204, 220, 255, 0.12);
400
+ --accent-96: #ebf1ff;
401
+ --accent-96-8: rgba(235, 241, 255, 0.08);
402
+ --accent-98: #f5f8ff;
403
+ --neutral-10: #131720;
404
+ --neutral-10-40: rgba(19, 23, 32, 0.4);
405
+ --neutral-15: #1c2230;
406
+ --neutral-20: #262e40;
407
+ --neutral-25: #313b50;
408
+ --neutral-30: #394560;
409
+ --neutral-40: #4c5c80;
410
+ --neutral-50: #5f73a0;
411
+ --neutral-60: #7f8fb3;
412
+ --neutral-60-8: rgba(127, 143, 179, 0.08);
413
+ --neutral-60-12: rgba(127, 143, 179, 0.12);
414
+ --neutral-60-16: rgba(127, 143, 179, 0.16);
415
+ --neutral-70: #9fabc6;
416
+ --neutral-80: #bfc7d9;
417
+ --neutral-80-50: rgba(191, 199, 217, 0.5);
418
+ --neutral-80-70: rgba(191, 199, 217, 0.7);
419
+ --neutral-86: #d2d8e4;
420
+ --neutral-90: #dfe3ec;
421
+ --neutral-90-10: rgba(223, 227, 236, 0.1);
422
+ --neutral-90-15: rgba(223, 227, 236, 0.15);
423
+ --neutral-90-20: rgba(223, 227, 236, 0.2);
424
+ --neutral-92: #e5e9f0;
425
+ --neutral-96: #f2f4f7;
426
+ --neutral-98: #f9f9fb;
427
+ --neutral-100: #ffffff;
428
+ --neutral-100-8: rgba(255, 255, 255, 0.08);
429
+ --neutral-100-12: rgba(255, 255, 255, 0.12);
430
+ --negative-10: #320101;
431
+ --negative-20: #640202;
432
+ --negative-30: #950404;
433
+ --negative-40: #c70505;
434
+ --negative-50: #f90606;
435
+ --negative-60: #fa3838;
436
+ --negative-60-8: rgba(250, 56, 56, 0.08);
437
+ --negative-60-12: rgba(250, 56, 56, 0.12);
438
+ --negative-70: #fb6a6a;
439
+ --negative-80: #fd9b9b;
440
+ --negative-90: #fecdcd;
441
+ --negative-92: #fed7d7;
442
+ --negative-96: #ffebeb;
443
+ --negative-98: #fff5f5;
444
+ --positive-10: #11270c;
445
+ --positive-20: #234e18;
446
+ --positive-30: #347425;
447
+ --positive-40: #469b31;
448
+ --positive-50: #57c23d;
449
+ --positive-50-8: rgba(87, 194, 61, 0.08);
450
+ --positive-50-12: rgba(87, 194, 61, 0.12);
451
+ --positive-60: #79ce64;
452
+ --positive-70: #9ada8b;
453
+ --positive-80: #bce7b1;
454
+ --positive-80-8: rgba(188, 231, 177, 0.08);
455
+ --positive-80-12: rgba(188, 231, 177, 0.12);
456
+ --positive-90: #ddf3d8;
457
+ --positive-90-8: rgba(221, 243, 216, 0.08);
458
+ --positive-92: #e4f5e0;
459
+ --positive-96: #f2faef;
460
+ --warning-10: #663d00;
461
+ --warning-20: #663d00;
462
+ --warning-30: #985b01;
463
+ --warning-40: #cb7a01;
464
+ --warning-50: #fe9801;
465
+ --warning-60: #fead34;
466
+ --warning-60-8: rgba(254, 173, 52, 0.08);
467
+ --warning-60-12: rgba(254, 173, 52, 0.12);
468
+ --warning-70: #fec167;
469
+ --warning-80: #ffd699;
470
+ --warning-90: #ffeacc;
471
+ --warning-92: #ffefd6;
472
+ --warning-96: #fff7eb;
473
+ --border-accent-primary: var(--accent-60);
474
+ --border-accent-primary-hover: var(--accent-50);
475
+ --border-accent-secondary: var(--accent-60-8);
476
+ --border-accent-secondary-hover: var(--accent-60-12);
477
+ --border-negative-primary: var(--negative-60);
478
+ --border-negative-primary-hover: var(--negative-50);
479
+ --border-negative-secondary: var(--negative-60-8);
480
+ --border-negative-secondary-hover: var(--negative-60-12);
481
+ --border-positive-primary: var(--positive-60);
482
+ --border-positive-primary-hover: var(--positive-50);
483
+ --border-positive-secondary: var(--positive-80-8);
484
+ --border-positive-secondary-hover: var(--positive-50-12);
485
+ --border-warning-primary: var(--warning-60);
486
+ --border-warning-primary-hover: var(--warning-50);
487
+ --border-warning-secondary: var(--warning-60-8);
488
+ --border-warning-secondary-hover: var(--warning-60-12);
489
+ --border-neutral-primary: var(--neutral-30);
490
+ --border-neutral-primary-hover: var(--neutral-40);
491
+ --border-neutral-alpha-basic: var(--neutral-60-12);
492
+ --border-neutral-alpha-low: var(--neutral-60-8);
493
+ --border-neutral-alpha-high: var(--neutral-60-16);
494
+ --text-primary: var(--neutral-100);
495
+ --text-primary-inverse: var(--neutral-20);
496
+ --text-primary-hover: var(--neutral-100);
497
+ --text-secondary: var(--neutral-80-70);
498
+ --text-secondary-inverse: var(--neutral-80-70);
499
+ --text-secondary-hover: var(--neutral-80-70);
500
+ --text-tertiary: var(--neutral-80-50);
501
+ --text-tertiary-inverse: var(--neutral-60);
502
+ --text-tertiary-hover: var(--neutral-80-50);
503
+ --text-positive: var(--positive-60);
504
+ --text-positive-hover: var(--positive-50);
505
+ --text-negative: var(--negative-70);
506
+ --text-negative-hover: var(--negative-60);
507
+ --text-warning: var(--warning-60);
508
+ --text-warning-hover: var(--warning-50);
509
+ --text-accent: var(--accent-50);
510
+ --text-accent-hover: var(--accent-40);
511
+ --text-inverse: var(--neutral-100);
512
+ --icon-primary: var(--neutral-100);
513
+ --icon-primary-hover: var(--neutral-100);
514
+ --icon-primary-inverse: var(--neutral-20);
515
+ --icon-secondary: var(--neutral-80-70);
516
+ --icon-secondary-hover: var(--neutral-80-70);
517
+ --icon-tertiary: var(--neutral-80-50);
518
+ --icon-tertiary-inverse: var(--neutral-60);
519
+ --icon-tertiary-hover: var(--neutral-80-50);
520
+ --icon-positive: var(--positive-60);
521
+ --icon-positive-hover: var(--positive-60);
522
+ --icon-negative: var(--negative-70);
523
+ --icon-negative-hover: var(--negative-70);
524
+ --icon-warning: var(--warning-60);
525
+ --icon-warning-hover: var(--warning-60);
526
+ --icon-accent: var(--accent-60);
527
+ --icon-accent-hover: var(--accent-50);
528
+ --icon-inverse: var(--neutral-100);
529
+ --fill-accent-primary: var(--accent-60);
530
+ --fill-accent-primary-hover: var(--accent-50);
531
+ --fill-accent-secondary: var(--accent-50-8);
532
+ --fill-accent-secondary-hover: var(--accent-50-12);
533
+ --fill-accent-tint: var(--accent-50-12);
534
+ --fill-accent-tint-low: var(--accent-50-8);
535
+ --fill-positive-primary: var(--positive-60);
536
+ --fill-positive-primary-hover: var(--positive-50);
537
+ --fill-positive-secondary: var(--positive-50-8);
538
+ --fill-positive-secondary-hover: var(--positive-50-12);
539
+ --fill-positive-tint: var(--positive-50-12);
540
+ --fill-positive-tint-low: var(--positive-50-8);
541
+ --fill-negative-primary: var(--negative-60);
542
+ --fill-negative-primary-hover: var(--negative-50);
543
+ --fill-negative-secondary: var(--negative-60-8);
544
+ --fill-negative-secondary-hover: var(--negative-60-12);
545
+ --fill-negative-tint: var(--negative-60-12);
546
+ --fill-negative-tint-low: var(--negative-60-8);
547
+ --fill-warning-primary: var(--warning-60);
548
+ --fill-warning-primary-hover: var(--warning-50);
549
+ --fill-warning-secondary: var(--warning-60-8);
550
+ --fill-warning-secondary-hover: var(--warning-60-12);
551
+ --fill-warning-tint: var(--warning-60-12);
552
+ --fill-warning-tint-low: var(--warning-60-8);
553
+ --fill-neutral-primary: var(--neutral-100-8);
554
+ --fill-neutral-primary-hover: var(--neutral-100-12);
555
+ --fill-neutral-secondary: var(--neutral-60-8);
556
+ --fill-neutral-secondary-inverse: var(--neutral-98);
557
+ --fill-neutral-secondary-hover: var(--neutral-60-12);
558
+ --fill-bg-primary: var(--neutral-15);
559
+ --fill-bg-primary-inverse: var(--neutral-100);
560
+ --fill-bg-secondary: var(--neutral-20);
561
+ --fill-bg-tertiary: var(--neutral-25);
562
+ --fill-bg-overlay-primary: var(--neutral-10-40);
563
+ --status-accent: var(--accent-50);
564
+ --status-accent-tint: var(--accent-50-12);
565
+ --status-accent-tint-low: var(--accent-50-8);
566
+ --status-negative: var(--negative-70);
567
+ --status-negative-tint: var(--negative-60-12);
568
+ --status-negative-tint-low: var(--negative-60-8);
569
+ --status-positive: var(--positive-60);
570
+ --status-positive-tint: var(--positive-50-12);
571
+ --status-positive-tint-low: var(--positive-50-8);
572
+ --status-warning: var(--warning-70);
573
+ --status-warning-tint: var(--warning-60-12);
574
+ --status-warning-tint-low: var(--warning-60-8);
575
+ --status-neutral: var(--neutral-70);
576
+ --status-neutral-tint: var(--neutral-60-12);
577
+ --status-neutral-tint-low: var(--neutral-60-8);
578
+ --shadow-accent-primary: var(--accent-10-5);
579
+ --scrollbar-thumb-primary: var(--neutral-80-50);
580
+ --scrollbar-track-primary: var(--neutral-25);
581
+ --corner-zero: 0;
582
+ --corner-xs: 4px;
583
+ --corner-sm: 8px;
584
+ --corner-md: 12px;
585
+ --corner-lg: 16px;
586
+ --corner-xl: 20px;
587
+ --corner-2xl: 24px;
588
+ --corner-3xl: 32px;
589
+ --corner-4xl: 40px;
590
+ --corner-5xl: 48px;
591
+ --corner-6xl: 56px;
592
+ --corner-full-round: 1000px;
593
+ --height-button-xs: 32px;
594
+ --height-button-sm: 40px;
595
+ --height-button-md: 48px;
596
+ --height-button-lg: 56px;
597
+ --height-avatar-sm: 32px;
598
+ --height-avatar-md: 40px;
599
+ --height-avatar-lg: 48px;
600
+ --height-icon-xs: 16px;
601
+ --height-icon-sm: 20px;
602
+ --height-icon-md: 24px;
603
+ --height-icon-lg: 32px;
604
+ --height-icon-xl: 64px;
605
+ --height-switch-sm: 20px;
606
+ --height-switch-md: 24px;
607
+ --height-switch-lg: 32px;
608
+ --opacity-primary: 100;
609
+ --opacity-secondary: 80;
610
+ --opacity-tertiary: 60;
611
+ --spacing-zero: 0;
612
+ --spacing-xs: 4px;
613
+ --spacing-sm: 8px;
614
+ --spacing-md: 12px;
615
+ --spacing-lg: 16px;
616
+ --spacing-xl: 20px;
617
+ --spacing-2xl: 24px;
618
+ --spacing-3xl: 32px;
619
+ --spacing-4xl: 40px;
620
+ --spacing-5xl: 48px;
621
+ --spacing-6xl: 56px;
622
+ --spacing-7xl: 64px;
623
+ --spacing-8xl: 72px;
624
+ --spacing-9xl: 80px;
625
+ --spacing-10xl: 96px;
626
+ --transition-general: all 0.3s ease-in-out;
627
+ --fw-regular: 400;
628
+ --fw-medium: 500;
629
+ --fw-semibold: 600;
630
+ --fw-bold: 700;
631
+ }
632
+ :root[data-theme="brand"],
633
+ :root [data-theme="brand"] {
634
+ --accent-10: #14082b;
635
+ --accent-10-5: rgba(20, 8, 43, 0.05);
636
+ --accent-20: #270f57;
637
+ --accent-30: #3b1782;
638
+ --accent-40: #4f1fad;
639
+ --accent-50: #6226d8;
640
+ --accent-50-8: rgba(98, 38, 216, 0.08);
641
+ --accent-50-12: rgba(98, 38, 216, 0.12);
642
+ --accent-60: #8252e0;
643
+ --accent-60-8: rgba(130, 82, 224, 0.08);
644
+ --accent-60-12: rgba(130, 82, 224, 0.12);
645
+ --accent-70: #a17de8;
646
+ --accent-80: #c0a8ef;
647
+ --accent-90: #e0d4f7;
648
+ --accent-90-12: rgba(224, 212, 247, 0.12);
649
+ --accent-96: #f2eefc;
650
+ --accent-96-8: rgba(242, 238, 252, 0.08);
651
+ --accent-98: #f5f8ff;
652
+ --neutral-10: #131720;
653
+ --neutral-10-40: rgba(19, 23, 32, 0.4);
654
+ --neutral-15: #1c2230;
655
+ --neutral-20: #262e40;
656
+ --neutral-25: #313b50;
657
+ --neutral-30: #394560;
658
+ --neutral-40: #4c5c80;
659
+ --neutral-50: #5f73a0;
660
+ --neutral-60: #7f8fb3;
661
+ --neutral-60-8: rgba(127, 143, 179, 0.08);
662
+ --neutral-60-12: rgba(127, 143, 179, 0.12);
663
+ --neutral-60-16: rgba(127, 143, 179, 0.16);
664
+ --neutral-70: #9fabc6;
665
+ --neutral-80: #bfc7d9;
666
+ --neutral-80-50: rgba(191, 199, 217, 0.5);
667
+ --neutral-80-70: rgba(191, 199, 217, 0.7);
668
+ --neutral-86: #d2d8e4;
669
+ --neutral-90: #dfe3ec;
670
+ --neutral-90-10: rgba(223, 227, 236, 0.1);
671
+ --neutral-90-15: rgba(223, 227, 236, 0.15);
672
+ --neutral-90-20: rgba(223, 227, 236, 0.2);
673
+ --neutral-92: #e5e9f0;
674
+ --neutral-96: #f2f4f7;
675
+ --neutral-98: #f9f9fb;
676
+ --neutral-100: #ffffff;
677
+ --neutral-100-8: rgba(255, 255, 255, 0.08);
678
+ --neutral-100-12: rgba(255, 255, 255, 0.12);
679
+ --negative-10: #320101;
680
+ --negative-20: #640202;
681
+ --negative-30: #950404;
682
+ --negative-40: #c70505;
683
+ --negative-50: #f90606;
684
+ --negative-60: #fa3838;
685
+ --negative-60-8: rgba(250, 56, 56, 0.08);
686
+ --negative-60-12: rgba(250, 56, 56, 0.12);
687
+ --negative-70: #fb6a6a;
688
+ --negative-80: #fd9b9b;
689
+ --negative-90: #fecdcd;
690
+ --negative-92: #fed7d7;
691
+ --negative-96: #ffebeb;
692
+ --negative-98: #fff5f5;
693
+ --positive-10: #11270c;
694
+ --positive-20: #234e18;
695
+ --positive-30: #347425;
696
+ --positive-40: #469b31;
697
+ --positive-50: #57c23d;
698
+ --positive-50-8: rgba(87, 194, 61, 0.08);
699
+ --positive-50-12: rgba(87, 194, 61, 0.12);
700
+ --positive-60: #79ce64;
701
+ --positive-70: #9ada8b;
702
+ --positive-80: #bce7b1;
703
+ --positive-80-8: rgba(188, 231, 177, 0.08);
704
+ --positive-80-12: rgba(188, 231, 177, 0.12);
705
+ --positive-90: #ddf3d8;
706
+ --positive-90-8: rgba(221, 243, 216, 0.08);
707
+ --positive-92: #e4f5e0;
708
+ --positive-96: #f2faef;
709
+ --warning-10: #663d00;
710
+ --warning-20: #663d00;
711
+ --warning-30: #985b01;
712
+ --warning-40: #cb7a01;
713
+ --warning-50: #fe9801;
714
+ --warning-60: #fead34;
715
+ --warning-60-8: rgba(254, 173, 52, 0.08);
716
+ --warning-60-12: rgba(254, 173, 52, 0.12);
717
+ --warning-70: #fec167;
718
+ --warning-80: #ffd699;
719
+ --warning-90: #ffeacc;
720
+ --warning-92: #ffefd6;
721
+ --warning-96: #fff7eb;
722
+ --border-accent-primary: var(--accent-60);
723
+ --border-accent-primary-hover: var(--accent-50);
724
+ --border-accent-secondary: var(--accent-60-8);
725
+ --border-accent-secondary-hover: var(--accent-60-12);
726
+ --border-negative-primary: var(--negative-60);
727
+ --border-negative-primary-hover: var(--negative-50);
728
+ --border-negative-secondary: var(--negative-60-8);
729
+ --border-negative-secondary-hover: var(--negative-60-12);
730
+ --border-positive-primary: var(--positive-60);
731
+ --border-positive-primary-hover: var(--positive-50);
732
+ --border-positive-secondary: var(--positive-80-8);
733
+ --border-positive-secondary-hover: var(--positive-50-12);
734
+ --border-warning-primary: var(--warning-60);
735
+ --border-warning-primary-hover: var(--warning-50);
736
+ --border-warning-secondary: var(--warning-60-8);
737
+ --border-warning-secondary-hover: var(--warning-60-12);
738
+ --border-neutral-primary: var(--neutral-30);
739
+ --border-neutral-primary-hover: var(--neutral-40);
740
+ --border-neutral-alpha-basic: var(--neutral-60-12);
741
+ --border-neutral-alpha-low: var(--neutral-60-8);
742
+ --border-neutral-alpha-high: var(--neutral-60-16);
743
+ --text-primary: var(--neutral-100);
744
+ --text-primary-inverse: var(--neutral-20);
745
+ --text-primary-hover: var(--neutral-100);
746
+ --text-secondary: var(--neutral-80-70);
747
+ --text-secondary-inverse: var(--neutral-40);
748
+ --text-secondary-hover: var(--neutral-80-70);
749
+ --text-tertiary: var(--neutral-80-50);
750
+ --text-tertiary-inverse: var(--neutral-60);
751
+ --text-tertiary-hover: var(--neutral-80-50);
752
+ --text-positive: var(--positive-60);
753
+ --text-positive-hover: var(--positive-50);
754
+ --text-negative: var(--negative-70);
755
+ --text-negative-hover: var(--negative-60);
756
+ --text-warning: var(--warning-60);
757
+ --text-warning-hover: var(--warning-50);
758
+ --text-accent: var(--accent-50);
759
+ --text-accent-hover: var(--accent-40);
760
+ --text-inverse: var(--neutral-100);
761
+ --icon-primary: var(--neutral-100);
762
+ --icon-primary-hover: var(--neutral-100);
763
+ --icon-primary-inverse: var(--neutral-20);
764
+ --icon-secondary: var(--neutral-80-70);
765
+ --icon-secondary-hover: var(--neutral-80-70);
766
+ --icon-tertiary: var(--neutral-80-50);
767
+ --icon-tertiary-inverse: var(--neutral-60);
768
+ --icon-tertiary-hover: var(--neutral-80-50);
769
+ --icon-positive: var(--positive-60);
770
+ --icon-positive-hover: var(--positive-60);
771
+ --icon-negative: var(--negative-70);
772
+ --icon-negative-hover: var(--negative-70);
773
+ --icon-warning: var(--warning-60);
774
+ --icon-warning-hover: var(--warning-60);
775
+ --icon-accent: var(--accent-60);
776
+ --icon-accent-hover: var(--accent-50);
777
+ --icon-inverse: var(--neutral-100);
778
+ --fill-accent-primary: var(--accent-60);
779
+ --fill-accent-primary-hover: var(--accent-50);
780
+ --fill-accent-secondary: var(--accent-50-8);
781
+ --fill-accent-secondary-hover: var(--accent-50-12);
782
+ --fill-accent-tint: var(--accent-50-12);
783
+ --fill-accent-tint-low: var(--accent-50-8);
784
+ --fill-positive-primary: var(--positive-60);
785
+ --fill-positive-primary-hover: var(--positive-50);
786
+ --fill-positive-secondary: var(--positive-50-8);
787
+ --fill-positive-secondary-hover: var(--positive-50-12);
788
+ --fill-positive-tint: var(--positive-50-12);
789
+ --fill-positive-tint-low: var(--positive-50-8);
790
+ --fill-negative-primary: var(--negative-60);
791
+ --fill-negative-primary-hover: var(--negative-50);
792
+ --fill-negative-secondary: var(--negative-60-8);
793
+ --fill-negative-secondary-hover: var(--negative-60-12);
794
+ --fill-negative-tint: var(--negative-60-12);
795
+ --fill-negative-tint-low: var(--negative-60-8);
796
+ --fill-warning-primary: var(--warning-60);
797
+ --fill-warning-primary-hover: var(--warning-50);
798
+ --fill-warning-secondary: var(--warning-60-8);
799
+ --fill-warning-secondary-hover: var(--warning-60-12);
800
+ --fill-warning-tint: var(--warning-60-12);
801
+ --fill-warning-tint-low: var(--warning-60-8);
802
+ --fill-neutral-primary: var(--neutral-100-8);
803
+ --fill-neutral-primary-hover: var(--neutral-100-12);
804
+ --fill-neutral-secondary: var(--neutral-60-8);
805
+ --fill-neutral-secondary-inverse: var(--neutral-98);
806
+ --fill-neutral-secondary-hover: var(--neutral-60-12);
807
+ --fill-bg-primary: var(--neutral-15);
808
+ --fill-bg-primary-inverse: var(--neutral-100);
809
+ --fill-bg-secondary: var(--neutral-20);
810
+ --fill-bg-tertiary: var(--neutral-25);
811
+ --fill-bg-overlay-primary: var(--neutral-10-40);
812
+ --status-accent: var(--accent-50);
813
+ --status-accent-tint: var(--accent-50-12);
814
+ --status-accent-tint-low: var(--accent-50-8);
815
+ --status-negative: var(--negative-70);
816
+ --status-negative-tint: var(--negative-60-12);
817
+ --status-negative-tint-low: var(--negative-60-8);
818
+ --status-positive: var(--positive-60);
819
+ --status-positive-tint: var(--positive-50-12);
820
+ --status-positive-tint-low: var(--positive-50-8);
821
+ --status-warning: var(--warning-70);
822
+ --status-warning-tint: var(--warning-60-12);
823
+ --status-warning-tint-low: var(--warning-60-8);
824
+ --status-neutral: var(--neutral-70);
825
+ --status-neutral-tint: var(--neutral-60-12);
826
+ --status-neutral-tint-low: var(--neutral-60-8);
827
+ --shadow-accent-primary: var(--accent-10-5);
828
+ --scrollbar-thumb-primary: var(--neutral-80-50);
829
+ --scrollbar-track-primary: var(--neutral-25);
830
+ --corner-zero: 0;
831
+ --corner-xs: 4px;
832
+ --corner-sm: 8px;
833
+ --corner-md: 12px;
834
+ --corner-lg: 16px;
835
+ --corner-xl: 20px;
836
+ --corner-2xl: 24px;
837
+ --corner-3xl: 32px;
838
+ --corner-4xl: 40px;
839
+ --corner-5xl: 48px;
840
+ --corner-6xl: 56px;
841
+ --corner-full-round: 1000px;
842
+ --height-button-xs: 32px;
843
+ --height-button-sm: 40px;
844
+ --height-button-md: 48px;
845
+ --height-button-lg: 56px;
846
+ --height-avatar-sm: 32px;
847
+ --height-avatar-md: 40px;
848
+ --height-avatar-lg: 48px;
849
+ --height-icon-xs: 16px;
850
+ --height-icon-sm: 20px;
851
+ --height-icon-md: 24px;
852
+ --height-icon-lg: 32px;
853
+ --height-icon-xl: 64px;
854
+ --height-switch-sm: 20px;
855
+ --height-switch-md: 24px;
856
+ --height-switch-lg: 32px;
857
+ --opacity-primary: 100;
858
+ --opacity-secondary: 80;
859
+ --opacity-tertiary: 60;
860
+ --spacing-zero: 0;
861
+ --spacing-xs: 4px;
862
+ --spacing-sm: 8px;
863
+ --spacing-md: 12px;
864
+ --spacing-lg: 16px;
865
+ --spacing-xl: 20px;
866
+ --spacing-2xl: 24px;
867
+ --spacing-3xl: 32px;
868
+ --spacing-4xl: 40px;
869
+ --spacing-5xl: 48px;
870
+ --spacing-6xl: 56px;
871
+ --spacing-7xl: 64px;
872
+ --spacing-8xl: 72px;
873
+ --spacing-9xl: 80px;
874
+ --spacing-10xl: 96px;
875
+ --transition-general: all 0.3s ease-in-out;
876
+ --fw-regular: 400;
877
+ --fw-medium: 500;
878
+ --fw-semibold: 600;
879
+ --fw-bold: 700;
880
+ }
881
+ :root {
882
+ font-size: 16px;
883
+ line-height: 24px;
884
+ font-weight: 400;
885
+ color: var(--text-primary);
886
+ }