@oliasoft-open-source/react-ui-library 4.7.2-beta-5 → 4.7.2-beta-6

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 (134) hide show
  1. package/dist/assets/{index-Crc5L3KK.js → index-7PLAdoQ9.js} +54471 -54471
  2. package/dist/global.css +5922 -5922
  3. package/dist/index.d.ts +2 -2
  4. package/dist/index.html +1 -1
  5. package/dist/index.js +52718 -52729
  6. package/dist/index.js.map +1 -1
  7. package/dist/storybook/assets/Color-KGDBMAHA-BK9G9-AG.js +1 -0
  8. package/dist/storybook/assets/DocsRenderer-PKQXORMH-CusQM_Sq.js +1 -0
  9. package/dist/storybook/assets/{accordion-BiuI_LCA.js → accordion-6ouB0WTt.js} +1 -1
  10. package/dist/storybook/assets/{accordion.stories-sb-Y7MMb.js → accordion.stories-DlFZNmdv.js} +2 -2
  11. package/dist/storybook/assets/{actions-4w-EOz3m.js → actions-Cu_0szZ4.js} +1 -1
  12. package/dist/storybook/assets/{actions.stories-CtocfSW4.js → actions.stories-SCPuAp0T.js} +1 -1
  13. package/dist/storybook/assets/{afe.stories--E_j7kET.js → afe.stories-G3SzS3sg.js} +2 -2
  14. package/dist/storybook/assets/{badge.stories-CKnNQLZ5.js → badge.stories-DGYA6_1I.js} +1 -1
  15. package/dist/storybook/assets/{blowout.stories-AxiXaQQ-.js → blowout.stories-P0LHuXSY.js} +1 -1
  16. package/dist/storybook/assets/{button-CdEIDAx8.js → button-_0DiND6h.js} +1 -1
  17. package/dist/storybook/assets/{button-group-BIUVa0X9.js → button-group-BYiHMljF.js} +1 -1
  18. package/dist/storybook/assets/{button-group.stories-B0Gb9kNs.js → button-group.stories-Bz6NHaeB.js} +1 -1
  19. package/dist/storybook/assets/{button.stories-CHt71NKu.js → button.stories-vVBGddVf.js} +2 -2
  20. package/dist/storybook/assets/{buttons-and-links-lH5cvFzR.js → buttons-and-links-k3kswtk0.js} +2 -2
  21. package/dist/storybook/assets/{card.stories-Cddrprok.js → card.stories-DIlqxO94.js} +1 -1
  22. package/dist/storybook/assets/{casing-loads.stories-EZlP6XsN.js → casing-loads.stories-0T--WlaD.js} +2 -2
  23. package/dist/storybook/assets/{cell.stories-D9KrTmCA.js → cell.stories-C5Tkxyfr.js} +2 -2
  24. package/dist/storybook/assets/{check-box-2fHPdAZG.js → check-box-DkdQxC5c.js} +1 -1
  25. package/dist/storybook/assets/{check-box.stories-Do-GOmLf.js → check-box.stories-D8C12IQo.js} +1 -1
  26. package/dist/storybook/assets/{chunk-HLWAVYOI-CbM_Ll2v.js → chunk-HLWAVYOI-DM5lzE5a.js} +1 -1
  27. package/dist/storybook/assets/color-DUhEdppM.js +25 -0
  28. package/dist/storybook/assets/{column.stories-rKyxUTAG.js → column.stories-C1Sxwh4f.js} +1 -1
  29. package/dist/storybook/assets/{dialog-B-R6eAnf.js → dialog-CAWCUmp3.js} +1 -1
  30. package/dist/storybook/assets/{drawer-BOl7GxGI.js → drawer-vbDFqa4U.js} +1 -1
  31. package/dist/storybook/assets/{drawer.stories-qH2nYW2a.js → drawer.stories-CmbGsKmS.js} +4 -4
  32. package/dist/storybook/assets/{empty.stories-BKEXzh9o.js → empty.stories-iHPKKy4z.js} +1 -1
  33. package/dist/storybook/assets/extends-CF3RwP-h.js +1 -0
  34. package/dist/storybook/assets/{field-nInV3MuR.js → field-DwLk_uWj.js} +1 -1
  35. package/dist/storybook/assets/{field.stories-eRSYmEtA.js → field.stories-s-0LQVbp.js} +1 -1
  36. package/dist/storybook/assets/{file-button.stories-CH6kxEKM.js → file-button.stories-C90kcfbw.js} +1 -1
  37. package/dist/storybook/assets/{file-input-Amcc9o5I.js → file-input-C_2w1dKj.js} +1 -1
  38. package/dist/storybook/assets/{file-input.stories-aiTQE5UN.js → file-input.stories-BEsZox6U.js} +1 -1
  39. package/dist/storybook/assets/{flex.stories-CT6o2gii.js → flex.stories-D-QN0gkk.js} +1 -1
  40. package/dist/storybook/assets/footer.stories-U_zMDmxF.js +3 -0
  41. package/dist/storybook/assets/form.stories-1L75MGpX.js +49 -0
  42. package/dist/storybook/assets/formation.stories-YHpXrXvC.js +74 -0
  43. package/dist/storybook/assets/{heading-EzI5s4VN.js → heading-DkSFysAb.js} +1 -1
  44. package/dist/storybook/assets/{heading.stories-D5x1-mKs.js → heading.stories-Dtq7LNlB.js} +1 -1
  45. package/dist/storybook/assets/{help-icon-CfV3_Ais.js → help-icon-LfPZiYla.js} +1 -1
  46. package/dist/storybook/assets/{help-icon.stories-D4KS1wlT.js → help-icon.stories-Dh2ylnGq.js} +1 -1
  47. package/dist/storybook/assets/icon-BP4BO6-k.js +8 -0
  48. package/dist/storybook/assets/{icon.stories-C1hZXIMX.js → icon.stories-B-tKaIKA.js} +1 -1
  49. package/dist/storybook/assets/iframe-D7Fs6VQt.js +2 -0
  50. package/dist/storybook/assets/{index-DzFp4SFs.js → index-BOi4hGgT.js} +8 -8
  51. package/dist/storybook/assets/index-wQV01InA.js +1 -0
  52. package/dist/storybook/assets/{index.es-DazXb-ul.js → index.es-D2piFfFj.js} +4 -4
  53. package/dist/storybook/assets/inheritsLoose-DR8r8Ogv.js +1 -0
  54. package/dist/storybook/assets/{input-group.stories-hHCmTbtu.js → input-group.stories-BcoORZ9x.js} +2 -2
  55. package/dist/storybook/assets/{input-validation-D1e4G4u5.js → input-validation-DLZbF-b-.js} +2 -2
  56. package/dist/storybook/assets/{inputs-DAnFiG2X.js → inputs-B4u-8viF.js} +4 -4
  57. package/dist/storybook/assets/{label-Cz6TT90s.js → label-tWjEmTQJ.js} +1 -1
  58. package/dist/storybook/assets/{label.stories-BzSzxxM-.js → label.stories-BTA8N7tD.js} +1 -1
  59. package/dist/storybook/assets/layout-forms-DMQXr2dA.js +16 -0
  60. package/dist/storybook/assets/{layout-general-BdFuXLcO.js → layout-general-D2DGppvs.js} +2 -2
  61. package/dist/storybook/assets/{list-BtA0jYMp.js → list-BpVed6Pw.js} +1 -1
  62. package/dist/storybook/assets/{list.stories-CmJsmJZJ.js → list.stories-CiT9J_FH.js} +2 -2
  63. package/dist/storybook/assets/{list.stories-data-C_w1DX5i.js → list.stories-data-CnVYk3eo.js} +1 -1
  64. package/dist/storybook/assets/{loader.stories-CA2m3EFj.js → loader.stories-BKBFctQ1.js} +1 -1
  65. package/dist/storybook/assets/{menu.stories-Bc2kf356.js → menu.stories-Bp8L83xx.js} +2 -2
  66. package/dist/storybook/assets/{message-ZenLdkrf.js → message-ttrR1AaP.js} +1 -1
  67. package/dist/storybook/assets/{message.stories-CXOrrAOR.js → message.stories-C8YRT7nL.js} +1 -1
  68. package/dist/storybook/assets/{meta-content-BdypOdcN.js → meta-content-Djgg-tiF.js} +1 -1
  69. package/dist/storybook/assets/{modal.stories-ChRLG9ud.js → modal.stories-BoVj2EsX.js} +2 -2
  70. package/dist/storybook/assets/{number-input.stories-COWyMRAs.js → number-input.stories-CcNTeD25.js} +2 -2
  71. package/dist/storybook/assets/{option-dropdown.stories-DvgAgTHQ.js → option-dropdown.stories-COGmMWEl.js} +1 -1
  72. package/dist/storybook/assets/{padding-and-spacing-C8tbgjz1.js → padding-and-spacing-CLe_yhXT.js} +2 -2
  73. package/dist/storybook/assets/{page.stories-DdAfcsOc.js → page.stories-BB3g1zwB.js} +1 -1
  74. package/dist/storybook/assets/{pagination-0wY_w1xz.js → pagination-DSQeMPG_.js} +1 -1
  75. package/dist/storybook/assets/{pagination.stories-BagAIIz3.js → pagination.stories-DjIohcDx.js} +2 -2
  76. package/dist/storybook/assets/{pop-confirm.stories-D4L3erpj.js → pop-confirm.stories-Cr_ZBbLn.js} +1 -1
  77. package/dist/storybook/assets/{popover-CvS_kBVF.js → popover-Dq3iC_lM.js} +1 -1
  78. package/dist/storybook/assets/popover.stories-CoWCb2Mn.js +10 -0
  79. package/dist/storybook/assets/preview-C69NgT9i.js +2 -0
  80. package/dist/storybook/assets/{preview-B0STHf1T.js → preview-gkB5ItiE.js} +2 -2
  81. package/dist/storybook/assets/projects.stories-BesbPJ8Z.js +47 -0
  82. package/dist/storybook/assets/{radio-button-J4oEQdxt.js → radio-button-BD7pi0ao.js} +1 -1
  83. package/dist/storybook/assets/{radio-button.stories-BFp_qyyE.js → radio-button.stories-B84Ip3NV.js} +1 -1
  84. package/dist/storybook/assets/react-router-dom-CMITYWBH.js +8 -0
  85. package/dist/storybook/assets/{reservoirs.stories-DywuU8EY.js → reservoirs.stories-kxVBoa7Y.js} +2 -2
  86. package/dist/storybook/assets/{rich-text-input.stories-Cw_6EJx8.js → rich-text-input.stories-C5pcIbSa.js} +3 -3
  87. package/dist/storybook/assets/{row.stories-D7V0fxhq.js → row.stories-ATsrjumb.js} +2 -2
  88. package/dist/storybook/assets/{select-yqiMF9-4.js → select-78sreKsp.js} +2 -2
  89. package/dist/storybook/assets/{select.stories-VMcOn7Ri.js → select.stories-CZwsHVDB.js} +2 -2
  90. package/dist/storybook/assets/{side-bar-DAMfASqb.js → side-bar-WsK6pkmj.js} +1 -1
  91. package/dist/storybook/assets/{side-bar.stories-BlEIOckL.js → side-bar.stories-Bu2q_b_w.js} +1 -1
  92. package/dist/storybook/assets/{site.stories-Kk57nhAn.js → site.stories-Yh4uNi3Q.js} +2 -2
  93. package/dist/storybook/assets/{slider-BLU39INk.js → slider-CxVlS0fh.js} +4 -4
  94. package/dist/storybook/assets/{slider.stories-DdVxUAfH.js → slider.stories-_wS70xsm.js} +2 -2
  95. package/dist/storybook/assets/{smart-upload-modal.stories-Cot88l9r.js → smart-upload-modal.stories-DDlO9y2j.js} +1 -1
  96. package/dist/storybook/assets/{spacer.stories-Dd1QMhoc.js → spacer.stories-B3LrTr7b.js} +1 -1
  97. package/dist/storybook/assets/{table-DmwpXp_Q.js → table-DPvzYjoq.js} +1 -1
  98. package/dist/storybook/assets/{table.stories-DKcZk5JR.js → table.stories-BGQ1O9nw.js} +2 -2
  99. package/dist/storybook/assets/{table.stories-data-C6x-UHeN.js → table.stories-data-2STKbgzG.js} +1 -1
  100. package/dist/storybook/assets/text-link.stories-BsuVBOWo.js +14 -0
  101. package/dist/storybook/assets/{title.stories-CKbl0CB2.js → title.stories-CVRTXggL.js} +2 -2
  102. package/dist/storybook/assets/{toaster-B8A3xIYu.js → toaster-DPbde9Mi.js} +1 -1
  103. package/dist/storybook/assets/{toaster.stories-DuE6vvV6.js → toaster.stories-DfbfDavp.js} +1 -1
  104. package/dist/storybook/assets/{toggle-D0yzyALV.js → toggle-t1iTuSL7.js} +1 -1
  105. package/dist/storybook/assets/{toggle.stories-Cre2gnIB.js → toggle.stories-D44S3Nix.js} +1 -1
  106. package/dist/storybook/assets/{tooltip.test-case.stories-BWJhZQg8.js → tooltip.test-case.stories-BtrJUImB.js} +1 -1
  107. package/dist/storybook/assets/{top-bar-mKg-xcLh.js → top-bar-R-CjhJ21.js} +1 -1
  108. package/dist/storybook/assets/top-bar.stories-BYN9rcUw.js +21 -0
  109. package/dist/storybook/assets/{top-bar.testcase.stories-BlbsX9By.js → top-bar.testcase.stories-ZPaSRyIh.js} +1 -1
  110. package/dist/storybook/assets/{tree.stories-CkYwGe0X.js → tree.stories-Ghxps-dL.js} +1 -1
  111. package/dist/storybook/assets/{unit-input.stories-rX0B5SQL.js → unit-input.stories-BWg6005S.js} +1 -1
  112. package/dist/storybook/assets/unit-table.stories-DXies3fA.js +150 -0
  113. package/dist/storybook/iframe.html +1 -1
  114. package/dist/storybook/project.json +1 -1
  115. package/package.json +1 -1
  116. package/dist/storybook/assets/Color-KGDBMAHA-CKGOJSlW.js +0 -1
  117. package/dist/storybook/assets/DocsRenderer-PKQXORMH-Clx-Op8X.js +0 -1
  118. package/dist/storybook/assets/color-BdYuhJjS.js +0 -25
  119. package/dist/storybook/assets/footer.stories-B5zvZawz.js +0 -3
  120. package/dist/storybook/assets/form.stories-D58sdhOk.js +0 -49
  121. package/dist/storybook/assets/formation.stories-OtA8Hcp6.js +0 -74
  122. package/dist/storybook/assets/icon-BSFY3vDO.js +0 -8
  123. package/dist/storybook/assets/iframe-DBiSBpAC.js +0 -2
  124. package/dist/storybook/assets/index-Cil3OK0z.js +0 -1
  125. package/dist/storybook/assets/inheritsLoose-DP0QEDDI.js +0 -1
  126. package/dist/storybook/assets/layout-forms-BaMUn_T3.js +0 -16
  127. package/dist/storybook/assets/popover.stories-ChwzGOlc.js +0 -10
  128. package/dist/storybook/assets/preview-CCVyhQ4m.js +0 -2
  129. package/dist/storybook/assets/projects.stories-ApHyZURX.js +0 -47
  130. package/dist/storybook/assets/react-router-dom-Ck2Y_Fzc.js +0 -8
  131. package/dist/storybook/assets/text-link.stories-BQAkVO-W.js +0 -14
  132. package/dist/storybook/assets/top-bar.stories-CFZoJq-r.js +0 -21
  133. package/dist/storybook/assets/unit-table.stories-BoNWlaAe.js +0 -150
  134. package/dist/assets/{index-BgvlofKE.css → index-Oe0PlEED.css} +1389 -1389
@@ -1071,206 +1071,6 @@ ol {
1071
1071
  a {
1072
1072
  text-decoration: none;
1073
1073
  }
1074
- ._wrapper_1iw97_1 {
1075
- display: inline-flex;
1076
- max-width: 100%;
1077
- }
1078
- ._layer_1iw97_5 ._wrapper_1iw97_1 {
1079
- width: 100%;
1080
- }
1081
- ._layerContainer_1iw97_8 {
1082
- z-index: var(--zindex-dropdown);
1083
- }
1084
- ._layer_1iw97_5 {
1085
- border: 1px solid var(--color-border);
1086
- border-radius: var(--border-radius);
1087
- overflow: hidden;
1088
- margin: 2px 0;
1089
- background: var(--color-background-layer);
1090
- box-shadow: var(--shadow-layer);
1091
- min-width: 10em;
1092
- max-width: 30em;
1093
- position: relative;
1094
- overflow-y: auto;
1095
- max-height: 40vh;
1096
- }
1097
- ._layer_1iw97_5._nested_1iw97_24 {
1098
- margin: -1px 2px;
1099
- }
1100
- ._layer_1iw97_5 ul {
1101
- margin: 0;
1102
- padding: 0;
1103
- list-style-type: none;
1104
- }
1105
- ._layer_1iw97_5 ul li {
1106
- list-style: none;
1107
- display: block;
1108
- }
1109
- ._fileInput_1iw97_36 {
1110
- opacity: 0;
1111
- position: absolute;
1112
- inset: 0;
1113
- }
1114
- ._trigger_1iw97_41 {
1115
- display: inline-flex;
1116
- align-items: center;
1117
- cursor: pointer;
1118
- max-width: 100%;
1119
- }
1120
- ._layer_1iw97_5 ._trigger_1iw97_41 {
1121
- width: 100%;
1122
- }
1123
- ._middleAlignedInline_1iw97_50 {
1124
- display: flex;
1125
- align-items: center;
1126
- overflow: hidden;
1127
- width: 100%;
1128
- }
1129
- ._heading_1iw97_56 {
1130
- color: var(--color-text-muted);
1131
- letter-spacing: var(--letter-spacing-wide);
1132
- text-transform: uppercase;
1133
- font-weight: bold;
1134
- }
1135
- ._heading_1iw97_56 ._headingIcon_1iw97_62 {
1136
- float: right;
1137
- }
1138
- ._heading_1iw97_56 ._headingIcon_1iw97_62 svg {
1139
- color: var(--color-text-faint);
1140
- }
1141
- ._heading_1iw97_56 ._headingIcon_1iw97_62:hover {
1142
- cursor: pointer;
1143
- }
1144
- ._heading_1iw97_56 ._headingIcon_1iw97_62:hover svg {
1145
- color: var(--color-text-primary-hover);
1146
- }
1147
- ._option_1iw97_74 {
1148
- color: inherit;
1149
- display: block;
1150
- position: relative;
1151
- }
1152
- ._heading_1iw97_56,
1153
- ._option_1iw97_74,
1154
- ._layer_1iw97_5 ._trigger_1iw97_41 {
1155
- padding: var(--padding-input);
1156
- border: 1px solid transparent;
1157
- }
1158
- ._option_1iw97_74,
1159
- ._layer_1iw97_5 ._trigger_1iw97_41 {
1160
- line-height: var(--line-height);
1161
- display: flex;
1162
- align-items: flex-start;
1163
- }
1164
- ._option_1iw97_74:hover,
1165
- ._layer_1iw97_5 ._trigger_1iw97_41:hover,
1166
- ._option_1iw97_74._active_1iw97_93,
1167
- ._layer_1iw97_5 ._trigger_1iw97_41._active_1iw97_93 {
1168
- background-color: var(--color-background-listitem-hover);
1169
- cursor: pointer;
1170
- }
1171
- ._option_1iw97_74._selected_1iw97_98 {
1172
- background-color: var(--color-background-listitem-active);
1173
- }
1174
- ._layer_1iw97_5 ._trigger_1iw97_41 {
1175
- align-items: center;
1176
- }
1177
- ._optionContent_1iw97_104 {
1178
- flex-wrap: wrap;
1179
- margin-right: auto;
1180
- }
1181
- ._inline_1iw97_108 ._optionContent_1iw97_104 {
1182
- display: flex;
1183
- justify-content: space-between;
1184
- flex-grow: 1;
1185
- }
1186
- ._icon_1iw97_113,
1187
- ._check_1iw97_114 {
1188
- display: flex;
1189
- flex-shrink: 1;
1190
- width: var(--size-xs);
1191
- height: var(--line-height);
1192
- font-size: var(--size-xs);
1193
- justify-content: center;
1194
- align-items: center;
1195
- }
1196
- ._icon_1iw97_113 {
1197
- margin-right: var(--padding-xs);
1198
- color: var(--color-text-primary);
1199
- }
1200
- ._icon_1iw97_113:empty {
1201
- display: none;
1202
- }
1203
- ._icon_1iw97_113 img {
1204
- max-height: 16px;
1205
- max-width: 16px;
1206
- width: auto;
1207
- height: auto;
1208
- }
1209
- ._text_1iw97_136 {
1210
- display: inline-flex;
1211
- align-items: center;
1212
- cursor: pointer;
1213
- }
1214
- ._label_1iw97_141 {
1215
- margin-right: auto;
1216
- }
1217
- ._label_1iw97_141,
1218
- ._heading_1iw97_56 {
1219
- max-width: 100%;
1220
- display: block;
1221
- overflow: hidden;
1222
- text-overflow: ellipsis;
1223
- white-space: nowrap;
1224
- }
1225
- ._description_1iw97_152 {
1226
- color: #999;
1227
- display: block;
1228
- }
1229
- ._arrow_1iw97_156 {
1230
- margin-left: var(--padding-xxs);
1231
- display: flex;
1232
- }
1233
- ._divider_1iw97_160 {
1234
- border: 0;
1235
- border-top: 1px solid var(--color-border);
1236
- }
1237
- ._deprecatedSemanticIcon_1iw97_164 {
1238
- color: var(--color-text-primary) !important;
1239
- margin: -5px 0 0 !important;
1240
- }
1241
- ._disabled_1iw97_168 {
1242
- color: var(--color-text-faint);
1243
- pointer-events: none;
1244
- cursor: not-allowed !important;
1245
- }
1246
- ._buttonLabel_1iw97_173 {
1247
- overflow: hidden;
1248
- text-overflow: ellipsis;
1249
- display: block;
1250
- margin-right: auto;
1251
- }
1252
- ._buttonCaret_1iw97_179 {
1253
- display: flex;
1254
- margin-left: var(--padding-xxs);
1255
- }
1256
- ._component_1iw97_183 {
1257
- display: inline-flex;
1258
- align-items: center;
1259
- justify-content: center;
1260
- cursor: pointer;
1261
- }
1262
- ._right_1iw97_189 {
1263
- margin-left: auto;
1264
- display: flex;
1265
- align-items: center;
1266
- }
1267
- ._actions_1iw97_194 {
1268
- margin-left: var(--padding-xs);
1269
- display: flex;
1270
- align-items: center;
1271
- margin-top: -2px;
1272
- margin-bottom: -2px;
1273
- }
1274
1074
  ._wrapper_18jt2_1 {
1275
1075
  color: inherit;
1276
1076
  fill: inherit;
@@ -1297,6 +1097,49 @@ a {
1297
1097
  color: var(--color-text-primary-active) !important;
1298
1098
  fill: var(--color-text-primary-active) !important;
1299
1099
  }
1100
+ ._tooltip_wli9z_1 {
1101
+ background: var(--color-text);
1102
+ fill: var(--color-text);
1103
+ z-index: var(--zindex-tooltip);
1104
+ color: var(--color-background);
1105
+ border-radius: var(--border-radius-sm);
1106
+ }
1107
+ ._tooltip_wli9z_1 * {
1108
+ color: var(--color-background);
1109
+ }
1110
+ ._tooltip_wli9z_1 > svg,
1111
+ ._tooltip_wli9z_1 > svg > * {
1112
+ fill: inherit !important;
1113
+ }
1114
+ ._tooltip_wli9z_1._error_wli9z_15 {
1115
+ background: var(--color-error-500);
1116
+ fill: var(--color-error-500);
1117
+ }
1118
+ ._tooltip_wli9z_1._warning_wli9z_19 {
1119
+ background: var(--color-warning-500);
1120
+ fill: var(--color-warning-500);
1121
+ }
1122
+ ._helpIcon_hd0z2_1 {
1123
+ color: var(--color-text-faint);
1124
+ display: inline-flex;
1125
+ align-items: center;
1126
+ }
1127
+ ._helpIcon_hd0z2_1 :hover {
1128
+ color: var(--color-text-muted);
1129
+ }
1130
+ ._active_hd0z2_9 {
1131
+ color: var(--color-text);
1132
+ }
1133
+ ._clickable_hd0z2_12 {
1134
+ cursor: pointer;
1135
+ }
1136
+ ._clickable_hd0z2_12:hover,
1137
+ ._clickable_hd0z2_12:focus {
1138
+ color: var(--color-text-primary-hover);
1139
+ }
1140
+ ._clickable_hd0z2_12:active {
1141
+ color: var(--color-text-primary-active);
1142
+ }
1300
1143
  ._inputInTable_1rzkf_1 {
1301
1144
  background-color: transparent;
1302
1145
  border-radius: inherit !important;
@@ -1674,34 +1517,12 @@ html[data-theme='dark'] {
1674
1517
  transform: rotate(360deg);
1675
1518
  }
1676
1519
  }
1677
- ._tooltip_wli9z_1 {
1678
- background: var(--color-text);
1679
- fill: var(--color-text);
1680
- z-index: var(--zindex-tooltip);
1681
- color: var(--color-background);
1682
- border-radius: var(--border-radius-sm);
1683
- }
1684
- ._tooltip_wli9z_1 * {
1685
- color: var(--color-background);
1686
- }
1687
- ._tooltip_wli9z_1 > svg,
1688
- ._tooltip_wli9z_1 > svg > * {
1689
- fill: inherit !important;
1690
- }
1691
- ._tooltip_wli9z_1._error_wli9z_15 {
1692
- background: var(--color-error-500);
1693
- fill: var(--color-error-500);
1694
- }
1695
- ._tooltip_wli9z_1._warning_wli9z_19 {
1696
- background: var(--color-warning-500);
1697
- fill: var(--color-warning-500);
1698
- }
1699
- ._actions_1t7vd_1 {
1700
- margin-left: auto;
1701
- display: flex;
1702
- flex-wrap: nowrap;
1703
- justify-content: flex-end;
1704
- align-items: center;
1520
+ ._actions_1t7vd_1 {
1521
+ margin-left: auto;
1522
+ display: flex;
1523
+ flex-wrap: nowrap;
1524
+ justify-content: flex-end;
1525
+ align-items: center;
1705
1526
  }
1706
1527
  ._actions_1t7vd_1 > *:not(:last-child) {
1707
1528
  margin-right: var(--padding-xxs);
@@ -1734,6 +1555,206 @@ html[data-theme='dark'] {
1734
1555
  ._actionComponentContainer_1t7vd_14._active_1t7vd_36 {
1735
1556
  color: var(--color-text-primary-active);
1736
1557
  }
1558
+ ._wrapper_1iw97_1 {
1559
+ display: inline-flex;
1560
+ max-width: 100%;
1561
+ }
1562
+ ._layer_1iw97_5 ._wrapper_1iw97_1 {
1563
+ width: 100%;
1564
+ }
1565
+ ._layerContainer_1iw97_8 {
1566
+ z-index: var(--zindex-dropdown);
1567
+ }
1568
+ ._layer_1iw97_5 {
1569
+ border: 1px solid var(--color-border);
1570
+ border-radius: var(--border-radius);
1571
+ overflow: hidden;
1572
+ margin: 2px 0;
1573
+ background: var(--color-background-layer);
1574
+ box-shadow: var(--shadow-layer);
1575
+ min-width: 10em;
1576
+ max-width: 30em;
1577
+ position: relative;
1578
+ overflow-y: auto;
1579
+ max-height: 40vh;
1580
+ }
1581
+ ._layer_1iw97_5._nested_1iw97_24 {
1582
+ margin: -1px 2px;
1583
+ }
1584
+ ._layer_1iw97_5 ul {
1585
+ margin: 0;
1586
+ padding: 0;
1587
+ list-style-type: none;
1588
+ }
1589
+ ._layer_1iw97_5 ul li {
1590
+ list-style: none;
1591
+ display: block;
1592
+ }
1593
+ ._fileInput_1iw97_36 {
1594
+ opacity: 0;
1595
+ position: absolute;
1596
+ inset: 0;
1597
+ }
1598
+ ._trigger_1iw97_41 {
1599
+ display: inline-flex;
1600
+ align-items: center;
1601
+ cursor: pointer;
1602
+ max-width: 100%;
1603
+ }
1604
+ ._layer_1iw97_5 ._trigger_1iw97_41 {
1605
+ width: 100%;
1606
+ }
1607
+ ._middleAlignedInline_1iw97_50 {
1608
+ display: flex;
1609
+ align-items: center;
1610
+ overflow: hidden;
1611
+ width: 100%;
1612
+ }
1613
+ ._heading_1iw97_56 {
1614
+ color: var(--color-text-muted);
1615
+ letter-spacing: var(--letter-spacing-wide);
1616
+ text-transform: uppercase;
1617
+ font-weight: bold;
1618
+ }
1619
+ ._heading_1iw97_56 ._headingIcon_1iw97_62 {
1620
+ float: right;
1621
+ }
1622
+ ._heading_1iw97_56 ._headingIcon_1iw97_62 svg {
1623
+ color: var(--color-text-faint);
1624
+ }
1625
+ ._heading_1iw97_56 ._headingIcon_1iw97_62:hover {
1626
+ cursor: pointer;
1627
+ }
1628
+ ._heading_1iw97_56 ._headingIcon_1iw97_62:hover svg {
1629
+ color: var(--color-text-primary-hover);
1630
+ }
1631
+ ._option_1iw97_74 {
1632
+ color: inherit;
1633
+ display: block;
1634
+ position: relative;
1635
+ }
1636
+ ._heading_1iw97_56,
1637
+ ._option_1iw97_74,
1638
+ ._layer_1iw97_5 ._trigger_1iw97_41 {
1639
+ padding: var(--padding-input);
1640
+ border: 1px solid transparent;
1641
+ }
1642
+ ._option_1iw97_74,
1643
+ ._layer_1iw97_5 ._trigger_1iw97_41 {
1644
+ line-height: var(--line-height);
1645
+ display: flex;
1646
+ align-items: flex-start;
1647
+ }
1648
+ ._option_1iw97_74:hover,
1649
+ ._layer_1iw97_5 ._trigger_1iw97_41:hover,
1650
+ ._option_1iw97_74._active_1iw97_93,
1651
+ ._layer_1iw97_5 ._trigger_1iw97_41._active_1iw97_93 {
1652
+ background-color: var(--color-background-listitem-hover);
1653
+ cursor: pointer;
1654
+ }
1655
+ ._option_1iw97_74._selected_1iw97_98 {
1656
+ background-color: var(--color-background-listitem-active);
1657
+ }
1658
+ ._layer_1iw97_5 ._trigger_1iw97_41 {
1659
+ align-items: center;
1660
+ }
1661
+ ._optionContent_1iw97_104 {
1662
+ flex-wrap: wrap;
1663
+ margin-right: auto;
1664
+ }
1665
+ ._inline_1iw97_108 ._optionContent_1iw97_104 {
1666
+ display: flex;
1667
+ justify-content: space-between;
1668
+ flex-grow: 1;
1669
+ }
1670
+ ._icon_1iw97_113,
1671
+ ._check_1iw97_114 {
1672
+ display: flex;
1673
+ flex-shrink: 1;
1674
+ width: var(--size-xs);
1675
+ height: var(--line-height);
1676
+ font-size: var(--size-xs);
1677
+ justify-content: center;
1678
+ align-items: center;
1679
+ }
1680
+ ._icon_1iw97_113 {
1681
+ margin-right: var(--padding-xs);
1682
+ color: var(--color-text-primary);
1683
+ }
1684
+ ._icon_1iw97_113:empty {
1685
+ display: none;
1686
+ }
1687
+ ._icon_1iw97_113 img {
1688
+ max-height: 16px;
1689
+ max-width: 16px;
1690
+ width: auto;
1691
+ height: auto;
1692
+ }
1693
+ ._text_1iw97_136 {
1694
+ display: inline-flex;
1695
+ align-items: center;
1696
+ cursor: pointer;
1697
+ }
1698
+ ._label_1iw97_141 {
1699
+ margin-right: auto;
1700
+ }
1701
+ ._label_1iw97_141,
1702
+ ._heading_1iw97_56 {
1703
+ max-width: 100%;
1704
+ display: block;
1705
+ overflow: hidden;
1706
+ text-overflow: ellipsis;
1707
+ white-space: nowrap;
1708
+ }
1709
+ ._description_1iw97_152 {
1710
+ color: #999;
1711
+ display: block;
1712
+ }
1713
+ ._arrow_1iw97_156 {
1714
+ margin-left: var(--padding-xxs);
1715
+ display: flex;
1716
+ }
1717
+ ._divider_1iw97_160 {
1718
+ border: 0;
1719
+ border-top: 1px solid var(--color-border);
1720
+ }
1721
+ ._deprecatedSemanticIcon_1iw97_164 {
1722
+ color: var(--color-text-primary) !important;
1723
+ margin: -5px 0 0 !important;
1724
+ }
1725
+ ._disabled_1iw97_168 {
1726
+ color: var(--color-text-faint);
1727
+ pointer-events: none;
1728
+ cursor: not-allowed !important;
1729
+ }
1730
+ ._buttonLabel_1iw97_173 {
1731
+ overflow: hidden;
1732
+ text-overflow: ellipsis;
1733
+ display: block;
1734
+ margin-right: auto;
1735
+ }
1736
+ ._buttonCaret_1iw97_179 {
1737
+ display: flex;
1738
+ margin-left: var(--padding-xxs);
1739
+ }
1740
+ ._component_1iw97_183 {
1741
+ display: inline-flex;
1742
+ align-items: center;
1743
+ justify-content: center;
1744
+ cursor: pointer;
1745
+ }
1746
+ ._right_1iw97_189 {
1747
+ margin-left: auto;
1748
+ display: flex;
1749
+ align-items: center;
1750
+ }
1751
+ ._actions_1iw97_194 {
1752
+ margin-left: var(--padding-xs);
1753
+ display: flex;
1754
+ align-items: center;
1755
+ margin-top: -2px;
1756
+ margin-bottom: -2px;
1757
+ }
1737
1758
  ._wrapper_nwprz_1 {
1738
1759
  display: inline-flex;
1739
1760
  position: relative;
@@ -1780,26 +1801,86 @@ html[data-theme='dark'] {
1780
1801
  transform-origin: 100% 0%;
1781
1802
  z-index: 3;
1782
1803
  }
1783
- ._bold_11ofj_1 {
1784
- font-weight: bold;
1804
+ ._card_ucdeu_1 {
1805
+ color: var(--color-text);
1785
1806
  }
1786
- ._center_11ofj_4 {
1787
- text-align: center;
1807
+ ._card_ucdeu_1._bordered_ucdeu_4 {
1808
+ background: var(--color-background-raised);
1809
+ border: 1px solid var(--color-border);
1810
+ box-shadow: var(--shadow-card);
1811
+ border-radius: var(--border-radius);
1788
1812
  }
1789
- ._muted_11ofj_7 {
1790
- color: var(--color-text-muted);
1813
+ ._card_ucdeu_1._bordered_ucdeu_4._raised_ucdeu_10 {
1814
+ box-shadow: var(--shadow-layer);
1791
1815
  }
1792
- ._faint_11ofj_10 {
1793
- color: var(--color-text-faint);
1816
+ ._card_ucdeu_1._bordered_ucdeu_4 ._cardHeader_ucdeu_13 {
1817
+ padding: var(--padding-xxs) var(--padding-sm);
1818
+ border-top-left-radius: inherit;
1819
+ border-top-right-radius: inherit;
1820
+ background-color: var(--color-background-cardheader);
1794
1821
  }
1795
- ._success_11ofj_13 {
1796
- color: var(--color-text-success);
1822
+ ._card_ucdeu_1._bordered_ucdeu_4 ._cardContentBorderTop_ucdeu_19 {
1823
+ border-top: 1px solid var(--color-border);
1797
1824
  }
1798
- ._warning_11ofj_16 {
1799
- color: var(--color-text-warning);
1825
+ ._card_ucdeu_1._bordered_ucdeu_4 ._padding_ucdeu_22 {
1826
+ padding: var(--padding-sm);
1800
1827
  }
1801
- ._error_11ofj_19 {
1802
- color: var(--color-text-error);
1828
+ ._cardContent_ucdeu_19:first-child {
1829
+ border-top-left-radius: inherit;
1830
+ border-top-right-radius: inherit;
1831
+ }
1832
+ ._cardContent_ucdeu_19:last-child {
1833
+ border-bottom-left-radius: inherit;
1834
+ border-bottom-right-radius: inherit;
1835
+ }
1836
+ ._cardHeader_ucdeu_13 {
1837
+ display: flex;
1838
+ align-items: center;
1839
+ padding: var(--padding-sm) 0;
1840
+ }
1841
+ ._divider_2bfzh_1 {
1842
+ display: flex;
1843
+ align-items: center;
1844
+ text-align: center;
1845
+ }
1846
+ ._divider_2bfzh_1::before,
1847
+ ._divider_2bfzh_1::after {
1848
+ content: '';
1849
+ flex: 1;
1850
+ border-bottom: 1px solid var(--color);
1851
+ }
1852
+ ._alignLeft_2bfzh_12::before {
1853
+ flex-grow: 0.05;
1854
+ }
1855
+ ._alignRight_2bfzh_15::after {
1856
+ flex-grow: 0.05;
1857
+ }
1858
+ ._divider_2bfzh_1:not(:empty)::before {
1859
+ margin-right: 0.25em;
1860
+ }
1861
+ ._divider_2bfzh_1:not(:empty)::after {
1862
+ margin-left: 0.25em;
1863
+ }
1864
+ ._bold_11ofj_1 {
1865
+ font-weight: bold;
1866
+ }
1867
+ ._center_11ofj_4 {
1868
+ text-align: center;
1869
+ }
1870
+ ._muted_11ofj_7 {
1871
+ color: var(--color-text-muted);
1872
+ }
1873
+ ._faint_11ofj_10 {
1874
+ color: var(--color-text-faint);
1875
+ }
1876
+ ._success_11ofj_13 {
1877
+ color: var(--color-text-success);
1878
+ }
1879
+ ._warning_11ofj_16 {
1880
+ color: var(--color-text-warning);
1881
+ }
1882
+ ._error_11ofj_19 {
1883
+ color: var(--color-text-error);
1803
1884
  }
1804
1885
  ._small_11ofj_22 {
1805
1886
  font-size: var(--font-size-sm);
@@ -1814,1173 +1895,786 @@ html[data-theme='dark'] {
1814
1895
  ._link_11ofj_25:active {
1815
1896
  color: var(--color-text-primary-active);
1816
1897
  }
1817
- ._inputInTable_jnwnh_1 {
1898
+ ._heading_yhdiy_1 {
1899
+ color: var(--color-text);
1900
+ line-height: var(--size-sm);
1901
+ font-weight: bold;
1902
+ display: flex;
1903
+ align-items: center;
1904
+ user-select: none;
1905
+ padding: 0;
1906
+ }
1907
+ ._heading_yhdiy_1._top_yhdiy_10 {
1908
+ font-size: var(--font-size-xl);
1909
+ margin-bottom: var(--padding-sm);
1910
+ }
1911
+ ._heading_yhdiy_1:not(._top_yhdiy_10) {
1912
+ font-size: var(--font-size);
1913
+ color: var(--color-text-muted);
1914
+ text-transform: uppercase;
1915
+ letter-spacing: var(--letter-spacing-wide);
1916
+ }
1917
+ ._icons_yhdiy_20 {
1918
+ display: inline-flex;
1919
+ }
1920
+ ._icons_yhdiy_20 > * {
1921
+ margin-left: var(--padding-xxs);
1922
+ }
1923
+ ._inputInTable_khmhl_1 {
1818
1924
  background-color: transparent;
1819
1925
  border-radius: inherit !important;
1820
1926
  height: var(--size);
1821
1927
  min-height: 100%;
1822
1928
  }
1823
- ._inputInTable_jnwnh_1:not(:hover) {
1929
+ ._inputInTable_khmhl_1:not(:hover) {
1824
1930
  border-color: transparent;
1825
1931
  }
1826
- ._inputInTable_jnwnh_1:not(:focus) {
1932
+ ._inputInTable_khmhl_1:not(:focus) {
1827
1933
  box-shadow: none;
1828
1934
  }
1829
- ._inputHover_jnwnh_13 {
1935
+ ._inputHover_khmhl_13 {
1830
1936
  position: relative;
1831
1937
  border-color: var(--color-border-hover);
1832
1938
  z-index: 2;
1833
1939
  }
1834
- ._inputFocus_jnwnh_18 {
1940
+ ._inputFocus_khmhl_18 {
1835
1941
  position: relative;
1836
1942
  outline: none !important;
1837
1943
  border-color: var(--color-border-focus) !important;
1838
1944
  box-shadow: var(--shadow-focus);
1839
1945
  z-index: 3;
1840
1946
  }
1841
- ._inputError_jnwnh_25,
1842
- ._inputWarning_jnwnh_26 {
1947
+ ._inputError_khmhl_25,
1948
+ ._inputWarning_khmhl_26 {
1843
1949
  position: relative;
1844
1950
  }
1845
- ._inputError_jnwnh_25 {
1951
+ ._inputError_khmhl_25 {
1846
1952
  z-index: 2;
1847
1953
  border-color: var(--color-border-error);
1848
1954
  color: var(--color-text-error) !important;
1849
1955
  background-color: var(--color-background-error-muted);
1850
1956
  }
1851
- ._inputError_jnwnh_25:hover {
1957
+ ._inputError_khmhl_25:hover {
1852
1958
  border-color: var(--color-border-error-hover) !important;
1853
1959
  }
1854
- ._inputError_jnwnh_25:focus {
1960
+ ._inputError_khmhl_25:focus {
1855
1961
  position: relative;
1856
1962
  outline: none !important;
1857
1963
  border-color: var(--color-border-focus) !important;
1858
1964
  box-shadow: var(--shadow-focus);
1859
1965
  z-index: 3;
1860
1966
  }
1861
- ._inputWarning_jnwnh_26 {
1967
+ ._inputWarning_khmhl_26 {
1862
1968
  z-index: 1;
1863
1969
  border-color: var(--color-border-warning);
1864
1970
  color: var(--color-text-warning) !important;
1865
1971
  background-color: var(--color-background-warning-muted);
1866
1972
  }
1867
- ._inputWarning_jnwnh_26:hover {
1973
+ ._inputWarning_khmhl_26:hover {
1868
1974
  border-color: var(--color-border-warning-hover) !important;
1869
1975
  }
1870
- ._inputWarning_jnwnh_26:focus {
1976
+ ._inputWarning_khmhl_26:focus {
1871
1977
  position: relative;
1872
1978
  outline: none !important;
1873
1979
  border-color: var(--color-border-focus) !important;
1874
1980
  box-shadow: var(--shadow-focus);
1875
1981
  z-index: 3;
1876
1982
  }
1877
- ._inputDisabled_jnwnh_61 {
1983
+ ._inputDisabled_khmhl_61 {
1878
1984
  pointer-events: none;
1879
1985
  background-color: var(--color-background-disabled);
1880
1986
  color: var(--color-text-muted);
1881
1987
  box-shadow: none;
1882
1988
  }
1883
- ._hideScrollbars_jnwnh_67 {
1989
+ ._hideScrollbars_khmhl_67 {
1884
1990
  /* Firefox */
1885
1991
  scrollbar-width: none;
1886
1992
  /* IE 10+ */
1887
1993
  -ms-overflow-style: none;
1888
1994
  /* Chrome, Safari and Opera */
1889
1995
  }
1890
- ._hideScrollbars_jnwnh_67::-webkit-scrollbar {
1996
+ ._hideScrollbars_khmhl_67::-webkit-scrollbar {
1891
1997
  display: none;
1892
1998
  }
1893
- ._input_jnwnh_1 {
1894
- margin: 0;
1895
- outline: 0;
1896
- text-align: left;
1897
- font-family: var(--font-family);
1898
- padding: var(--padding-input);
1899
- background: var(--color-background-input);
1900
- border: 1px solid var(--color-border);
1901
- color: var(--color-text);
1902
- border-radius: var(--border-radius);
1903
- transition: box-shadow 0.1s ease, border-color 0.1s ease;
1904
- box-shadow: none;
1905
- height: var(--size);
1906
- line-height: var(--line-height);
1907
- width: 100%;
1908
- font-weight: 400;
1909
- font-style: normal;
1910
- position: relative;
1911
- font-variant-numeric: tabular-nums;
1999
+ :root {
2000
+ --size-drawer-tabs: var(--size-lg);
2001
+ --color-background-drawer-tab: var(--color-primary-100);
2002
+ --color-background-drawer-tab-hover: white;
2003
+ --color-border-drawer-tab: var(--color-primary-200);
2004
+ --color-background-drawer-handle-hover: rgba(0, 0, 0, 0.05);
1912
2005
  }
1913
- ._input_jnwnh_1::placeholder {
1914
- color: var(--color-text-placeholder);
2006
+ html[data-theme='dark'] {
2007
+ --color-background-drawer-tab: var(--color-primary-800);
2008
+ --color-background-drawer-tab-hover: var(--color-primary-700);
2009
+ --color-border-drawer-tab: black;
2010
+ --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
1915
2011
  }
1916
- ._input_jnwnh_1._isInTable_jnwnh_100 {
1917
- background-color: transparent;
1918
- border-radius: inherit !important;
1919
- height: var(--size);
1920
- min-height: 100%;
2012
+ ._inline_khmhl_90 {
2013
+ position: relative;
1921
2014
  }
1922
- ._input_jnwnh_1._isInTable_jnwnh_100:not(:hover) {
1923
- border-color: transparent;
2015
+ ._inline_khmhl_90._left_khmhl_93 {
2016
+ order: -1;
1924
2017
  }
1925
- ._input_jnwnh_1._isInTable_jnwnh_100:not(:focus) {
1926
- box-shadow: none;
2018
+ ._inline_khmhl_90._right_khmhl_96 {
2019
+ order: 9999;
1927
2020
  }
1928
- ._input_jnwnh_1:hover {
1929
- position: relative;
1930
- border-color: var(--color-border-hover);
1931
- z-index: 2;
2021
+ ._fixed_khmhl_99 {
2022
+ position: fixed;
2023
+ top: 0;
2024
+ bottom: 0;
2025
+ z-index: var(--zindex-drawer);
1932
2026
  }
1933
- ._input_jnwnh_1:focus {
1934
- position: relative;
1935
- outline: none !important;
1936
- border-color: var(--color-border-focus) !important;
1937
- box-shadow: var(--shadow-focus);
1938
- z-index: 3;
2027
+ ._fixed_khmhl_99._left_khmhl_93 {
2028
+ left: 0;
1939
2029
  }
1940
- ._input_jnwnh_1._small_jnwnh_124 {
1941
- font-size: var(--font-size-sm);
1942
- height: var(--size-sm);
1943
- padding: var(--padding-input-sm);
1944
- line-height: var(--size-sm);
2030
+ ._fixed_khmhl_99._right_khmhl_96 {
2031
+ right: 0;
1945
2032
  }
1946
- ._input_jnwnh_1._error_jnwnh_130 {
1947
- position: relative;
1948
- z-index: 2;
1949
- border-color: var(--color-border-error);
1950
- color: var(--color-text-error) !important;
1951
- background-color: var(--color-background-error-muted);
2033
+ ._left_khmhl_93 ._border_khmhl_111 {
2034
+ border-right: 1px solid var(--color-border);
1952
2035
  }
1953
- ._input_jnwnh_1._error_jnwnh_130:hover {
1954
- border-color: var(--color-border-error-hover) !important;
2036
+ ._right_khmhl_96 ._border_khmhl_111 {
2037
+ border-left: 1px solid var(--color-border);
1955
2038
  }
1956
- ._input_jnwnh_1._error_jnwnh_130:focus {
1957
- position: relative;
1958
- outline: none !important;
1959
- border-color: var(--color-border-focus) !important;
1960
- box-shadow: var(--shadow-focus);
1961
- z-index: 3;
2039
+ ._shadow_khmhl_117 {
2040
+ box-shadow: var(--shadow-layer);
1962
2041
  }
1963
- ._input_jnwnh_1._warning_jnwnh_147 {
1964
- position: relative;
1965
- z-index: 1;
1966
- border-color: var(--color-border-warning);
1967
- color: var(--color-text-warning) !important;
1968
- background-color: var(--color-background-warning-muted);
2042
+ ._drawerContent_khmhl_120 {
2043
+ overflow-x: hidden;
2044
+ overflow-y: auto;
2045
+ max-height: 100%;
2046
+ min-height: 100%;
2047
+ transition: width 0.2s;
2048
+ /* Firefox */
2049
+ scrollbar-width: none;
2050
+ /* IE 10+ */
2051
+ -ms-overflow-style: none;
2052
+ /* Chrome, Safari and Opera */
1969
2053
  }
1970
- ._input_jnwnh_1._warning_jnwnh_147:hover {
1971
- border-color: var(--color-border-warning-hover) !important;
2054
+ ._isResizing_khmhl_132 ._drawerContent_khmhl_120 {
2055
+ transition: none;
1972
2056
  }
1973
- ._input_jnwnh_1._warning_jnwnh_147:focus {
1974
- position: relative;
1975
- outline: none !important;
1976
- border-color: var(--color-border-focus) !important;
1977
- box-shadow: var(--shadow-focus);
1978
- z-index: 3;
2057
+ @media print {
2058
+ ._drawerContent_khmhl_120 {
2059
+ background: transparent !important;
2060
+ }
1979
2061
  }
1980
- ._input_jnwnh_1[disabled] {
1981
- pointer-events: none;
1982
- background-color: var(--color-background-disabled);
1983
- color: var(--color-text-muted);
1984
- box-shadow: none;
2062
+ ._drawerContent_khmhl_120::-webkit-scrollbar {
2063
+ display: none;
1985
2064
  }
1986
- ._input_jnwnh_1._right_jnwnh_170 {
1987
- text-align: right;
2065
+ ._toggleButton_khmhl_143 {
2066
+ transition: transform 0.2s;
2067
+ display: inline-block;
2068
+ transform: rotate(180deg);
2069
+ position: absolute;
2070
+ z-index: calc(var(--zindex-drawer) + 3);
1988
2071
  }
1989
- ._groupOrderFirst_jnwnh_173,
1990
- ._groupOrderMiddle_jnwnh_174,
1991
- ._groupOrderLast_jnwnh_175 {
1992
- flex: 1;
2072
+ ._left_khmhl_93 ._toggleButton_khmhl_143 {
2073
+ right: calc(var(--size) / -2);
1993
2074
  }
1994
- ._groupOrderFirst_jnwnh_173 ._input_jnwnh_1,
1995
- ._groupOrderMiddle_jnwnh_174 ._input_jnwnh_1 {
1996
- border-top-right-radius: 0 !important;
1997
- border-bottom-right-radius: 0 !important;
2075
+ ._right_khmhl_96 ._toggleButton_khmhl_143 {
2076
+ left: calc(var(--size) / -2);
1998
2077
  }
1999
- ._groupOrderLast_jnwnh_175 ._input_jnwnh_1,
2000
- ._groupOrderMiddle_jnwnh_174 ._input_jnwnh_1 {
2001
- border-top-left-radius: 0 !important;
2002
- border-bottom-left-radius: 0 !important;
2078
+ ._toggleButton_khmhl_143._top_khmhl_156 {
2079
+ top: var(--padding);
2003
2080
  }
2004
- ._heading_yhdiy_1 {
2005
- color: var(--color-text);
2006
- line-height: var(--size-sm);
2007
- font-weight: bold;
2008
- display: flex;
2009
- align-items: center;
2010
- user-select: none;
2011
- padding: 0;
2081
+ ._toggleButton_khmhl_143._bottom_khmhl_159 {
2082
+ bottom: var(--padding);
2012
2083
  }
2013
- ._heading_yhdiy_1._top_yhdiy_10 {
2014
- font-size: var(--font-size-xl);
2015
- margin-bottom: var(--padding-sm);
2084
+ ._toggleButton_khmhl_143._toggleButtonOpen_khmhl_162 {
2085
+ transform: rotate(0deg);
2016
2086
  }
2017
- ._heading_yhdiy_1:not(._top_yhdiy_10) {
2018
- font-size: var(--font-size);
2019
- color: var(--color-text-muted);
2020
- text-transform: uppercase;
2021
- letter-spacing: var(--letter-spacing-wide);
2087
+ ._tabs_khmhl_165 {
2088
+ position: absolute;
2089
+ top: 0;
2090
+ bottom: 0;
2091
+ background-color: var(--color-background);
2092
+ padding-top: var(--padding);
2093
+ z-index: calc(var(--zindex-drawer) + 1);
2094
+ border-left: 1px solid var(--color-border);
2095
+ border-right: 1px solid var(--color-border);
2022
2096
  }
2023
- ._icons_yhdiy_20 {
2024
- display: inline-flex;
2097
+ ._left_khmhl_93 ._tabs_khmhl_165 {
2098
+ right: 0;
2025
2099
  }
2026
- ._icons_yhdiy_20 > * {
2027
- margin-left: var(--padding-xxs);
2100
+ ._right_khmhl_96 ._tabs_khmhl_165 {
2101
+ left: 0;
2028
2102
  }
2029
- ._helpIcon_hd0z2_1 {
2030
- color: var(--color-text-faint);
2031
- display: inline-flex;
2103
+ ._tabs_khmhl_165 ._tab_khmhl_165 {
2104
+ font-size: var(--size-sm);
2105
+ height: var(--size-drawer-tabs);
2106
+ width: var(--size-drawer-tabs);
2107
+ display: flex;
2108
+ justify-content: center;
2032
2109
  align-items: center;
2033
- }
2034
- ._helpIcon_hd0z2_1 :hover {
2035
- color: var(--color-text-muted);
2036
- }
2037
- ._active_hd0z2_9 {
2038
- color: var(--color-text);
2039
- }
2040
- ._clickable_hd0z2_12 {
2041
2110
  cursor: pointer;
2111
+ margin: -1px;
2112
+ transition: color 0.2s, background-color 0.2s;
2113
+ border: 1px solid var(--color-border-drawer-tab);
2042
2114
  }
2043
- ._clickable_hd0z2_12:hover,
2044
- ._clickable_hd0z2_12:focus {
2045
- color: var(--color-text-primary-hover);
2115
+ ._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165 {
2116
+ border-top-left-radius: 0;
2117
+ border-bottom-left-radius: 0;
2046
2118
  }
2047
- ._clickable_hd0z2_12:active {
2048
- color: var(--color-text-primary-active);
2119
+ ._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
2120
+ border-left-color: transparent;
2049
2121
  }
2050
- .rc-slider {
2051
- position: relative;
2052
- width: 100%;
2053
- height: 14px;
2054
- padding: 5px 0;
2055
- border-radius: 6px;
2056
- touch-action: none;
2057
- box-sizing: border-box;
2058
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2122
+ ._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165 {
2123
+ border-top-right-radius: 0;
2124
+ border-bottom-right-radius: 0;
2059
2125
  }
2060
- .rc-slider * {
2061
- box-sizing: border-box;
2062
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2126
+ ._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
2127
+ border-right-color: transparent;
2063
2128
  }
2064
- .rc-slider-rail {
2065
- position: absolute;
2066
- width: 100%;
2067
- height: 4px;
2068
- background-color: #e9e9e9;
2069
- border-radius: 6px;
2129
+ ._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197) {
2130
+ color: var(--color-text-primary);
2131
+ background-color: var(--color-background-drawer-tab) !important;
2070
2132
  }
2071
- .rc-slider-track {
2072
- position: absolute;
2073
- height: 4px;
2074
- background-color: #abe2fb;
2075
- border-radius: 6px;
2133
+ ._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197):hover {
2134
+ color: var(--color-text);
2135
+ background-color: var(--color-background-drawer-tab-hover) !important;
2076
2136
  }
2077
- .rc-slider-track-draggable {
2078
- z-index: 1;
2079
- box-sizing: content-box;
2080
- background-clip: content-box;
2081
- border-top: 5px solid rgba(0, 0, 0, 0);
2082
- border-bottom: 5px solid rgba(0, 0, 0, 0);
2083
- transform: translateY(-5px);
2137
+ ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
2138
+ color: var(--color-text);
2139
+ border-color: var(--color-border);
2084
2140
  }
2085
- .rc-slider-handle {
2086
- position: absolute;
2087
- z-index: 1;
2088
- width: 14px;
2089
- height: 14px;
2090
- margin-top: -5px;
2091
- background-color: #fff;
2092
- border: solid 2px #96dbfa;
2093
- border-radius: 50%;
2094
- cursor: pointer;
2095
- cursor: -webkit-grab;
2096
- cursor: grab;
2097
- opacity: 0.8;
2098
- touch-action: pan-x;
2141
+ ._tabs_khmhl_165 ._tab_khmhl_165 svg {
2142
+ stroke-width: 1.125;
2099
2143
  }
2100
- .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
2101
- border-color: #57c5f7;
2102
- box-shadow: 0 0 0 5px #96dbfa;
2144
+ ._tabs_khmhl_165 ._tab_khmhl_165._disabled_khmhl_222 {
2145
+ cursor: default;
2146
+ pointer-events: none;
2147
+ color: var(--color-text-faint) !important;
2148
+ background-color: var(--color-background-disabled) !important;
2149
+ border-color: var(--color-border) !important;
2103
2150
  }
2104
- .rc-slider-handle:focus {
2105
- outline: none;
2106
- box-shadow: none;
2151
+ ._left_khmhl_93 ._tabsContent_khmhl_229 {
2152
+ padding-right: calc(var(--size-drawer-tabs) - 1px);
2107
2153
  }
2108
- .rc-slider-handle:focus-visible {
2109
- border-color: #2db7f5;
2110
- box-shadow: 0 0 0 3px #96dbfa;
2154
+ ._right_khmhl_96 ._tabsContent_khmhl_229 {
2155
+ padding-left: calc(var(--size-drawer-tabs) - 1px);
2111
2156
  }
2112
- .rc-slider-handle-click-focused:focus {
2113
- border-color: #96dbfa;
2114
- box-shadow: unset;
2157
+ ._resizeHandle_khmhl_235 {
2158
+ --size-resize-handle: 10px;
2159
+ position: absolute;
2160
+ top: 0;
2161
+ bottom: 0;
2162
+ width: var(--size-resize-handle);
2163
+ z-index: calc(var(--zindex-drawer) + 2);
2164
+ cursor: ew-resize;
2165
+ display: flex;
2166
+ align-items: center;
2167
+ color: var(--color-text-faint);
2168
+ font-size: var(--size-resize-handle);
2169
+ transition: all 0.2s;
2115
2170
  }
2116
- .rc-slider-handle:hover {
2117
- border-color: #57c5f7;
2171
+ ._resizeHandle_khmhl_235:hover {
2172
+ background: var(--color-background-drawer-handle-hover);
2173
+ color: var(--color-text-primary);
2118
2174
  }
2119
- .rc-slider-handle:active {
2120
- border-color: #57c5f7;
2121
- box-shadow: 0 0 5px #57c5f7;
2122
- cursor: -webkit-grabbing;
2123
- cursor: grabbing;
2175
+ ._resizeHandle_khmhl_235:active {
2176
+ background: var(--color-text-primary);
2177
+ color: white;
2124
2178
  }
2125
- .rc-slider-mark {
2126
- position: absolute;
2127
- top: 18px;
2179
+ ._left_khmhl_93 ._resizeHandle_khmhl_235 {
2180
+ right: 0;
2181
+ }
2182
+ ._right_khmhl_96 ._resizeHandle_khmhl_235 {
2128
2183
  left: 0;
2129
- width: 100%;
2130
- font-size: 12px;
2131
2184
  }
2132
- .rc-slider-mark-text {
2133
- position: absolute;
2134
- display: inline-block;
2135
- color: #999;
2136
- text-align: center;
2137
- vertical-align: middle;
2138
- cursor: pointer;
2185
+ ._inputInTable_jnwnh_1 {
2186
+ background-color: transparent;
2187
+ border-radius: inherit !important;
2188
+ height: var(--size);
2189
+ min-height: 100%;
2139
2190
  }
2140
- .rc-slider-mark-text-active {
2141
- color: #666;
2191
+ ._inputInTable_jnwnh_1:not(:hover) {
2192
+ border-color: transparent;
2142
2193
  }
2143
- .rc-slider-step {
2144
- position: absolute;
2145
- width: 100%;
2146
- height: 4px;
2147
- background: transparent;
2194
+ ._inputInTable_jnwnh_1:not(:focus) {
2195
+ box-shadow: none;
2148
2196
  }
2149
- .rc-slider-dot {
2150
- position: absolute;
2151
- bottom: -2px;
2152
- width: 8px;
2153
- height: 8px;
2154
- vertical-align: middle;
2155
- background-color: #fff;
2156
- border: 2px solid #e9e9e9;
2157
- border-radius: 50%;
2158
- cursor: pointer;
2197
+ ._inputHover_jnwnh_13 {
2198
+ position: relative;
2199
+ border-color: var(--color-border-hover);
2200
+ z-index: 2;
2159
2201
  }
2160
- .rc-slider-dot-active {
2161
- border-color: #96dbfa;
2202
+ ._inputFocus_jnwnh_18 {
2203
+ position: relative;
2204
+ outline: none !important;
2205
+ border-color: var(--color-border-focus) !important;
2206
+ box-shadow: var(--shadow-focus);
2207
+ z-index: 3;
2162
2208
  }
2163
- .rc-slider-dot-reverse {
2164
- margin-right: -4px;
2209
+ ._inputError_jnwnh_25,
2210
+ ._inputWarning_jnwnh_26 {
2211
+ position: relative;
2165
2212
  }
2166
- .rc-slider-disabled {
2167
- background-color: #e9e9e9;
2213
+ ._inputError_jnwnh_25 {
2214
+ z-index: 2;
2215
+ border-color: var(--color-border-error);
2216
+ color: var(--color-text-error) !important;
2217
+ background-color: var(--color-background-error-muted);
2168
2218
  }
2169
- .rc-slider-disabled .rc-slider-track {
2170
- background-color: #ccc;
2219
+ ._inputError_jnwnh_25:hover {
2220
+ border-color: var(--color-border-error-hover) !important;
2171
2221
  }
2172
- .rc-slider-disabled .rc-slider-handle,
2173
- .rc-slider-disabled .rc-slider-dot {
2174
- background-color: #fff;
2175
- border-color: #ccc;
2176
- box-shadow: none;
2177
- cursor: not-allowed;
2222
+ ._inputError_jnwnh_25:focus {
2223
+ position: relative;
2224
+ outline: none !important;
2225
+ border-color: var(--color-border-focus) !important;
2226
+ box-shadow: var(--shadow-focus);
2227
+ z-index: 3;
2178
2228
  }
2179
- .rc-slider-disabled .rc-slider-mark-text,
2180
- .rc-slider-disabled .rc-slider-dot {
2181
- cursor: not-allowed !important;
2229
+ ._inputWarning_jnwnh_26 {
2230
+ z-index: 1;
2231
+ border-color: var(--color-border-warning);
2232
+ color: var(--color-text-warning) !important;
2233
+ background-color: var(--color-background-warning-muted);
2182
2234
  }
2183
- .rc-slider-vertical {
2184
- width: 14px;
2185
- height: 100%;
2186
- padding: 0 5px;
2235
+ ._inputWarning_jnwnh_26:hover {
2236
+ border-color: var(--color-border-warning-hover) !important;
2187
2237
  }
2188
- .rc-slider-vertical .rc-slider-rail {
2189
- width: 4px;
2190
- height: 100%;
2238
+ ._inputWarning_jnwnh_26:focus {
2239
+ position: relative;
2240
+ outline: none !important;
2241
+ border-color: var(--color-border-focus) !important;
2242
+ box-shadow: var(--shadow-focus);
2243
+ z-index: 3;
2191
2244
  }
2192
- .rc-slider-vertical .rc-slider-track {
2193
- bottom: 0;
2194
- left: 5px;
2195
- width: 4px;
2245
+ ._inputDisabled_jnwnh_61 {
2246
+ pointer-events: none;
2247
+ background-color: var(--color-background-disabled);
2248
+ color: var(--color-text-muted);
2249
+ box-shadow: none;
2196
2250
  }
2197
- .rc-slider-vertical .rc-slider-track-draggable {
2198
- border-top: 0;
2199
- border-bottom: 0;
2200
- border-right: 5px solid rgba(0, 0, 0, 0);
2201
- border-left: 5px solid rgba(0, 0, 0, 0);
2202
- transform: translateX(-5px);
2251
+ ._hideScrollbars_jnwnh_67 {
2252
+ /* Firefox */
2253
+ scrollbar-width: none;
2254
+ /* IE 10+ */
2255
+ -ms-overflow-style: none;
2256
+ /* Chrome, Safari and Opera */
2203
2257
  }
2204
- .rc-slider-vertical .rc-slider-handle {
2205
- position: absolute;
2206
- z-index: 1;
2207
- margin-top: 0;
2208
- margin-left: -5px;
2209
- touch-action: pan-y;
2258
+ ._hideScrollbars_jnwnh_67::-webkit-scrollbar {
2259
+ display: none;
2210
2260
  }
2211
- .rc-slider-vertical .rc-slider-mark {
2212
- top: 0;
2213
- left: 18px;
2214
- height: 100%;
2261
+ ._input_jnwnh_1 {
2262
+ margin: 0;
2263
+ outline: 0;
2264
+ text-align: left;
2265
+ font-family: var(--font-family);
2266
+ padding: var(--padding-input);
2267
+ background: var(--color-background-input);
2268
+ border: 1px solid var(--color-border);
2269
+ color: var(--color-text);
2270
+ border-radius: var(--border-radius);
2271
+ transition: box-shadow 0.1s ease, border-color 0.1s ease;
2272
+ box-shadow: none;
2273
+ height: var(--size);
2274
+ line-height: var(--line-height);
2275
+ width: 100%;
2276
+ font-weight: 400;
2277
+ font-style: normal;
2278
+ position: relative;
2279
+ font-variant-numeric: tabular-nums;
2215
2280
  }
2216
- .rc-slider-vertical .rc-slider-step {
2217
- width: 4px;
2218
- height: 100%;
2281
+ ._input_jnwnh_1::placeholder {
2282
+ color: var(--color-text-placeholder);
2219
2283
  }
2220
- .rc-slider-vertical .rc-slider-dot {
2221
- margin-left: -2px;
2284
+ ._input_jnwnh_1._isInTable_jnwnh_100 {
2285
+ background-color: transparent;
2286
+ border-radius: inherit !important;
2287
+ height: var(--size);
2288
+ min-height: 100%;
2222
2289
  }
2223
- .rc-slider-tooltip-zoom-down-enter,
2224
- .rc-slider-tooltip-zoom-down-appear {
2225
- display: block !important;
2226
- animation-duration: 0.3s;
2227
- animation-fill-mode: both;
2228
- animation-play-state: paused;
2290
+ ._input_jnwnh_1._isInTable_jnwnh_100:not(:hover) {
2291
+ border-color: transparent;
2229
2292
  }
2230
- .rc-slider-tooltip-zoom-down-leave {
2231
- display: block !important;
2232
- animation-duration: 0.3s;
2233
- animation-fill-mode: both;
2234
- animation-play-state: paused;
2293
+ ._input_jnwnh_1._isInTable_jnwnh_100:not(:focus) {
2294
+ box-shadow: none;
2235
2295
  }
2236
- .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
2237
- .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
2238
- animation-name: rcSliderTooltipZoomDownIn;
2239
- animation-play-state: running;
2296
+ ._input_jnwnh_1:hover {
2297
+ position: relative;
2298
+ border-color: var(--color-border-hover);
2299
+ z-index: 2;
2240
2300
  }
2241
- .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
2242
- animation-name: rcSliderTooltipZoomDownOut;
2243
- animation-play-state: running;
2301
+ ._input_jnwnh_1:focus {
2302
+ position: relative;
2303
+ outline: none !important;
2304
+ border-color: var(--color-border-focus) !important;
2305
+ box-shadow: var(--shadow-focus);
2306
+ z-index: 3;
2244
2307
  }
2245
- .rc-slider-tooltip-zoom-down-enter,
2246
- .rc-slider-tooltip-zoom-down-appear {
2247
- transform: scale(0, 0);
2248
- animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
2308
+ ._input_jnwnh_1._small_jnwnh_124 {
2309
+ font-size: var(--font-size-sm);
2310
+ height: var(--size-sm);
2311
+ padding: var(--padding-input-sm);
2312
+ line-height: var(--size-sm);
2249
2313
  }
2250
- .rc-slider-tooltip-zoom-down-leave {
2251
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
2314
+ ._input_jnwnh_1._error_jnwnh_130 {
2315
+ position: relative;
2316
+ z-index: 2;
2317
+ border-color: var(--color-border-error);
2318
+ color: var(--color-text-error) !important;
2319
+ background-color: var(--color-background-error-muted);
2252
2320
  }
2253
- @keyframes rcSliderTooltipZoomDownIn {
2254
- 0% {
2255
- transform: scale(0, 0);
2256
- transform-origin: 50% 100%;
2257
- opacity: 0;
2258
- }
2259
- 100% {
2260
- transform: scale(1, 1);
2261
- transform-origin: 50% 100%;
2262
- }
2321
+ ._input_jnwnh_1._error_jnwnh_130:hover {
2322
+ border-color: var(--color-border-error-hover) !important;
2263
2323
  }
2264
- @keyframes rcSliderTooltipZoomDownOut {
2265
- 0% {
2266
- transform: scale(1, 1);
2267
- transform-origin: 50% 100%;
2268
- }
2269
- 100% {
2270
- transform: scale(0, 0);
2271
- transform-origin: 50% 100%;
2272
- opacity: 0;
2273
- }
2324
+ ._input_jnwnh_1._error_jnwnh_130:focus {
2325
+ position: relative;
2326
+ outline: none !important;
2327
+ border-color: var(--color-border-focus) !important;
2328
+ box-shadow: var(--shadow-focus);
2329
+ z-index: 3;
2274
2330
  }
2275
- .rc-slider-tooltip {
2276
- position: absolute;
2277
- top: -9999px;
2278
- left: -9999px;
2279
- visibility: visible;
2280
- box-sizing: border-box;
2281
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2331
+ ._input_jnwnh_1._warning_jnwnh_147 {
2332
+ position: relative;
2333
+ z-index: 1;
2334
+ border-color: var(--color-border-warning);
2335
+ color: var(--color-text-warning) !important;
2336
+ background-color: var(--color-background-warning-muted);
2282
2337
  }
2283
- .rc-slider-tooltip * {
2284
- box-sizing: border-box;
2285
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2338
+ ._input_jnwnh_1._warning_jnwnh_147:hover {
2339
+ border-color: var(--color-border-warning-hover) !important;
2286
2340
  }
2287
- .rc-slider-tooltip-hidden {
2288
- display: none;
2341
+ ._input_jnwnh_1._warning_jnwnh_147:focus {
2342
+ position: relative;
2343
+ outline: none !important;
2344
+ border-color: var(--color-border-focus) !important;
2345
+ box-shadow: var(--shadow-focus);
2346
+ z-index: 3;
2289
2347
  }
2290
- .rc-slider-tooltip-placement-top {
2291
- padding: 4px 0 8px 0;
2348
+ ._input_jnwnh_1[disabled] {
2349
+ pointer-events: none;
2350
+ background-color: var(--color-background-disabled);
2351
+ color: var(--color-text-muted);
2352
+ box-shadow: none;
2292
2353
  }
2293
- .rc-slider-tooltip-inner {
2294
- min-width: 24px;
2295
- height: 24px;
2296
- padding: 6px 2px;
2297
- color: #fff;
2298
- font-size: 12px;
2299
- line-height: 1;
2300
- text-align: center;
2301
- text-decoration: none;
2302
- background-color: #6c6c6c;
2303
- border-radius: 6px;
2304
- box-shadow: 0 0 4px #d9d9d9;
2354
+ ._input_jnwnh_1._right_jnwnh_170 {
2355
+ text-align: right;
2305
2356
  }
2306
- .rc-slider-tooltip-arrow {
2307
- position: absolute;
2308
- width: 0;
2309
- height: 0;
2310
- border-color: transparent;
2311
- border-style: solid;
2357
+ ._groupOrderFirst_jnwnh_173,
2358
+ ._groupOrderMiddle_jnwnh_174,
2359
+ ._groupOrderLast_jnwnh_175 {
2360
+ flex: 1;
2312
2361
  }
2313
- .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
2314
- bottom: 4px;
2315
- left: 50%;
2316
- margin-left: -4px;
2317
- border-width: 4px 4px 0;
2318
- border-top-color: #6c6c6c;
2362
+ ._groupOrderFirst_jnwnh_173 ._input_jnwnh_1,
2363
+ ._groupOrderMiddle_jnwnh_174 ._input_jnwnh_1 {
2364
+ border-top-right-radius: 0 !important;
2365
+ border-bottom-right-radius: 0 !important;
2319
2366
  }
2320
- .rc-slider:not(.rc-slider-disabled) .rc-slider-rail {
2321
- background-color: var(--color-border);
2367
+ ._groupOrderLast_jnwnh_175 ._input_jnwnh_1,
2368
+ ._groupOrderMiddle_jnwnh_174 ._input_jnwnh_1 {
2369
+ border-top-left-radius: 0 !important;
2370
+ border-bottom-left-radius: 0 !important;
2322
2371
  }
2323
- .rc-slider:not(.rc-slider-disabled) .rc-slider-track {
2324
- background-color: var(--color-background-primary);
2372
+ ._inputInTable_tn20e_1 {
2373
+ background-color: transparent;
2374
+ border-radius: inherit !important;
2375
+ height: var(--size);
2376
+ min-height: 100%;
2325
2377
  }
2326
- .rc-slider:not(.rc-slider-disabled) .rc-slider-dot {
2327
- border-color: var(--color-border);
2328
- }
2329
- .rc-slider:not(.rc-slider-disabled) .rc-slider-dot-active {
2330
- border-color: var(--color-background-primary);
2331
- }
2332
- .rc-slider:not(.rc-slider-disabled) .rc-slider-handle {
2333
- border-color: var(--color-background-primary);
2334
- }
2335
- .rc-slider:not(.rc-slider-disabled) .rc-slider-handle:focus {
2336
- border-color: var(--color-background-primary);
2337
- box-shadow: var(--shadow-focus);
2338
- }
2339
- .rc-slider .rc-slider-handle {
2340
- opacity: 1;
2341
- }
2342
- .rc-slider .rc-slider-mark-text {
2343
- color: var(--color-text-faint);
2344
- }
2345
- .rc-slider .rc-slider-mark-text-active {
2346
- color: var(--color-text-muted);
2347
- }
2348
- .rc-slider-disabled {
2349
- background-color: transparent !important;
2350
- }
2351
- .rc-slider-disabled .rc-slider-mark-text,
2352
- .rc-slider-disabled .rc-slider-handle,
2353
- .rc-slider-disabled .rc-slider-dot {
2354
- cursor: default !important;
2355
- }
2356
- ._card_ucdeu_1 {
2357
- color: var(--color-text);
2358
- }
2359
- ._card_ucdeu_1._bordered_ucdeu_4 {
2360
- background: var(--color-background-raised);
2361
- border: 1px solid var(--color-border);
2362
- box-shadow: var(--shadow-card);
2363
- border-radius: var(--border-radius);
2364
- }
2365
- ._card_ucdeu_1._bordered_ucdeu_4._raised_ucdeu_10 {
2366
- box-shadow: var(--shadow-layer);
2367
- }
2368
- ._card_ucdeu_1._bordered_ucdeu_4 ._cardHeader_ucdeu_13 {
2369
- padding: var(--padding-xxs) var(--padding-sm);
2370
- border-top-left-radius: inherit;
2371
- border-top-right-radius: inherit;
2372
- background-color: var(--color-background-cardheader);
2373
- }
2374
- ._card_ucdeu_1._bordered_ucdeu_4 ._cardContentBorderTop_ucdeu_19 {
2375
- border-top: 1px solid var(--color-border);
2376
- }
2377
- ._card_ucdeu_1._bordered_ucdeu_4 ._padding_ucdeu_22 {
2378
- padding: var(--padding-sm);
2379
- }
2380
- ._cardContent_ucdeu_19:first-child {
2381
- border-top-left-radius: inherit;
2382
- border-top-right-radius: inherit;
2383
- }
2384
- ._cardContent_ucdeu_19:last-child {
2385
- border-bottom-left-radius: inherit;
2386
- border-bottom-right-radius: inherit;
2387
- }
2388
- ._cardHeader_ucdeu_13 {
2389
- display: flex;
2390
- align-items: center;
2391
- padding: var(--padding-sm) 0;
2392
- }
2393
- ._divider_2bfzh_1 {
2394
- display: flex;
2395
- align-items: center;
2396
- text-align: center;
2397
- }
2398
- ._divider_2bfzh_1::before,
2399
- ._divider_2bfzh_1::after {
2400
- content: '';
2401
- flex: 1;
2402
- border-bottom: 1px solid var(--color);
2403
- }
2404
- ._alignLeft_2bfzh_12::before {
2405
- flex-grow: 0.05;
2406
- }
2407
- ._alignRight_2bfzh_15::after {
2408
- flex-grow: 0.05;
2409
- }
2410
- ._divider_2bfzh_1:not(:empty)::before {
2411
- margin-right: 0.25em;
2412
- }
2413
- ._divider_2bfzh_1:not(:empty)::after {
2414
- margin-left: 0.25em;
2415
- }
2416
- ._inputInTable_khmhl_1 {
2417
- background-color: transparent;
2418
- border-radius: inherit !important;
2419
- height: var(--size);
2420
- min-height: 100%;
2421
- }
2422
- ._inputInTable_khmhl_1:not(:hover) {
2378
+ ._inputInTable_tn20e_1:not(:hover) {
2423
2379
  border-color: transparent;
2424
2380
  }
2425
- ._inputInTable_khmhl_1:not(:focus) {
2381
+ ._inputInTable_tn20e_1:not(:focus) {
2426
2382
  box-shadow: none;
2427
2383
  }
2428
- ._inputHover_khmhl_13 {
2384
+ ._inputHover_tn20e_13 {
2429
2385
  position: relative;
2430
2386
  border-color: var(--color-border-hover);
2431
2387
  z-index: 2;
2432
2388
  }
2433
- ._inputFocus_khmhl_18 {
2389
+ ._inputFocus_tn20e_18 {
2434
2390
  position: relative;
2435
2391
  outline: none !important;
2436
2392
  border-color: var(--color-border-focus) !important;
2437
2393
  box-shadow: var(--shadow-focus);
2438
2394
  z-index: 3;
2439
2395
  }
2440
- ._inputError_khmhl_25,
2441
- ._inputWarning_khmhl_26 {
2396
+ ._inputError_tn20e_25,
2397
+ ._inputWarning_tn20e_26 {
2442
2398
  position: relative;
2443
2399
  }
2444
- ._inputError_khmhl_25 {
2400
+ ._inputError_tn20e_25 {
2445
2401
  z-index: 2;
2446
2402
  border-color: var(--color-border-error);
2447
2403
  color: var(--color-text-error) !important;
2448
2404
  background-color: var(--color-background-error-muted);
2449
2405
  }
2450
- ._inputError_khmhl_25:hover {
2406
+ ._inputError_tn20e_25:hover {
2451
2407
  border-color: var(--color-border-error-hover) !important;
2452
2408
  }
2453
- ._inputError_khmhl_25:focus {
2409
+ ._inputError_tn20e_25:focus {
2454
2410
  position: relative;
2455
2411
  outline: none !important;
2456
2412
  border-color: var(--color-border-focus) !important;
2457
2413
  box-shadow: var(--shadow-focus);
2458
2414
  z-index: 3;
2459
2415
  }
2460
- ._inputWarning_khmhl_26 {
2416
+ ._inputWarning_tn20e_26 {
2461
2417
  z-index: 1;
2462
2418
  border-color: var(--color-border-warning);
2463
2419
  color: var(--color-text-warning) !important;
2464
2420
  background-color: var(--color-background-warning-muted);
2465
2421
  }
2466
- ._inputWarning_khmhl_26:hover {
2422
+ ._inputWarning_tn20e_26:hover {
2467
2423
  border-color: var(--color-border-warning-hover) !important;
2468
2424
  }
2469
- ._inputWarning_khmhl_26:focus {
2425
+ ._inputWarning_tn20e_26:focus {
2470
2426
  position: relative;
2471
2427
  outline: none !important;
2472
2428
  border-color: var(--color-border-focus) !important;
2473
2429
  box-shadow: var(--shadow-focus);
2474
2430
  z-index: 3;
2475
2431
  }
2476
- ._inputDisabled_khmhl_61 {
2432
+ ._inputDisabled_tn20e_61 {
2477
2433
  pointer-events: none;
2478
2434
  background-color: var(--color-background-disabled);
2479
2435
  color: var(--color-text-muted);
2480
2436
  box-shadow: none;
2481
2437
  }
2482
- ._hideScrollbars_khmhl_67 {
2438
+ ._hideScrollbars_tn20e_67 {
2483
2439
  /* Firefox */
2484
2440
  scrollbar-width: none;
2485
2441
  /* IE 10+ */
2486
2442
  -ms-overflow-style: none;
2487
2443
  /* Chrome, Safari and Opera */
2488
2444
  }
2489
- ._hideScrollbars_khmhl_67::-webkit-scrollbar {
2445
+ ._hideScrollbars_tn20e_67::-webkit-scrollbar {
2490
2446
  display: none;
2491
2447
  }
2492
- :root {
2493
- --size-drawer-tabs: var(--size-lg);
2494
- --color-background-drawer-tab: var(--color-primary-100);
2495
- --color-background-drawer-tab-hover: white;
2496
- --color-border-drawer-tab: var(--color-primary-200);
2497
- --color-background-drawer-handle-hover: rgba(0, 0, 0, 0.05);
2498
- }
2499
- html[data-theme='dark'] {
2500
- --color-background-drawer-tab: var(--color-primary-800);
2501
- --color-background-drawer-tab-hover: var(--color-primary-700);
2502
- --color-border-drawer-tab: black;
2503
- --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
2504
- }
2505
- ._inline_khmhl_90 {
2506
- position: relative;
2507
- }
2508
- ._inline_khmhl_90._left_khmhl_93 {
2509
- order: -1;
2448
+ ._header_tn20e_77 ._headerTitle_tn20e_77,
2449
+ ._heading_tn20e_78 ._itemHeader_tn20e_78 {
2450
+ transition: opacity 0.3s;
2510
2451
  }
2511
- ._inline_khmhl_90._right_khmhl_96 {
2512
- order: 9999;
2452
+ ._narrow_tn20e_81 ._header_tn20e_77 ._headerTitle_tn20e_77,
2453
+ ._narrow_tn20e_81 ._heading_tn20e_78 ._itemHeader_tn20e_78 {
2454
+ opacity: 0;
2513
2455
  }
2514
- ._fixed_khmhl_99 {
2515
- position: fixed;
2456
+ ._stickyHeader_tn20e_85 {
2457
+ position: sticky;
2516
2458
  top: 0;
2517
- bottom: 0;
2518
- z-index: var(--zindex-drawer);
2459
+ background-color: var(--color-background);
2460
+ z-index: 10;
2519
2461
  }
2520
- ._fixed_khmhl_99._left_khmhl_93 {
2521
- left: 0;
2462
+ ._itemHeader_tn20e_78 {
2463
+ padding: var(--padding-xs) var(--padding);
2464
+ display: flex;
2465
+ align-items: flex-start;
2522
2466
  }
2523
- ._fixed_khmhl_99._right_khmhl_96 {
2524
- right: 0;
2467
+ ._itemHeader_tn20e_78 ._title_tn20e_96 {
2468
+ margin: 0;
2469
+ padding: 0;
2470
+ flex-grow: 1;
2471
+ min-width: 0;
2525
2472
  }
2526
- ._left_khmhl_93 ._border_khmhl_111 {
2527
- border-right: 1px solid var(--color-border);
2473
+ ._itemHeader_tn20e_78 ._name_tn20e_102 {
2474
+ font-weight: 400;
2528
2475
  }
2529
- ._right_khmhl_96 ._border_khmhl_111 {
2530
- border-left: 1px solid var(--color-border);
2476
+ ._itemHeader_tn20e_78 ._iconTooltipMargin_tn20e_105 {
2477
+ margin-left: var(--padding-xs);
2531
2478
  }
2532
- ._shadow_khmhl_117 {
2533
- box-shadow: var(--shadow-layer);
2479
+ ._itemHeader_tn20e_78 ._bold_tn20e_108 {
2480
+ font-weight: bold;
2534
2481
  }
2535
- ._drawerContent_khmhl_120 {
2536
- overflow-x: hidden;
2537
- overflow-y: auto;
2538
- max-height: 100%;
2539
- min-height: 100%;
2540
- transition: width 0.2s;
2541
- /* Firefox */
2542
- scrollbar-width: none;
2543
- /* IE 10+ */
2544
- -ms-overflow-style: none;
2545
- /* Chrome, Safari and Opera */
2482
+ ._header_tn20e_77 {
2483
+ padding: var(--padding);
2484
+ display: flex;
2485
+ align-items: center;
2486
+ border-bottom: 1px solid var(--color-border);
2546
2487
  }
2547
- ._isResizing_khmhl_132 ._drawerContent_khmhl_120 {
2548
- transition: none;
2488
+ ._toggleNarrow_tn20e_117 {
2489
+ margin-right: 16px;
2490
+ margin-left: -5px;
2491
+ color: #c8c8c8;
2492
+ transition: all 0.4s;
2493
+ display: flex;
2494
+ width: 22px;
2495
+ justify-content: center;
2549
2496
  }
2550
- @media print {
2551
- ._drawerContent_khmhl_120 {
2552
- background: transparent !important;
2553
- }
2497
+ ._toggleNarrow_tn20e_117:hover {
2498
+ color: var(--color-text-primary-hover);
2554
2499
  }
2555
- ._drawerContent_khmhl_120::-webkit-scrollbar {
2556
- display: none;
2500
+ ._toggleNarrow_tn20e_117:active {
2501
+ color: var(--color-text-primary-active);
2557
2502
  }
2558
- ._toggleButton_khmhl_143 {
2559
- transition: transform 0.2s;
2560
- display: inline-block;
2561
- transform: rotate(180deg);
2562
- position: absolute;
2563
- z-index: calc(var(--zindex-drawer) + 3);
2503
+ ._narrow_tn20e_81 ._toggleNarrow_tn20e_117 {
2504
+ transform: scaleX(-1);
2564
2505
  }
2565
- ._left_khmhl_93 ._toggleButton_khmhl_143 {
2566
- right: calc(var(--size) / -2);
2506
+ ._drag_tn20e_135 {
2507
+ color: var(--color-text-faint);
2508
+ display: flex;
2509
+ align-items: center;
2510
+ justify-content: center;
2511
+ margin-right: var(--padding-xs);
2512
+ margin-left: calc(var(--padding-xs) * -1);
2513
+ margin-top: calc((var(--line-height) - var(--size-sm)) / 2);
2514
+ margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
2515
+ cursor: move;
2516
+ height: var(--size-sm);
2517
+ width: var(--size-sm);
2518
+ flex-shrink: 0;
2567
2519
  }
2568
- ._right_khmhl_96 ._toggleButton_khmhl_143 {
2569
- left: calc(var(--size) / -2);
2520
+ ._drag_tn20e_135:hover {
2521
+ color: var(--color-text-primary-hover);
2570
2522
  }
2571
- ._toggleButton_khmhl_143._top_khmhl_156 {
2572
- top: var(--padding);
2523
+ ._drag_tn20e_135:active {
2524
+ color: var(--color-text-primary-active);
2573
2525
  }
2574
- ._toggleButton_khmhl_143._bottom_khmhl_159 {
2575
- bottom: var(--padding);
2526
+ ._list_tn20e_155 {
2527
+ flex-shrink: 0;
2528
+ background: var(--color-background);
2576
2529
  }
2577
- ._toggleButton_khmhl_143._toggleButtonOpen_khmhl_162 {
2578
- transform: rotate(0deg);
2530
+ ._list_tn20e_155._bordered_tn20e_159:first-child,
2531
+ ._list_tn20e_155._bordered_tn20e_159:first-child > :first-child {
2532
+ border-top-left-radius: inherit;
2533
+ border-top-right-radius: inherit;
2579
2534
  }
2580
- ._tabs_khmhl_165 {
2581
- position: absolute;
2582
- top: 0;
2583
- bottom: 0;
2584
- background-color: var(--color-background);
2585
- padding-top: var(--padding);
2586
- z-index: calc(var(--zindex-drawer) + 1);
2587
- border-left: 1px solid var(--color-border);
2588
- border-right: 1px solid var(--color-border);
2535
+ ._list_tn20e_155._bordered_tn20e_159:last-child,
2536
+ ._list_tn20e_155._bordered_tn20e_159:last-child > :last-child {
2537
+ border-bottom-left-radius: inherit;
2538
+ border-bottom-right-radius: inherit;
2539
+ border-bottom: 0;
2589
2540
  }
2590
- ._left_khmhl_93 ._tabs_khmhl_165 {
2591
- right: 0;
2541
+ ._item_tn20e_78 {
2542
+ color: inherit;
2543
+ display: block;
2544
+ transition: background-color 0.2s;
2545
+ position: relative;
2546
+ border-bottom: 1px solid var(--color-border);
2547
+ background-color: var(--color-background-raised);
2548
+ transition: background 0.3s;
2549
+ overflow-wrap: break-word;
2550
+ hyphens: auto;
2592
2551
  }
2593
- ._right_khmhl_96 ._tabs_khmhl_165 {
2552
+ ._item_tn20e_78:not(._heading_tn20e_78):after {
2553
+ content: '';
2554
+ position: absolute;
2594
2555
  left: 0;
2556
+ top: 0;
2557
+ bottom: 0;
2558
+ width: 2px;
2559
+ border-top-left-radius: inherit;
2560
+ border-bottom-left-radius: inherit;
2561
+ transition: background 0.3s, width 0.3s;
2595
2562
  }
2596
- ._tabs_khmhl_165 ._tab_khmhl_165 {
2597
- font-size: var(--size-sm);
2598
- height: var(--size-drawer-tabs);
2599
- width: var(--size-drawer-tabs);
2600
- display: flex;
2601
- justify-content: center;
2602
- align-items: center;
2563
+ ._item_tn20e_78._action_tn20e_192 {
2603
2564
  cursor: pointer;
2604
- margin: -1px;
2605
- transition: color 0.2s, background-color 0.2s;
2606
- border: 1px solid var(--color-border-drawer-tab);
2607
- }
2608
- ._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165 {
2609
- border-top-left-radius: 0;
2610
- border-bottom-left-radius: 0;
2611
2565
  }
2612
- ._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
2613
- border-left-color: transparent;
2614
- }
2615
- ._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165 {
2616
- border-top-right-radius: 0;
2617
- border-bottom-right-radius: 0;
2618
- }
2619
- ._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
2620
- border-right-color: transparent;
2566
+ ._item_tn20e_78._action_tn20e_192:not(._active_tn20e_195):hover {
2567
+ background: var(--color-background-listitem-hover);
2621
2568
  }
2622
- ._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197) {
2623
- color: var(--color-text-primary);
2624
- background-color: var(--color-background-drawer-tab) !important;
2569
+ ._item_tn20e_78._action_tn20e_192:not(._active_tn20e_195):hover:after {
2570
+ width: 5px;
2571
+ background: rgba(0, 0, 0, 0.1);
2625
2572
  }
2626
- ._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197):hover {
2627
- color: var(--color-text);
2628
- background-color: var(--color-background-drawer-tab-hover) !important;
2573
+ ._item_tn20e_78._indented_tn20e_202:after {
2574
+ width: 3px;
2575
+ background: rgba(0, 0, 0, 0.1);
2629
2576
  }
2630
- ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
2631
- color: var(--color-text);
2632
- border-color: var(--color-border);
2577
+ ._item_tn20e_78._active_tn20e_195 {
2578
+ cursor: default;
2579
+ position: relative;
2580
+ z-index: 1;
2581
+ background: var(--color-background-listitem-active);
2633
2582
  }
2634
- ._tabs_khmhl_165 ._tab_khmhl_165 svg {
2635
- stroke-width: 1.125;
2583
+ ._item_tn20e_78._active_tn20e_195:after {
2584
+ background: var(--color-background-primary) !important;
2636
2585
  }
2637
- ._tabs_khmhl_165 ._tab_khmhl_165._disabled_khmhl_222 {
2638
- cursor: default;
2586
+ ._item_tn20e_78._disabled_tn20e_215 {
2587
+ color: var(--color-text-faint);
2639
2588
  pointer-events: none;
2640
- color: var(--color-text-faint) !important;
2641
- background-color: var(--color-background-disabled) !important;
2642
- border-color: var(--color-border) !important;
2643
2589
  }
2644
- ._left_khmhl_93 ._tabsContent_khmhl_229 {
2645
- padding-right: calc(var(--size-drawer-tabs) - 1px);
2590
+ ._item_tn20e_78._heading_tn20e_78 {
2591
+ color: var(--color-text-muted);
2592
+ background-color: var(--color-background-cardheader);
2646
2593
  }
2647
- ._right_khmhl_96 ._tabsContent_khmhl_229 {
2648
- padding-left: calc(var(--size-drawer-tabs) - 1px);
2594
+ ._item_tn20e_78._heading_tn20e_78._action_tn20e_192:hover {
2595
+ color: var(--color-text-primary-hover);
2649
2596
  }
2650
- ._resizeHandle_khmhl_235 {
2651
- --size-resize-handle: 10px;
2652
- position: absolute;
2653
- top: 0;
2654
- bottom: 0;
2655
- width: var(--size-resize-handle);
2656
- z-index: calc(var(--zindex-drawer) + 2);
2657
- cursor: ew-resize;
2597
+ ._item_tn20e_78 ._label_tn20e_226 {
2598
+ margin-right: var(--padding-xs);
2599
+ flex-shrink: 0;
2600
+ width: var(--size-sm);
2601
+ height: var(--size-sm);
2602
+ margin-top: calc(var(--line-height) / 2 - var(--size-sm) / 2);
2603
+ margin-bottom: calc(var(--line-height) / 2 - var(--size-sm) / 2);
2658
2604
  display: flex;
2659
2605
  align-items: center;
2660
- color: var(--color-text-faint);
2661
- font-size: var(--size-resize-handle);
2662
- transition: all 0.2s;
2663
- }
2664
- ._resizeHandle_khmhl_235:hover {
2665
- background: var(--color-background-drawer-handle-hover);
2666
- color: var(--color-text-primary);
2667
- }
2668
- ._resizeHandle_khmhl_235:active {
2669
- background: var(--color-text-primary);
2670
- color: white;
2671
- }
2672
- ._left_khmhl_93 ._resizeHandle_khmhl_235 {
2673
- right: 0;
2674
- }
2675
- ._right_khmhl_96 ._resizeHandle_khmhl_235 {
2676
- left: 0;
2606
+ justify-content: center;
2677
2607
  }
2678
- ._inputInTable_tn20e_1 {
2679
- background-color: transparent;
2680
- border-radius: inherit !important;
2681
- height: var(--size);
2682
- min-height: 100%;
2608
+ ._item_tn20e_78 ._details_tn20e_237,
2609
+ ._item_tn20e_78 ._metadata_tn20e_238 {
2610
+ display: block;
2611
+ width: 100%;
2612
+ font-weight: normal;
2683
2613
  }
2684
- ._inputInTable_tn20e_1:not(:hover) {
2685
- border-color: transparent;
2614
+ ._item_tn20e_78 ._metadata_tn20e_238 {
2615
+ color: var(--color-text-muted);
2686
2616
  }
2687
- ._inputInTable_tn20e_1:not(:focus) {
2688
- box-shadow: none;
2617
+ ._item_tn20e_78 ._itemContent_tn20e_246 {
2618
+ padding: 0 var(--padding) var(--padding-sm);
2619
+ cursor: auto;
2689
2620
  }
2690
- ._inputHover_tn20e_13 {
2691
- position: relative;
2692
- border-color: var(--color-border-hover);
2693
- z-index: 2;
2621
+ ._item_tn20e_78 ._itemContent_tn20e_246:empty {
2622
+ padding: inherit;
2694
2623
  }
2695
- ._inputFocus_tn20e_18 {
2696
- position: relative;
2697
- outline: none !important;
2698
- border-color: var(--color-border-focus) !important;
2699
- box-shadow: var(--shadow-focus);
2700
- z-index: 3;
2624
+ ._indentIcon_tn20e_253 {
2625
+ color: var(--color-text-faint);
2626
+ flex-shrink: 0;
2627
+ margin-right: var(--padding-xxs);
2701
2628
  }
2702
- ._inputError_tn20e_25,
2703
- ._inputWarning_tn20e_26 {
2629
+ ._expandIcon_tn20e_258 {
2630
+ flex-shrink: 0;
2704
2631
  position: relative;
2632
+ display: flex;
2633
+ height: var(--line-height);
2634
+ margin-right: var(--padding-xs);
2705
2635
  }
2706
- ._inputError_tn20e_25 {
2707
- z-index: 2;
2708
- border-color: var(--color-border-error);
2709
- color: var(--color-text-error) !important;
2710
- background-color: var(--color-background-error-muted);
2711
- }
2712
- ._inputError_tn20e_25:hover {
2713
- border-color: var(--color-border-error-hover) !important;
2714
- }
2715
- ._inputError_tn20e_25:focus {
2716
- position: relative;
2717
- outline: none !important;
2718
- border-color: var(--color-border-focus) !important;
2719
- box-shadow: var(--shadow-focus);
2720
- z-index: 3;
2636
+ ._expandIcon_tn20e_258._expanded_tn20e_265 svg {
2637
+ transform: rotate(90deg);
2721
2638
  }
2722
- ._inputWarning_tn20e_26 {
2723
- z-index: 1;
2724
- border-color: var(--color-border-warning);
2725
- color: var(--color-text-warning) !important;
2726
- background-color: var(--color-background-warning-muted);
2639
+ ._right_tn20e_268 {
2640
+ margin-left: auto;
2641
+ display: flex;
2642
+ align-items: center;
2643
+ margin-top: calc((var(--line-height) - var(--size-sm)) / 2);
2644
+ margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
2645
+ min-height: var(--size-sm);
2727
2646
  }
2728
- ._inputWarning_tn20e_26:hover {
2729
- border-color: var(--color-border-warning-hover) !important;
2647
+ ._actions_tn20e_276 {
2648
+ margin-left: var(--padding-xs);
2649
+ display: flex;
2650
+ align-items: center;
2730
2651
  }
2731
- ._inputWarning_tn20e_26:focus {
2732
- position: relative;
2733
- outline: none !important;
2734
- border-color: var(--color-border-focus) !important;
2735
- box-shadow: var(--shadow-focus);
2736
- z-index: 3;
2652
+ ._scrollableList_tn20e_281 {
2653
+ height: 100%;
2654
+ overflow-y: auto;
2655
+ scroll-behavior: smooth;
2737
2656
  }
2738
- ._inputDisabled_tn20e_61 {
2739
- pointer-events: none;
2740
- background-color: var(--color-background-disabled);
2741
- color: var(--color-text-muted);
2742
- box-shadow: none;
2657
+ ._infiniteScrollContainer_tn20e_286 {
2658
+ overflow: hidden !important;
2743
2659
  }
2744
- ._hideScrollbars_tn20e_67 {
2660
+ ._hideScrollbar_tn20e_67 {
2745
2661
  /* Firefox */
2746
2662
  scrollbar-width: none;
2747
2663
  /* IE 10+ */
2748
2664
  -ms-overflow-style: none;
2749
2665
  /* Chrome, Safari and Opera */
2750
2666
  }
2751
- ._hideScrollbars_tn20e_67::-webkit-scrollbar {
2667
+ ._hideScrollbar_tn20e_67::-webkit-scrollbar {
2752
2668
  display: none;
2753
2669
  }
2754
- ._header_tn20e_77 ._headerTitle_tn20e_77,
2755
- ._heading_tn20e_78 ._itemHeader_tn20e_78 {
2756
- transition: opacity 0.3s;
2670
+ ._bordered_tn20e_159 {
2671
+ box-shadow: inset 0px 0px 0px 2px var(--color-background-primary);
2672
+ background: var(--color-background-listitem-active);
2757
2673
  }
2758
- ._narrow_tn20e_81 ._header_tn20e_77 ._headerTitle_tn20e_77,
2759
- ._narrow_tn20e_81 ._heading_tn20e_78 ._itemHeader_tn20e_78 {
2760
- opacity: 0;
2674
+ ._noPointerEvents_tn20e_303 {
2675
+ pointer-events: none;
2761
2676
  }
2762
- ._stickyHeader_tn20e_85 {
2763
- position: sticky;
2764
- top: 0;
2765
- background-color: var(--color-background);
2766
- z-index: 10;
2767
- }
2768
- ._itemHeader_tn20e_78 {
2769
- padding: var(--padding-xs) var(--padding);
2770
- display: flex;
2771
- align-items: flex-start;
2772
- }
2773
- ._itemHeader_tn20e_78 ._title_tn20e_96 {
2774
- margin: 0;
2775
- padding: 0;
2776
- flex-grow: 1;
2777
- min-width: 0;
2778
- }
2779
- ._itemHeader_tn20e_78 ._name_tn20e_102 {
2780
- font-weight: 400;
2781
- }
2782
- ._itemHeader_tn20e_78 ._iconTooltipMargin_tn20e_105 {
2783
- margin-left: var(--padding-xs);
2784
- }
2785
- ._itemHeader_tn20e_78 ._bold_tn20e_108 {
2786
- font-weight: bold;
2787
- }
2788
- ._header_tn20e_77 {
2789
- padding: var(--padding);
2790
- display: flex;
2791
- align-items: center;
2792
- border-bottom: 1px solid var(--color-border);
2793
- }
2794
- ._toggleNarrow_tn20e_117 {
2795
- margin-right: 16px;
2796
- margin-left: -5px;
2797
- color: #c8c8c8;
2798
- transition: all 0.4s;
2799
- display: flex;
2800
- width: 22px;
2801
- justify-content: center;
2802
- }
2803
- ._toggleNarrow_tn20e_117:hover {
2804
- color: var(--color-text-primary-hover);
2805
- }
2806
- ._toggleNarrow_tn20e_117:active {
2807
- color: var(--color-text-primary-active);
2808
- }
2809
- ._narrow_tn20e_81 ._toggleNarrow_tn20e_117 {
2810
- transform: scaleX(-1);
2811
- }
2812
- ._drag_tn20e_135 {
2813
- color: var(--color-text-faint);
2814
- display: flex;
2815
- align-items: center;
2816
- justify-content: center;
2817
- margin-right: var(--padding-xs);
2818
- margin-left: calc(var(--padding-xs) * -1);
2819
- margin-top: calc((var(--line-height) - var(--size-sm)) / 2);
2820
- margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
2821
- cursor: move;
2822
- height: var(--size-sm);
2823
- width: var(--size-sm);
2824
- flex-shrink: 0;
2825
- }
2826
- ._drag_tn20e_135:hover {
2827
- color: var(--color-text-primary-hover);
2828
- }
2829
- ._drag_tn20e_135:active {
2830
- color: var(--color-text-primary-active);
2831
- }
2832
- ._list_tn20e_155 {
2833
- flex-shrink: 0;
2834
- background: var(--color-background);
2835
- }
2836
- ._list_tn20e_155._bordered_tn20e_159:first-child,
2837
- ._list_tn20e_155._bordered_tn20e_159:first-child > :first-child {
2838
- border-top-left-radius: inherit;
2839
- border-top-right-radius: inherit;
2840
- }
2841
- ._list_tn20e_155._bordered_tn20e_159:last-child,
2842
- ._list_tn20e_155._bordered_tn20e_159:last-child > :last-child {
2843
- border-bottom-left-radius: inherit;
2844
- border-bottom-right-radius: inherit;
2845
- border-bottom: 0;
2846
- }
2847
- ._item_tn20e_78 {
2848
- color: inherit;
2849
- display: block;
2850
- transition: background-color 0.2s;
2851
- position: relative;
2852
- border-bottom: 1px solid var(--color-border);
2853
- background-color: var(--color-background-raised);
2854
- transition: background 0.3s;
2855
- overflow-wrap: break-word;
2856
- hyphens: auto;
2857
- }
2858
- ._item_tn20e_78:not(._heading_tn20e_78):after {
2859
- content: '';
2860
- position: absolute;
2861
- left: 0;
2862
- top: 0;
2863
- bottom: 0;
2864
- width: 2px;
2865
- border-top-left-radius: inherit;
2866
- border-bottom-left-radius: inherit;
2867
- transition: background 0.3s, width 0.3s;
2868
- }
2869
- ._item_tn20e_78._action_tn20e_192 {
2870
- cursor: pointer;
2871
- }
2872
- ._item_tn20e_78._action_tn20e_192:not(._active_tn20e_195):hover {
2873
- background: var(--color-background-listitem-hover);
2874
- }
2875
- ._item_tn20e_78._action_tn20e_192:not(._active_tn20e_195):hover:after {
2876
- width: 5px;
2877
- background: rgba(0, 0, 0, 0.1);
2878
- }
2879
- ._item_tn20e_78._indented_tn20e_202:after {
2880
- width: 3px;
2881
- background: rgba(0, 0, 0, 0.1);
2882
- }
2883
- ._item_tn20e_78._active_tn20e_195 {
2884
- cursor: default;
2885
- position: relative;
2886
- z-index: 1;
2887
- background: var(--color-background-listitem-active);
2888
- }
2889
- ._item_tn20e_78._active_tn20e_195:after {
2890
- background: var(--color-background-primary) !important;
2891
- }
2892
- ._item_tn20e_78._disabled_tn20e_215 {
2893
- color: var(--color-text-faint);
2894
- pointer-events: none;
2895
- }
2896
- ._item_tn20e_78._heading_tn20e_78 {
2897
- color: var(--color-text-muted);
2898
- background-color: var(--color-background-cardheader);
2899
- }
2900
- ._item_tn20e_78._heading_tn20e_78._action_tn20e_192:hover {
2901
- color: var(--color-text-primary-hover);
2902
- }
2903
- ._item_tn20e_78 ._label_tn20e_226 {
2904
- margin-right: var(--padding-xs);
2905
- flex-shrink: 0;
2906
- width: var(--size-sm);
2907
- height: var(--size-sm);
2908
- margin-top: calc(var(--line-height) / 2 - var(--size-sm) / 2);
2909
- margin-bottom: calc(var(--line-height) / 2 - var(--size-sm) / 2);
2910
- display: flex;
2911
- align-items: center;
2912
- justify-content: center;
2913
- }
2914
- ._item_tn20e_78 ._details_tn20e_237,
2915
- ._item_tn20e_78 ._metadata_tn20e_238 {
2916
- display: block;
2917
- width: 100%;
2918
- font-weight: normal;
2919
- }
2920
- ._item_tn20e_78 ._metadata_tn20e_238 {
2921
- color: var(--color-text-muted);
2922
- }
2923
- ._item_tn20e_78 ._itemContent_tn20e_246 {
2924
- padding: 0 var(--padding) var(--padding-sm);
2925
- cursor: auto;
2926
- }
2927
- ._item_tn20e_78 ._itemContent_tn20e_246:empty {
2928
- padding: inherit;
2929
- }
2930
- ._indentIcon_tn20e_253 {
2931
- color: var(--color-text-faint);
2932
- flex-shrink: 0;
2933
- margin-right: var(--padding-xxs);
2934
- }
2935
- ._expandIcon_tn20e_258 {
2936
- flex-shrink: 0;
2937
- position: relative;
2938
- display: flex;
2939
- height: var(--line-height);
2940
- margin-right: var(--padding-xs);
2941
- }
2942
- ._expandIcon_tn20e_258._expanded_tn20e_265 svg {
2943
- transform: rotate(90deg);
2944
- }
2945
- ._right_tn20e_268 {
2946
- margin-left: auto;
2947
- display: flex;
2948
- align-items: center;
2949
- margin-top: calc((var(--line-height) - var(--size-sm)) / 2);
2950
- margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
2951
- min-height: var(--size-sm);
2952
- }
2953
- ._actions_tn20e_276 {
2954
- margin-left: var(--padding-xs);
2955
- display: flex;
2956
- align-items: center;
2957
- }
2958
- ._scrollableList_tn20e_281 {
2959
- height: 100%;
2960
- overflow-y: auto;
2961
- scroll-behavior: smooth;
2962
- }
2963
- ._infiniteScrollContainer_tn20e_286 {
2964
- overflow: hidden !important;
2965
- }
2966
- ._hideScrollbar_tn20e_67 {
2967
- /* Firefox */
2968
- scrollbar-width: none;
2969
- /* IE 10+ */
2970
- -ms-overflow-style: none;
2971
- /* Chrome, Safari and Opera */
2972
- }
2973
- ._hideScrollbar_tn20e_67::-webkit-scrollbar {
2974
- display: none;
2975
- }
2976
- ._bordered_tn20e_159 {
2977
- box-shadow: inset 0px 0px 0px 2px var(--color-background-primary);
2978
- background: var(--color-background-listitem-active);
2979
- }
2980
- ._noPointerEvents_tn20e_303 {
2981
- pointer-events: none;
2982
- }
2983
- ._page_beskc_1 {
2677
+ ._page_beskc_1 {
2984
2678
  background-color: var(--color-background);
2985
2679
  position: fixed;
2986
2680
  right: 0;
@@ -7599,298 +7293,604 @@ button:active .remirror-menu-pane-shortcut,
7599
7293
  }
7600
7294
  ._richTextToolbar_1gbkk_1 {
7601
7295
  display: flex;
7602
- gap: var(--padding-xxs);
7296
+ gap: var(--padding-xxs);
7297
+ }
7298
+ ._richTextToolbarContainer_1gbkk_5 {
7299
+ display: flex;
7300
+ justify-content: space-between;
7301
+ margin-bottom: var(--padding-xs);
7302
+ align-items: flex-end;
7303
+ }
7304
+ ._inputInTable_ta5ga_1 {
7305
+ background-color: transparent;
7306
+ border-radius: inherit !important;
7307
+ height: var(--size);
7308
+ min-height: 100%;
7309
+ }
7310
+ ._inputInTable_ta5ga_1:not(:hover) {
7311
+ border-color: transparent;
7312
+ }
7313
+ ._inputInTable_ta5ga_1:not(:focus) {
7314
+ box-shadow: none;
7315
+ }
7316
+ ._inputHover_ta5ga_13 {
7317
+ position: relative;
7318
+ border-color: var(--color-border-hover);
7319
+ z-index: 2;
7320
+ }
7321
+ ._inputFocus_ta5ga_18 {
7322
+ position: relative;
7323
+ outline: none !important;
7324
+ border-color: var(--color-border-focus) !important;
7325
+ box-shadow: var(--shadow-focus);
7326
+ z-index: 3;
7327
+ }
7328
+ ._inputError_ta5ga_25,
7329
+ ._inputWarning_ta5ga_26 {
7330
+ position: relative;
7331
+ }
7332
+ ._inputError_ta5ga_25 {
7333
+ z-index: 2;
7334
+ border-color: var(--color-border-error);
7335
+ color: var(--color-text-error) !important;
7336
+ background-color: var(--color-background-error-muted);
7337
+ }
7338
+ ._inputError_ta5ga_25:hover {
7339
+ border-color: var(--color-border-error-hover) !important;
7340
+ }
7341
+ ._inputError_ta5ga_25:focus {
7342
+ position: relative;
7343
+ outline: none !important;
7344
+ border-color: var(--color-border-focus) !important;
7345
+ box-shadow: var(--shadow-focus);
7346
+ z-index: 3;
7347
+ }
7348
+ ._inputWarning_ta5ga_26 {
7349
+ z-index: 1;
7350
+ border-color: var(--color-border-warning);
7351
+ color: var(--color-text-warning) !important;
7352
+ background-color: var(--color-background-warning-muted);
7353
+ }
7354
+ ._inputWarning_ta5ga_26:hover {
7355
+ border-color: var(--color-border-warning-hover) !important;
7356
+ }
7357
+ ._inputWarning_ta5ga_26:focus {
7358
+ position: relative;
7359
+ outline: none !important;
7360
+ border-color: var(--color-border-focus) !important;
7361
+ box-shadow: var(--shadow-focus);
7362
+ z-index: 3;
7363
+ }
7364
+ ._inputDisabled_ta5ga_61 {
7365
+ pointer-events: none;
7366
+ background-color: var(--color-background-disabled);
7367
+ color: var(--color-text-muted);
7368
+ box-shadow: none;
7369
+ }
7370
+ ._hideScrollbars_ta5ga_67 {
7371
+ /* Firefox */
7372
+ scrollbar-width: none;
7373
+ /* IE 10+ */
7374
+ -ms-overflow-style: none;
7375
+ /* Chrome, Safari and Opera */
7376
+ }
7377
+ ._hideScrollbars_ta5ga_67::-webkit-scrollbar {
7378
+ display: none;
7379
+ }
7380
+ ._richTextInput_ta5ga_77 [role='textbox'] {
7381
+ padding: var(--padding-input);
7382
+ background: var(--color-background-input);
7383
+ border: 1px solid var(--color-border);
7384
+ color: var(--color-text);
7385
+ border-radius: var(--border-radius);
7386
+ transition: border-color 0.1s ease;
7387
+ white-space: pre-wrap;
7388
+ }
7389
+ ._richTextInput_ta5ga_77 [role='textbox']:hover {
7390
+ position: relative;
7391
+ border-color: var(--color-border-hover);
7392
+ z-index: 2;
7393
+ }
7394
+ ._richTextInput_ta5ga_77 [role='textbox']:focus {
7395
+ position: relative;
7396
+ outline: none !important;
7397
+ border-color: var(--color-border-focus) !important;
7398
+ box-shadow: var(--shadow-focus);
7399
+ z-index: 3;
7400
+ }
7401
+ ._richTextInput_ta5ga_77 [role='textbox'][aria-readonly='true'] {
7402
+ pointer-events: none;
7403
+ background-color: var(--color-background-disabled);
7404
+ color: var(--color-text-muted);
7405
+ box-shadow: none;
7406
+ }
7407
+ ._richTextInput_ta5ga_77 [data-placeholder]::before {
7408
+ color: var(--color-text-faint);
7409
+ font-style: normal;
7410
+ }
7411
+ ._inputInTable_1ube5_1 {
7412
+ background-color: transparent;
7413
+ border-radius: inherit !important;
7414
+ height: var(--size);
7415
+ min-height: 100%;
7416
+ }
7417
+ ._inputInTable_1ube5_1:not(:hover) {
7418
+ border-color: transparent;
7419
+ }
7420
+ ._inputInTable_1ube5_1:not(:focus) {
7421
+ box-shadow: none;
7422
+ }
7423
+ ._inputHover_1ube5_13 {
7424
+ position: relative;
7425
+ border-color: var(--color-border-hover);
7426
+ z-index: 2;
7427
+ }
7428
+ ._inputFocus_1ube5_18 {
7429
+ position: relative;
7430
+ outline: none !important;
7431
+ border-color: var(--color-border-focus) !important;
7432
+ box-shadow: var(--shadow-focus);
7433
+ z-index: 3;
7434
+ }
7435
+ ._inputError_1ube5_25,
7436
+ ._inputWarning_1ube5_26 {
7437
+ position: relative;
7438
+ }
7439
+ ._inputError_1ube5_25 {
7440
+ z-index: 2;
7441
+ border-color: var(--color-border-error);
7442
+ color: var(--color-text-error) !important;
7443
+ background-color: var(--color-background-error-muted);
7444
+ }
7445
+ ._inputError_1ube5_25:hover {
7446
+ border-color: var(--color-border-error-hover) !important;
7447
+ }
7448
+ ._inputError_1ube5_25:focus {
7449
+ position: relative;
7450
+ outline: none !important;
7451
+ border-color: var(--color-border-focus) !important;
7452
+ box-shadow: var(--shadow-focus);
7453
+ z-index: 3;
7454
+ }
7455
+ ._inputWarning_1ube5_26 {
7456
+ z-index: 1;
7457
+ border-color: var(--color-border-warning);
7458
+ color: var(--color-text-warning) !important;
7459
+ background-color: var(--color-background-warning-muted);
7460
+ }
7461
+ ._inputWarning_1ube5_26:hover {
7462
+ border-color: var(--color-border-warning-hover) !important;
7463
+ }
7464
+ ._inputWarning_1ube5_26:focus {
7465
+ position: relative;
7466
+ outline: none !important;
7467
+ border-color: var(--color-border-focus) !important;
7468
+ box-shadow: var(--shadow-focus);
7469
+ z-index: 3;
7470
+ }
7471
+ ._inputDisabled_1ube5_61 {
7472
+ pointer-events: none;
7473
+ background-color: var(--color-background-disabled);
7474
+ color: var(--color-text-muted);
7475
+ box-shadow: none;
7476
+ }
7477
+ ._hideScrollbars_1ube5_67 {
7478
+ /* Firefox */
7479
+ scrollbar-width: none;
7480
+ /* IE 10+ */
7481
+ -ms-overflow-style: none;
7482
+ /* Chrome, Safari and Opera */
7483
+ }
7484
+ ._hideScrollbars_1ube5_67::-webkit-scrollbar {
7485
+ display: none;
7486
+ }
7487
+ :root {
7488
+ --size-sidebar: var(--size-xl);
7489
+ --size-sidebar-icon: var(--size);
7490
+ --color-background-sidebar: black;
7491
+ }
7492
+ ._sidebar_1ube5_82 {
7493
+ background-color: var(--color-background-sidebar);
7494
+ color: white;
7495
+ position: relative;
7496
+ padding: var(--padding) 0;
7497
+ }
7498
+ @media print {
7499
+ ._sidebar_1ube5_82 {
7500
+ display: none;
7501
+ }
7502
+ }
7503
+ ._inner_1ube5_93 {
7504
+ /* Firefox */
7505
+ scrollbar-width: none;
7506
+ /* IE 10+ */
7507
+ -ms-overflow-style: none;
7508
+ /* Chrome, Safari and Opera */
7509
+ }
7510
+ ._inner_1ube5_93::-webkit-scrollbar {
7511
+ display: none;
7512
+ }
7513
+ ._title_1ube5_103,
7514
+ ._subtitle_1ube5_104,
7515
+ ._label_1ube5_105 {
7516
+ transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
7517
+ max-height: 50px;
7518
+ }
7519
+ ._collapsed_1ube5_109 ._title_1ube5_103,
7520
+ ._collapsed_1ube5_109 ._subtitle_1ube5_104,
7521
+ ._collapsed_1ube5_109 ._label_1ube5_105 {
7522
+ opacity: 0;
7523
+ max-height: 0;
7524
+ margin-bottom: 0;
7525
+ margin-top: 0;
7526
+ }
7527
+ ._title_1ube5_103 {
7528
+ overflow: hidden;
7529
+ max-width: 100%;
7530
+ text-overflow: ellipsis;
7531
+ white-space: nowrap;
7532
+ margin-top: 0;
7533
+ font-size: var(--font-size-xl);
7534
+ padding: 0 var(--padding);
7535
+ }
7536
+ ._subtitle_1ube5_104 {
7537
+ margin-bottom: var(--padding-xs);
7538
+ white-space: nowrap;
7539
+ font-size: var(--font-size);
7540
+ letter-spacing: var(--letter-spacing-wide);
7541
+ color: var(--color-neutral-700);
7542
+ padding: 0 var(--padding);
7543
+ }
7544
+ ._list_1ube5_134 {
7545
+ margin-bottom: var(--padding-xl);
7546
+ margin-top: 0;
7547
+ position: relative;
7548
+ z-index: 1;
7549
+ }
7550
+ ._item_1ube5_140 {
7551
+ transition: padding 0.2s, color 0.2s;
7552
+ font-size: var(--font-size-lg);
7553
+ font-weight: normal;
7554
+ display: flex;
7555
+ padding: 0 var(--padding-xxs);
7556
+ align-items: center;
7557
+ color: var(--color-neutral-500);
7603
7558
  }
7604
- ._richTextToolbarContainer_1gbkk_5 {
7605
- display: flex;
7606
- justify-content: space-between;
7607
- margin-bottom: var(--padding-xs);
7608
- align-items: flex-end;
7559
+ ._collapsed_1ube5_109 ._item_1ube5_140 {
7560
+ padding: 0;
7609
7561
  }
7610
- ._inputInTable_ta5ga_1 {
7611
- background-color: transparent;
7612
- border-radius: inherit !important;
7613
- height: var(--size);
7614
- min-height: 100%;
7562
+ ._item_1ube5_140:hover {
7563
+ color: var(--color-neutral-200);
7615
7564
  }
7616
- ._inputInTable_ta5ga_1:not(:hover) {
7617
- border-color: transparent;
7565
+ ._item_1ube5_140._experimental_1ube5_155 {
7566
+ background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 8px, rgba(255, 255, 255, 0.1) 16px, transparent 16px, transparent 24px);
7618
7567
  }
7619
- ._inputInTable_ta5ga_1:not(:focus) {
7620
- box-shadow: none;
7568
+ ._item_1ube5_140:active,
7569
+ ._item_1ube5_140._active_1ube5_159 {
7570
+ color: var(--color-neutral-0);
7571
+ background-color: var(--color-primary-700);
7621
7572
  }
7622
- ._inputHover_ta5ga_13 {
7623
- position: relative;
7624
- border-color: var(--color-border-hover);
7625
- z-index: 2;
7573
+ ._icon_1ube5_163 {
7574
+ line-height: 0;
7575
+ flex-shrink: 0;
7576
+ display: flex;
7577
+ width: var(--size-sidebar);
7578
+ justify-content: center;
7579
+ font-size: var(--size-sidebar-icon);
7580
+ padding: var(--padding-xxs) 0;
7626
7581
  }
7627
- ._inputFocus_ta5ga_18 {
7628
- position: relative;
7629
- outline: none !important;
7630
- border-color: var(--color-border-focus) !important;
7631
- box-shadow: var(--shadow-focus);
7632
- z-index: 3;
7582
+ ._icon_1ube5_163 svg {
7583
+ stroke-width: 1;
7633
7584
  }
7634
- ._inputError_ta5ga_25,
7635
- ._inputWarning_ta5ga_26 {
7585
+ ._label_1ube5_105 {
7586
+ white-space: nowrap;
7587
+ overflow: hidden;
7588
+ }
7589
+ .rc-slider {
7636
7590
  position: relative;
7591
+ width: 100%;
7592
+ height: 14px;
7593
+ padding: 5px 0;
7594
+ border-radius: 6px;
7595
+ touch-action: none;
7596
+ box-sizing: border-box;
7597
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
7637
7598
  }
7638
- ._inputError_ta5ga_25 {
7639
- z-index: 2;
7640
- border-color: var(--color-border-error);
7641
- color: var(--color-text-error) !important;
7642
- background-color: var(--color-background-error-muted);
7599
+ .rc-slider * {
7600
+ box-sizing: border-box;
7601
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
7643
7602
  }
7644
- ._inputError_ta5ga_25:hover {
7645
- border-color: var(--color-border-error-hover) !important;
7603
+ .rc-slider-rail {
7604
+ position: absolute;
7605
+ width: 100%;
7606
+ height: 4px;
7607
+ background-color: #e9e9e9;
7608
+ border-radius: 6px;
7646
7609
  }
7647
- ._inputError_ta5ga_25:focus {
7648
- position: relative;
7649
- outline: none !important;
7650
- border-color: var(--color-border-focus) !important;
7651
- box-shadow: var(--shadow-focus);
7652
- z-index: 3;
7610
+ .rc-slider-track {
7611
+ position: absolute;
7612
+ height: 4px;
7613
+ background-color: #abe2fb;
7614
+ border-radius: 6px;
7653
7615
  }
7654
- ._inputWarning_ta5ga_26 {
7616
+ .rc-slider-track-draggable {
7655
7617
  z-index: 1;
7656
- border-color: var(--color-border-warning);
7657
- color: var(--color-text-warning) !important;
7658
- background-color: var(--color-background-warning-muted);
7618
+ box-sizing: content-box;
7619
+ background-clip: content-box;
7620
+ border-top: 5px solid rgba(0, 0, 0, 0);
7621
+ border-bottom: 5px solid rgba(0, 0, 0, 0);
7622
+ transform: translateY(-5px);
7659
7623
  }
7660
- ._inputWarning_ta5ga_26:hover {
7661
- border-color: var(--color-border-warning-hover) !important;
7624
+ .rc-slider-handle {
7625
+ position: absolute;
7626
+ z-index: 1;
7627
+ width: 14px;
7628
+ height: 14px;
7629
+ margin-top: -5px;
7630
+ background-color: #fff;
7631
+ border: solid 2px #96dbfa;
7632
+ border-radius: 50%;
7633
+ cursor: pointer;
7634
+ cursor: -webkit-grab;
7635
+ cursor: grab;
7636
+ opacity: 0.8;
7637
+ touch-action: pan-x;
7662
7638
  }
7663
- ._inputWarning_ta5ga_26:focus {
7664
- position: relative;
7665
- outline: none !important;
7666
- border-color: var(--color-border-focus) !important;
7667
- box-shadow: var(--shadow-focus);
7668
- z-index: 3;
7639
+ .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
7640
+ border-color: #57c5f7;
7641
+ box-shadow: 0 0 0 5px #96dbfa;
7669
7642
  }
7670
- ._inputDisabled_ta5ga_61 {
7671
- pointer-events: none;
7672
- background-color: var(--color-background-disabled);
7673
- color: var(--color-text-muted);
7643
+ .rc-slider-handle:focus {
7644
+ outline: none;
7674
7645
  box-shadow: none;
7675
7646
  }
7676
- ._hideScrollbars_ta5ga_67 {
7677
- /* Firefox */
7678
- scrollbar-width: none;
7679
- /* IE 10+ */
7680
- -ms-overflow-style: none;
7681
- /* Chrome, Safari and Opera */
7647
+ .rc-slider-handle:focus-visible {
7648
+ border-color: #2db7f5;
7649
+ box-shadow: 0 0 0 3px #96dbfa;
7682
7650
  }
7683
- ._hideScrollbars_ta5ga_67::-webkit-scrollbar {
7684
- display: none;
7651
+ .rc-slider-handle-click-focused:focus {
7652
+ border-color: #96dbfa;
7653
+ box-shadow: unset;
7685
7654
  }
7686
- ._richTextInput_ta5ga_77 [role='textbox'] {
7687
- padding: var(--padding-input);
7688
- background: var(--color-background-input);
7689
- border: 1px solid var(--color-border);
7690
- color: var(--color-text);
7691
- border-radius: var(--border-radius);
7692
- transition: border-color 0.1s ease;
7693
- white-space: pre-wrap;
7655
+ .rc-slider-handle:hover {
7656
+ border-color: #57c5f7;
7694
7657
  }
7695
- ._richTextInput_ta5ga_77 [role='textbox']:hover {
7696
- position: relative;
7697
- border-color: var(--color-border-hover);
7698
- z-index: 2;
7658
+ .rc-slider-handle:active {
7659
+ border-color: #57c5f7;
7660
+ box-shadow: 0 0 5px #57c5f7;
7661
+ cursor: -webkit-grabbing;
7662
+ cursor: grabbing;
7699
7663
  }
7700
- ._richTextInput_ta5ga_77 [role='textbox']:focus {
7701
- position: relative;
7702
- outline: none !important;
7703
- border-color: var(--color-border-focus) !important;
7704
- box-shadow: var(--shadow-focus);
7705
- z-index: 3;
7664
+ .rc-slider-mark {
7665
+ position: absolute;
7666
+ top: 18px;
7667
+ left: 0;
7668
+ width: 100%;
7669
+ font-size: 12px;
7706
7670
  }
7707
- ._richTextInput_ta5ga_77 [role='textbox'][aria-readonly='true'] {
7708
- pointer-events: none;
7709
- background-color: var(--color-background-disabled);
7710
- color: var(--color-text-muted);
7711
- box-shadow: none;
7671
+ .rc-slider-mark-text {
7672
+ position: absolute;
7673
+ display: inline-block;
7674
+ color: #999;
7675
+ text-align: center;
7676
+ vertical-align: middle;
7677
+ cursor: pointer;
7712
7678
  }
7713
- ._richTextInput_ta5ga_77 [data-placeholder]::before {
7714
- color: var(--color-text-faint);
7715
- font-style: normal;
7679
+ .rc-slider-mark-text-active {
7680
+ color: #666;
7716
7681
  }
7717
- ._inputInTable_1ube5_1 {
7718
- background-color: transparent;
7719
- border-radius: inherit !important;
7720
- height: var(--size);
7721
- min-height: 100%;
7682
+ .rc-slider-step {
7683
+ position: absolute;
7684
+ width: 100%;
7685
+ height: 4px;
7686
+ background: transparent;
7722
7687
  }
7723
- ._inputInTable_1ube5_1:not(:hover) {
7724
- border-color: transparent;
7688
+ .rc-slider-dot {
7689
+ position: absolute;
7690
+ bottom: -2px;
7691
+ width: 8px;
7692
+ height: 8px;
7693
+ vertical-align: middle;
7694
+ background-color: #fff;
7695
+ border: 2px solid #e9e9e9;
7696
+ border-radius: 50%;
7697
+ cursor: pointer;
7725
7698
  }
7726
- ._inputInTable_1ube5_1:not(:focus) {
7699
+ .rc-slider-dot-active {
7700
+ border-color: #96dbfa;
7701
+ }
7702
+ .rc-slider-dot-reverse {
7703
+ margin-right: -4px;
7704
+ }
7705
+ .rc-slider-disabled {
7706
+ background-color: #e9e9e9;
7707
+ }
7708
+ .rc-slider-disabled .rc-slider-track {
7709
+ background-color: #ccc;
7710
+ }
7711
+ .rc-slider-disabled .rc-slider-handle,
7712
+ .rc-slider-disabled .rc-slider-dot {
7713
+ background-color: #fff;
7714
+ border-color: #ccc;
7727
7715
  box-shadow: none;
7716
+ cursor: not-allowed;
7728
7717
  }
7729
- ._inputHover_1ube5_13 {
7730
- position: relative;
7731
- border-color: var(--color-border-hover);
7732
- z-index: 2;
7718
+ .rc-slider-disabled .rc-slider-mark-text,
7719
+ .rc-slider-disabled .rc-slider-dot {
7720
+ cursor: not-allowed !important;
7733
7721
  }
7734
- ._inputFocus_1ube5_18 {
7735
- position: relative;
7736
- outline: none !important;
7737
- border-color: var(--color-border-focus) !important;
7738
- box-shadow: var(--shadow-focus);
7739
- z-index: 3;
7722
+ .rc-slider-vertical {
7723
+ width: 14px;
7724
+ height: 100%;
7725
+ padding: 0 5px;
7726
+ }
7727
+ .rc-slider-vertical .rc-slider-rail {
7728
+ width: 4px;
7729
+ height: 100%;
7730
+ }
7731
+ .rc-slider-vertical .rc-slider-track {
7732
+ bottom: 0;
7733
+ left: 5px;
7734
+ width: 4px;
7740
7735
  }
7741
- ._inputError_1ube5_25,
7742
- ._inputWarning_1ube5_26 {
7743
- position: relative;
7736
+ .rc-slider-vertical .rc-slider-track-draggable {
7737
+ border-top: 0;
7738
+ border-bottom: 0;
7739
+ border-right: 5px solid rgba(0, 0, 0, 0);
7740
+ border-left: 5px solid rgba(0, 0, 0, 0);
7741
+ transform: translateX(-5px);
7744
7742
  }
7745
- ._inputError_1ube5_25 {
7746
- z-index: 2;
7747
- border-color: var(--color-border-error);
7748
- color: var(--color-text-error) !important;
7749
- background-color: var(--color-background-error-muted);
7743
+ .rc-slider-vertical .rc-slider-handle {
7744
+ position: absolute;
7745
+ z-index: 1;
7746
+ margin-top: 0;
7747
+ margin-left: -5px;
7748
+ touch-action: pan-y;
7750
7749
  }
7751
- ._inputError_1ube5_25:hover {
7752
- border-color: var(--color-border-error-hover) !important;
7750
+ .rc-slider-vertical .rc-slider-mark {
7751
+ top: 0;
7752
+ left: 18px;
7753
+ height: 100%;
7753
7754
  }
7754
- ._inputError_1ube5_25:focus {
7755
- position: relative;
7756
- outline: none !important;
7757
- border-color: var(--color-border-focus) !important;
7758
- box-shadow: var(--shadow-focus);
7759
- z-index: 3;
7755
+ .rc-slider-vertical .rc-slider-step {
7756
+ width: 4px;
7757
+ height: 100%;
7760
7758
  }
7761
- ._inputWarning_1ube5_26 {
7762
- z-index: 1;
7763
- border-color: var(--color-border-warning);
7764
- color: var(--color-text-warning) !important;
7765
- background-color: var(--color-background-warning-muted);
7759
+ .rc-slider-vertical .rc-slider-dot {
7760
+ margin-left: -2px;
7766
7761
  }
7767
- ._inputWarning_1ube5_26:hover {
7768
- border-color: var(--color-border-warning-hover) !important;
7762
+ .rc-slider-tooltip-zoom-down-enter,
7763
+ .rc-slider-tooltip-zoom-down-appear {
7764
+ display: block !important;
7765
+ animation-duration: 0.3s;
7766
+ animation-fill-mode: both;
7767
+ animation-play-state: paused;
7769
7768
  }
7770
- ._inputWarning_1ube5_26:focus {
7771
- position: relative;
7772
- outline: none !important;
7773
- border-color: var(--color-border-focus) !important;
7774
- box-shadow: var(--shadow-focus);
7775
- z-index: 3;
7769
+ .rc-slider-tooltip-zoom-down-leave {
7770
+ display: block !important;
7771
+ animation-duration: 0.3s;
7772
+ animation-fill-mode: both;
7773
+ animation-play-state: paused;
7776
7774
  }
7777
- ._inputDisabled_1ube5_61 {
7778
- pointer-events: none;
7779
- background-color: var(--color-background-disabled);
7780
- color: var(--color-text-muted);
7781
- box-shadow: none;
7775
+ .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
7776
+ .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
7777
+ animation-name: rcSliderTooltipZoomDownIn;
7778
+ animation-play-state: running;
7782
7779
  }
7783
- ._hideScrollbars_1ube5_67 {
7784
- /* Firefox */
7785
- scrollbar-width: none;
7786
- /* IE 10+ */
7787
- -ms-overflow-style: none;
7788
- /* Chrome, Safari and Opera */
7780
+ .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
7781
+ animation-name: rcSliderTooltipZoomDownOut;
7782
+ animation-play-state: running;
7789
7783
  }
7790
- ._hideScrollbars_1ube5_67::-webkit-scrollbar {
7791
- display: none;
7784
+ .rc-slider-tooltip-zoom-down-enter,
7785
+ .rc-slider-tooltip-zoom-down-appear {
7786
+ transform: scale(0, 0);
7787
+ animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
7792
7788
  }
7793
- :root {
7794
- --size-sidebar: var(--size-xl);
7795
- --size-sidebar-icon: var(--size);
7796
- --color-background-sidebar: black;
7789
+ .rc-slider-tooltip-zoom-down-leave {
7790
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
7797
7791
  }
7798
- ._sidebar_1ube5_82 {
7799
- background-color: var(--color-background-sidebar);
7800
- color: white;
7801
- position: relative;
7802
- padding: var(--padding) 0;
7792
+ @keyframes rcSliderTooltipZoomDownIn {
7793
+ 0% {
7794
+ transform: scale(0, 0);
7795
+ transform-origin: 50% 100%;
7796
+ opacity: 0;
7797
+ }
7798
+ 100% {
7799
+ transform: scale(1, 1);
7800
+ transform-origin: 50% 100%;
7801
+ }
7803
7802
  }
7804
- @media print {
7805
- ._sidebar_1ube5_82 {
7806
- display: none;
7803
+ @keyframes rcSliderTooltipZoomDownOut {
7804
+ 0% {
7805
+ transform: scale(1, 1);
7806
+ transform-origin: 50% 100%;
7807
+ }
7808
+ 100% {
7809
+ transform: scale(0, 0);
7810
+ transform-origin: 50% 100%;
7811
+ opacity: 0;
7807
7812
  }
7808
7813
  }
7809
- ._inner_1ube5_93 {
7810
- /* Firefox */
7811
- scrollbar-width: none;
7812
- /* IE 10+ */
7813
- -ms-overflow-style: none;
7814
- /* Chrome, Safari and Opera */
7814
+ .rc-slider-tooltip {
7815
+ position: absolute;
7816
+ top: -9999px;
7817
+ left: -9999px;
7818
+ visibility: visible;
7819
+ box-sizing: border-box;
7820
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
7815
7821
  }
7816
- ._inner_1ube5_93::-webkit-scrollbar {
7822
+ .rc-slider-tooltip * {
7823
+ box-sizing: border-box;
7824
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
7825
+ }
7826
+ .rc-slider-tooltip-hidden {
7817
7827
  display: none;
7818
7828
  }
7819
- ._title_1ube5_103,
7820
- ._subtitle_1ube5_104,
7821
- ._label_1ube5_105 {
7822
- transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
7823
- max-height: 50px;
7829
+ .rc-slider-tooltip-placement-top {
7830
+ padding: 4px 0 8px 0;
7824
7831
  }
7825
- ._collapsed_1ube5_109 ._title_1ube5_103,
7826
- ._collapsed_1ube5_109 ._subtitle_1ube5_104,
7827
- ._collapsed_1ube5_109 ._label_1ube5_105 {
7828
- opacity: 0;
7829
- max-height: 0;
7830
- margin-bottom: 0;
7831
- margin-top: 0;
7832
+ .rc-slider-tooltip-inner {
7833
+ min-width: 24px;
7834
+ height: 24px;
7835
+ padding: 6px 2px;
7836
+ color: #fff;
7837
+ font-size: 12px;
7838
+ line-height: 1;
7839
+ text-align: center;
7840
+ text-decoration: none;
7841
+ background-color: #6c6c6c;
7842
+ border-radius: 6px;
7843
+ box-shadow: 0 0 4px #d9d9d9;
7832
7844
  }
7833
- ._title_1ube5_103 {
7834
- overflow: hidden;
7835
- max-width: 100%;
7836
- text-overflow: ellipsis;
7837
- white-space: nowrap;
7838
- margin-top: 0;
7839
- font-size: var(--font-size-xl);
7840
- padding: 0 var(--padding);
7845
+ .rc-slider-tooltip-arrow {
7846
+ position: absolute;
7847
+ width: 0;
7848
+ height: 0;
7849
+ border-color: transparent;
7850
+ border-style: solid;
7841
7851
  }
7842
- ._subtitle_1ube5_104 {
7843
- margin-bottom: var(--padding-xs);
7844
- white-space: nowrap;
7845
- font-size: var(--font-size);
7846
- letter-spacing: var(--letter-spacing-wide);
7847
- color: var(--color-neutral-700);
7848
- padding: 0 var(--padding);
7852
+ .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
7853
+ bottom: 4px;
7854
+ left: 50%;
7855
+ margin-left: -4px;
7856
+ border-width: 4px 4px 0;
7857
+ border-top-color: #6c6c6c;
7849
7858
  }
7850
- ._list_1ube5_134 {
7851
- margin-bottom: var(--padding-xl);
7852
- margin-top: 0;
7853
- position: relative;
7854
- z-index: 1;
7859
+ .rc-slider:not(.rc-slider-disabled) .rc-slider-rail {
7860
+ background-color: var(--color-border);
7855
7861
  }
7856
- ._item_1ube5_140 {
7857
- transition: padding 0.2s, color 0.2s;
7858
- font-size: var(--font-size-lg);
7859
- font-weight: normal;
7860
- display: flex;
7861
- padding: 0 var(--padding-xxs);
7862
- align-items: center;
7863
- color: var(--color-neutral-500);
7862
+ .rc-slider:not(.rc-slider-disabled) .rc-slider-track {
7863
+ background-color: var(--color-background-primary);
7864
7864
  }
7865
- ._collapsed_1ube5_109 ._item_1ube5_140 {
7866
- padding: 0;
7865
+ .rc-slider:not(.rc-slider-disabled) .rc-slider-dot {
7866
+ border-color: var(--color-border);
7867
7867
  }
7868
- ._item_1ube5_140:hover {
7869
- color: var(--color-neutral-200);
7868
+ .rc-slider:not(.rc-slider-disabled) .rc-slider-dot-active {
7869
+ border-color: var(--color-background-primary);
7870
7870
  }
7871
- ._item_1ube5_140._experimental_1ube5_155 {
7872
- background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 8px, rgba(255, 255, 255, 0.1) 16px, transparent 16px, transparent 24px);
7871
+ .rc-slider:not(.rc-slider-disabled) .rc-slider-handle {
7872
+ border-color: var(--color-background-primary);
7873
7873
  }
7874
- ._item_1ube5_140:active,
7875
- ._item_1ube5_140._active_1ube5_159 {
7876
- color: var(--color-neutral-0);
7877
- background-color: var(--color-primary-700);
7874
+ .rc-slider:not(.rc-slider-disabled) .rc-slider-handle:focus {
7875
+ border-color: var(--color-background-primary);
7876
+ box-shadow: var(--shadow-focus);
7878
7877
  }
7879
- ._icon_1ube5_163 {
7880
- line-height: 0;
7881
- flex-shrink: 0;
7882
- display: flex;
7883
- width: var(--size-sidebar);
7884
- justify-content: center;
7885
- font-size: var(--size-sidebar-icon);
7886
- padding: var(--padding-xxs) 0;
7878
+ .rc-slider .rc-slider-handle {
7879
+ opacity: 1;
7887
7880
  }
7888
- ._icon_1ube5_163 svg {
7889
- stroke-width: 1;
7881
+ .rc-slider .rc-slider-mark-text {
7882
+ color: var(--color-text-faint);
7890
7883
  }
7891
- ._label_1ube5_105 {
7892
- white-space: nowrap;
7893
- overflow: hidden;
7884
+ .rc-slider .rc-slider-mark-text-active {
7885
+ color: var(--color-text-muted);
7886
+ }
7887
+ .rc-slider-disabled {
7888
+ background-color: transparent !important;
7889
+ }
7890
+ .rc-slider-disabled .rc-slider-mark-text,
7891
+ .rc-slider-disabled .rc-slider-handle,
7892
+ .rc-slider-disabled .rc-slider-dot {
7893
+ cursor: default !important;
7894
7894
  }
7895
7895
  :root {
7896
7896
  --toastify-color-light: #fff;