xmlui 0.9.12 → 0.9.14

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 (36) hide show
  1. package/dist/{apiInterceptorWorker-dYrfbzdh.mjs → apiInterceptorWorker-B9XuRkxC.mjs} +1 -1
  2. package/dist/{index-Dh2MThrK.mjs → index-D82p1y9A.mjs} +600 -275
  3. package/dist/index.css +347 -318
  4. package/dist/scripts/src/components/Card/Card.js +17 -1
  5. package/dist/scripts/src/components/Card/CardNative.js +2 -3
  6. package/dist/scripts/src/components/DatePicker/DatePickerNative.js +2 -2
  7. package/dist/scripts/src/components/Form/FormNative.js +8 -2
  8. package/dist/scripts/src/components/Form/formActions.js +5 -4
  9. package/dist/scripts/src/components/FormItem/FormItemNative.js +16 -12
  10. package/dist/scripts/src/components/Markdown/Markdown.js +10 -8
  11. package/dist/scripts/src/components/Markdown/MarkdownNative.js +13 -10
  12. package/dist/scripts/src/components/Option/Option.js +0 -1
  13. package/dist/scripts/src/components/Select/Select.js +3 -2
  14. package/dist/scripts/src/components/Select/SelectNative.js +1 -1
  15. package/dist/scripts/src/components/SelectionStore/SelectionStore.js +1 -1
  16. package/dist/scripts/src/components/SelectionStore/SelectionStoreNative.js +10 -7
  17. package/dist/scripts/src/components/Table/Table.js +7 -1
  18. package/dist/scripts/src/components/Table/TableNative.js +2 -1
  19. package/dist/scripts/src/components-core/LoaderComponent.js +14 -0
  20. package/dist/scripts/src/components-core/abstractions/containers.js +1 -0
  21. package/dist/scripts/src/components-core/loader/ApiLoader.js +4 -5
  22. package/dist/scripts/src/components-core/loader/DataLoader.js +4 -4
  23. package/dist/scripts/src/components-core/loader/ExternalDataLoader.js +4 -7
  24. package/dist/scripts/src/components-core/loader/Loader.js +23 -11
  25. package/dist/scripts/src/components-core/loader/MockLoaderRenderer.js +3 -3
  26. package/dist/scripts/src/components-core/loader/PageableLoader.js +14 -4
  27. package/dist/scripts/src/components-core/rendering/reducer.js +9 -3
  28. package/dist/scripts/src/components-core/script-runner/eval-tree-async.js +2 -2
  29. package/dist/scripts/src/components-core/script-runner/eval-tree-sync.js +10 -2
  30. package/dist/style.css +347 -318
  31. package/dist/xmlui-metadata.mjs +236 -175
  32. package/dist/xmlui-metadata.umd.js +236 -175
  33. package/dist/xmlui-standalone.umd.js +5197 -3030
  34. package/dist/xmlui.d.ts +45 -1
  35. package/dist/xmlui.mjs +2 -1
  36. package/package.json +2 -2
package/dist/style.css CHANGED
@@ -2416,7 +2416,7 @@ See this source for details: https://css-tricks.com/line-clampin/
2416
2416
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
2417
2417
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
2418
2418
  */
2419
- ._wrapper_1fkvh_13 {
2419
+ ._wrapper_1arn2_13 {
2420
2420
  border-left: var(--xmlui-borderLeft-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)));
2421
2421
  border-right: var(--xmlui-borderRight-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)));
2422
2422
  border-top: var(--xmlui-borderTop-Card, var(--xmlui-borderVertical-Card, var(--xmlui-border-Card)));
@@ -2447,17 +2447,29 @@ See this source for details: https://css-tricks.com/line-clampin/
2447
2447
  background-color: var(--xmlui-backgroundColor-Card);
2448
2448
  display: flex;
2449
2449
  flex-direction: column;
2450
- gap: var(--stack-gap-default);
2450
+ gap: var(--xmlui-gap-Card);
2451
+ }
2452
+ ._wrapper_1arn2_13 ._avatarWrapper_1arn2_46 {
2453
+ display: flex;
2454
+ flex-direction: row;
2455
+ align-items: var(--xmlui-verticalAlignment-title-Card);
2456
+ gap: var(--xmlui-gap-avatar-Card);
2457
+ }
2458
+ ._wrapper_1arn2_13 ._titleWrapper_1arn2_52 {
2459
+ display: flex;
2460
+ flex-direction: column;
2461
+ align-items: var(--xmlui-horizontalAlignment-title-Card);
2462
+ width: 100%;
2463
+ gap: var(--xmlui-gap-title-Card);
2451
2464
  }
2452
- ._wrapper_1fkvh_13._horizontal_1fkvh_46 {
2465
+ ._wrapper_1arn2_13._horizontal_1arn2_59 {
2453
2466
  flex-direction: row;
2454
2467
  align-items: center;
2455
- padding-block: var(--xmlui-space-2);
2456
2468
  }
2457
- ._wrapper_1fkvh_13._vertical_1fkvh_51 {
2469
+ ._wrapper_1arn2_13._vertical_1arn2_63 {
2458
2470
  flex-direction: column;
2459
2471
  }
2460
- ._wrapper_1fkvh_13._isClickable_1fkvh_54 {
2472
+ ._wrapper_1arn2_13._isClickable_1arn2_66 {
2461
2473
  cursor: pointer;
2462
2474
  }/*
2463
2475
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -2922,7 +2934,7 @@ See this source for details: https://css-tricks.com/line-clampin/
2922
2934
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
2923
2935
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
2924
2936
  */
2925
- ._datePicker_1lk6v_13 {
2937
+ ._datePicker_qilmv_13 {
2926
2938
  display: flex;
2927
2939
  align-items: center;
2928
2940
  cursor: pointer;
@@ -2944,25 +2956,25 @@ See this source for details: https://css-tricks.com/line-clampin/
2944
2956
  color: var(--xmlui-textColor-DatePicker-default);
2945
2957
  padding: var(--xmlui-padding-DatePicker-default);
2946
2958
  }
2947
- ._datePicker_1lk6v_13:hover {
2959
+ ._datePicker_qilmv_13:hover {
2948
2960
  border-color: var(--xmlui-borderColor-DatePicker-default--hover);
2949
2961
  background-color: var(--xmlui-backgroundColor-DatePicker-default--hover);
2950
2962
  box-shadow: var(--xmlui-boxShadow-DatePicker-default--hover);
2951
2963
  color: var(--xmlui-textColor-DatePicker-default--hover);
2952
2964
  }
2953
- ._datePicker_1lk6v_13:focus {
2965
+ ._datePicker_qilmv_13:focus {
2954
2966
  outline-width: var(--xmlui-outlineWidth-DatePicker-default--focus);
2955
2967
  outline-color: var(--xmlui-outlineColor-DatePicker-default--focus);
2956
2968
  outline-style: var(--xmlui-outlineStyle-DatePicker-default--focus);
2957
2969
  outline-offset: var(--xmlui-outlineOffset-DatePicker-default--focus);
2958
2970
  }
2959
- ._datePicker_1lk6v_13 ._placeholder_1lk6v_47 {
2971
+ ._datePicker_qilmv_13 ._placeholder_qilmv_47 {
2960
2972
  color: var(--xmlui-textColor-placeholder-DatePicker-default);
2961
2973
  }
2962
- ._datePicker_1lk6v_13 ._adornment_1lk6v_50 {
2974
+ ._datePicker_qilmv_13 ._adornment_qilmv_50 {
2963
2975
  color: var(--xmlui-textColor-adornment-DatePicker-default);
2964
2976
  }
2965
- ._datePicker_1lk6v_13._error_1lk6v_53 {
2977
+ ._datePicker_qilmv_13._error_qilmv_53 {
2966
2978
  border-radius: var(--xmlui-borderRadius-DatePicker-error);
2967
2979
  border-color: var(--xmlui-borderColor-DatePicker-error);
2968
2980
  border-width: var(--xmlui-borderWidth-DatePicker-error);
@@ -2972,25 +2984,25 @@ See this source for details: https://css-tricks.com/line-clampin/
2972
2984
  color: var(--xmlui-textColor-DatePicker-error);
2973
2985
  padding: var(--xmlui-padding-DatePicker-error);
2974
2986
  }
2975
- ._datePicker_1lk6v_13._error_1lk6v_53:hover {
2987
+ ._datePicker_qilmv_13._error_qilmv_53:hover {
2976
2988
  border-color: var(--xmlui-borderColor-DatePicker-error--hover);
2977
2989
  background-color: var(--xmlui-backgroundColor-DatePicker-error--hover);
2978
2990
  box-shadow: var(--xmlui-boxShadow-DatePicker-error--hover);
2979
2991
  color: var(--xmlui-textColor-DatePicker-error--hover);
2980
2992
  }
2981
- ._datePicker_1lk6v_13._error_1lk6v_53:focus {
2993
+ ._datePicker_qilmv_13._error_qilmv_53:focus {
2982
2994
  outline-width: var(--xmlui-outlineWidth-DatePicker-error--focus);
2983
2995
  outline-color: var(--xmlui-outlineColor-DatePicker-error--focus);
2984
2996
  outline-style: var(--xmlui-outlineStyle-DatePicker-error--focus);
2985
2997
  outline-offset: var(--xmlui-outlineOffset-DatePicker-error--focus);
2986
2998
  }
2987
- ._datePicker_1lk6v_13._error_1lk6v_53 ._placeholder_1lk6v_47 {
2999
+ ._datePicker_qilmv_13._error_qilmv_53 ._placeholder_qilmv_47 {
2988
3000
  color: var(--xmlui-textColor-placeholder-DatePicker-error);
2989
3001
  }
2990
- ._datePicker_1lk6v_13._error_1lk6v_53 ._adornment_1lk6v_50 {
3002
+ ._datePicker_qilmv_13._error_qilmv_53 ._adornment_qilmv_50 {
2991
3003
  color: var(--xmlui-textColor-adornment-DatePicker-error);
2992
3004
  }
2993
- ._datePicker_1lk6v_13._warning_1lk6v_81 {
3005
+ ._datePicker_qilmv_13._warning_qilmv_81 {
2994
3006
  border-radius: var(--xmlui-borderRadius-DatePicker-warning);
2995
3007
  border-color: var(--xmlui-borderColor-DatePicker-warning);
2996
3008
  border-width: var(--xmlui-borderWidth-DatePicker-warning);
@@ -3000,25 +3012,25 @@ See this source for details: https://css-tricks.com/line-clampin/
3000
3012
  color: var(--xmlui-textColor-DatePicker-warning);
3001
3013
  padding: var(--xmlui-padding-DatePicker-warning);
3002
3014
  }
3003
- ._datePicker_1lk6v_13._warning_1lk6v_81:hover {
3015
+ ._datePicker_qilmv_13._warning_qilmv_81:hover {
3004
3016
  border-color: var(--xmlui-borderColor-DatePicker-warning--hover);
3005
3017
  background-color: var(--xmlui-backgroundColor-DatePicker-warning--hover);
3006
3018
  box-shadow: var(--xmlui-boxShadow-DatePicker-warning--hover);
3007
3019
  color: var(--xmlui-textColor-DatePicker-warning--hover);
3008
3020
  }
3009
- ._datePicker_1lk6v_13._warning_1lk6v_81:focus {
3021
+ ._datePicker_qilmv_13._warning_qilmv_81:focus {
3010
3022
  outline-width: var(--xmlui-outlineWidth-DatePicker-warning--focus);
3011
3023
  outline-color: var(--xmlui-outlineColor-DatePicker-warning--focus);
3012
3024
  outline-style: var(--xmlui-outlineStyle-DatePicker-warning--focus);
3013
3025
  outline-offset: var(--xmlui-outlineOffset-DatePicker-warning--focus);
3014
3026
  }
3015
- ._datePicker_1lk6v_13._warning_1lk6v_81 ._placeholder_1lk6v_47 {
3027
+ ._datePicker_qilmv_13._warning_qilmv_81 ._placeholder_qilmv_47 {
3016
3028
  color: var(--xmlui-textColor-placeholder-DatePicker-warning);
3017
3029
  }
3018
- ._datePicker_1lk6v_13._warning_1lk6v_81 ._adornment_1lk6v_50 {
3030
+ ._datePicker_qilmv_13._warning_qilmv_81 ._adornment_qilmv_50 {
3019
3031
  color: var(--xmlui-textColor-adornment-DatePicker-warning);
3020
3032
  }
3021
- ._datePicker_1lk6v_13._valid_1lk6v_109 {
3033
+ ._datePicker_qilmv_13._valid_qilmv_109 {
3022
3034
  border-radius: var(--xmlui-borderRadius-DatePicker-success);
3023
3035
  border-color: var(--xmlui-borderColor-DatePicker-success);
3024
3036
  border-width: var(--xmlui-borderWidth-DatePicker-success);
@@ -3028,40 +3040,40 @@ See this source for details: https://css-tricks.com/line-clampin/
3028
3040
  color: var(--xmlui-textColor-DatePicker-success);
3029
3041
  padding: var(--xmlui-padding-DatePicker-success);
3030
3042
  }
3031
- ._datePicker_1lk6v_13._valid_1lk6v_109:hover {
3043
+ ._datePicker_qilmv_13._valid_qilmv_109:hover {
3032
3044
  border-color: var(--xmlui-borderColor-DatePicker-success--hover);
3033
3045
  background-color: var(--xmlui-backgroundColor-DatePicker-success--hover);
3034
3046
  box-shadow: var(--xmlui-boxShadow-DatePicker-success--hover);
3035
3047
  color: var(--xmlui-textColor-DatePicker-success--hover);
3036
3048
  }
3037
- ._datePicker_1lk6v_13._valid_1lk6v_109:focus {
3049
+ ._datePicker_qilmv_13._valid_qilmv_109:focus {
3038
3050
  outline-width: var(--xmlui-outlineWidth-DatePicker-success--focus);
3039
3051
  outline-color: var(--xmlui-outlineColor-DatePicker-success--focus);
3040
3052
  outline-style: var(--xmlui-outlineStyle-DatePicker-success--focus);
3041
3053
  outline-offset: var(--xmlui-outlineOffset-DatePicker-success--focus);
3042
3054
  }
3043
- ._datePicker_1lk6v_13._valid_1lk6v_109 ._placeholder_1lk6v_47 {
3055
+ ._datePicker_qilmv_13._valid_qilmv_109 ._placeholder_qilmv_47 {
3044
3056
  color: var(--xmlui-textColor-placeholder-DatePicker-success);
3045
3057
  }
3046
- ._datePicker_1lk6v_13._valid_1lk6v_109 ._adornment_1lk6v_50 {
3058
+ ._datePicker_qilmv_13._valid_qilmv_109 ._adornment_qilmv_50 {
3047
3059
  color: var(--xmlui-textColor-adornment-DatePicker-success);
3048
3060
  }
3049
- ._datePicker_1lk6v_13._disabled_1lk6v_137 {
3061
+ ._datePicker_qilmv_13._disabled_qilmv_137 {
3050
3062
  cursor: not-allowed;
3051
3063
  background-color: var(--xmlui-backgroundColor-DatePicker--disabled);
3052
3064
  color: var(--xmlui-textColor-DatePicker--disabled);
3053
3065
  border-color: var(--xmlui-borderColor-DatePicker--disabled);
3054
3066
  }
3055
- ._datePicker_1lk6v_13._disabled_1lk6v_137 ._indicator_1lk6v_143, ._datePicker_1lk6v_13._disabled_1lk6v_137 ._datePickerInput_1lk6v_143 {
3067
+ ._datePicker_qilmv_13._disabled_qilmv_137 ._indicator_qilmv_143, ._datePicker_qilmv_13._disabled_qilmv_137 ._datePickerInput_qilmv_143 {
3056
3068
  cursor: not-allowed;
3057
3069
  }
3058
3070
 
3059
- ._datePickerValue_1lk6v_147 {
3071
+ ._datePickerValue_qilmv_147 {
3060
3072
  display: flex;
3061
3073
  flex: 1;
3062
3074
  }
3063
3075
 
3064
- ._inlinePickerMenu_1lk6v_152 {
3076
+ ._inlinePickerMenu_qilmv_152 {
3065
3077
  padding: 0;
3066
3078
  overflow-y: auto;
3067
3079
  width: fit-content !important;
@@ -3075,25 +3087,25 @@ See this source for details: https://css-tricks.com/line-clampin/
3075
3087
  color: var(--xmlui-textColor-DatePicker-default);
3076
3088
  padding: var(--xmlui-padding-DatePicker-default);
3077
3089
  }
3078
- ._inlinePickerMenu_1lk6v_152:hover {
3090
+ ._inlinePickerMenu_qilmv_152:hover {
3079
3091
  border-color: var(--xmlui-borderColor-DatePicker-default--hover);
3080
3092
  background-color: var(--xmlui-backgroundColor-DatePicker-default--hover);
3081
3093
  box-shadow: var(--xmlui-boxShadow-DatePicker-default--hover);
3082
3094
  color: var(--xmlui-textColor-DatePicker-default--hover);
3083
3095
  }
3084
- ._inlinePickerMenu_1lk6v_152:focus {
3096
+ ._inlinePickerMenu_qilmv_152:focus {
3085
3097
  outline-width: var(--xmlui-outlineWidth-DatePicker-default--focus);
3086
3098
  outline-color: var(--xmlui-outlineColor-DatePicker-default--focus);
3087
3099
  outline-style: var(--xmlui-outlineStyle-DatePicker-default--focus);
3088
3100
  outline-offset: var(--xmlui-outlineOffset-DatePicker-default--focus);
3089
3101
  }
3090
- ._inlinePickerMenu_1lk6v_152 ._placeholder_1lk6v_47 {
3102
+ ._inlinePickerMenu_qilmv_152 ._placeholder_qilmv_47 {
3091
3103
  color: var(--xmlui-textColor-placeholder-DatePicker-default);
3092
3104
  }
3093
- ._inlinePickerMenu_1lk6v_152 ._adornment_1lk6v_50 {
3105
+ ._inlinePickerMenu_qilmv_152 ._adornment_qilmv_50 {
3094
3106
  color: var(--xmlui-textColor-adornment-DatePicker-default);
3095
3107
  }
3096
- ._inlinePickerMenu_1lk6v_152._error_1lk6v_53 {
3108
+ ._inlinePickerMenu_qilmv_152._error_qilmv_53 {
3097
3109
  border-radius: var(--xmlui-borderRadius-DatePicker-error);
3098
3110
  border-color: var(--xmlui-borderColor-DatePicker-error);
3099
3111
  border-width: var(--xmlui-borderWidth-DatePicker-error);
@@ -3103,25 +3115,25 @@ See this source for details: https://css-tricks.com/line-clampin/
3103
3115
  color: var(--xmlui-textColor-DatePicker-error);
3104
3116
  padding: var(--xmlui-padding-DatePicker-error);
3105
3117
  }
3106
- ._inlinePickerMenu_1lk6v_152._error_1lk6v_53:hover {
3118
+ ._inlinePickerMenu_qilmv_152._error_qilmv_53:hover {
3107
3119
  border-color: var(--xmlui-borderColor-DatePicker-error--hover);
3108
3120
  background-color: var(--xmlui-backgroundColor-DatePicker-error--hover);
3109
3121
  box-shadow: var(--xmlui-boxShadow-DatePicker-error--hover);
3110
3122
  color: var(--xmlui-textColor-DatePicker-error--hover);
3111
3123
  }
3112
- ._inlinePickerMenu_1lk6v_152._error_1lk6v_53:focus {
3124
+ ._inlinePickerMenu_qilmv_152._error_qilmv_53:focus {
3113
3125
  outline-width: var(--xmlui-outlineWidth-DatePicker-error--focus);
3114
3126
  outline-color: var(--xmlui-outlineColor-DatePicker-error--focus);
3115
3127
  outline-style: var(--xmlui-outlineStyle-DatePicker-error--focus);
3116
3128
  outline-offset: var(--xmlui-outlineOffset-DatePicker-error--focus);
3117
3129
  }
3118
- ._inlinePickerMenu_1lk6v_152._error_1lk6v_53 ._placeholder_1lk6v_47 {
3130
+ ._inlinePickerMenu_qilmv_152._error_qilmv_53 ._placeholder_qilmv_47 {
3119
3131
  color: var(--xmlui-textColor-placeholder-DatePicker-error);
3120
3132
  }
3121
- ._inlinePickerMenu_1lk6v_152._error_1lk6v_53 ._adornment_1lk6v_50 {
3133
+ ._inlinePickerMenu_qilmv_152._error_qilmv_53 ._adornment_qilmv_50 {
3122
3134
  color: var(--xmlui-textColor-adornment-DatePicker-error);
3123
3135
  }
3124
- ._inlinePickerMenu_1lk6v_152._warning_1lk6v_81 {
3136
+ ._inlinePickerMenu_qilmv_152._warning_qilmv_81 {
3125
3137
  border-radius: var(--xmlui-borderRadius-DatePicker-warning);
3126
3138
  border-color: var(--xmlui-borderColor-DatePicker-warning);
3127
3139
  border-width: var(--xmlui-borderWidth-DatePicker-warning);
@@ -3131,25 +3143,25 @@ See this source for details: https://css-tricks.com/line-clampin/
3131
3143
  color: var(--xmlui-textColor-DatePicker-warning);
3132
3144
  padding: var(--xmlui-padding-DatePicker-warning);
3133
3145
  }
3134
- ._inlinePickerMenu_1lk6v_152._warning_1lk6v_81:hover {
3146
+ ._inlinePickerMenu_qilmv_152._warning_qilmv_81:hover {
3135
3147
  border-color: var(--xmlui-borderColor-DatePicker-warning--hover);
3136
3148
  background-color: var(--xmlui-backgroundColor-DatePicker-warning--hover);
3137
3149
  box-shadow: var(--xmlui-boxShadow-DatePicker-warning--hover);
3138
3150
  color: var(--xmlui-textColor-DatePicker-warning--hover);
3139
3151
  }
3140
- ._inlinePickerMenu_1lk6v_152._warning_1lk6v_81:focus {
3152
+ ._inlinePickerMenu_qilmv_152._warning_qilmv_81:focus {
3141
3153
  outline-width: var(--xmlui-outlineWidth-DatePicker-warning--focus);
3142
3154
  outline-color: var(--xmlui-outlineColor-DatePicker-warning--focus);
3143
3155
  outline-style: var(--xmlui-outlineStyle-DatePicker-warning--focus);
3144
3156
  outline-offset: var(--xmlui-outlineOffset-DatePicker-warning--focus);
3145
3157
  }
3146
- ._inlinePickerMenu_1lk6v_152._warning_1lk6v_81 ._placeholder_1lk6v_47 {
3158
+ ._inlinePickerMenu_qilmv_152._warning_qilmv_81 ._placeholder_qilmv_47 {
3147
3159
  color: var(--xmlui-textColor-placeholder-DatePicker-warning);
3148
3160
  }
3149
- ._inlinePickerMenu_1lk6v_152._warning_1lk6v_81 ._adornment_1lk6v_50 {
3161
+ ._inlinePickerMenu_qilmv_152._warning_qilmv_81 ._adornment_qilmv_50 {
3150
3162
  color: var(--xmlui-textColor-adornment-DatePicker-warning);
3151
3163
  }
3152
- ._inlinePickerMenu_1lk6v_152._valid_1lk6v_109 {
3164
+ ._inlinePickerMenu_qilmv_152._valid_qilmv_109 {
3153
3165
  border-radius: var(--xmlui-borderRadius-DatePicker-success);
3154
3166
  border-color: var(--xmlui-borderColor-DatePicker-success);
3155
3167
  border-width: var(--xmlui-borderWidth-DatePicker-success);
@@ -3159,41 +3171,42 @@ See this source for details: https://css-tricks.com/line-clampin/
3159
3171
  color: var(--xmlui-textColor-DatePicker-success);
3160
3172
  padding: var(--xmlui-padding-DatePicker-success);
3161
3173
  }
3162
- ._inlinePickerMenu_1lk6v_152._valid_1lk6v_109:hover {
3174
+ ._inlinePickerMenu_qilmv_152._valid_qilmv_109:hover {
3163
3175
  border-color: var(--xmlui-borderColor-DatePicker-success--hover);
3164
3176
  background-color: var(--xmlui-backgroundColor-DatePicker-success--hover);
3165
3177
  box-shadow: var(--xmlui-boxShadow-DatePicker-success--hover);
3166
3178
  color: var(--xmlui-textColor-DatePicker-success--hover);
3167
3179
  }
3168
- ._inlinePickerMenu_1lk6v_152._valid_1lk6v_109:focus {
3180
+ ._inlinePickerMenu_qilmv_152._valid_qilmv_109:focus {
3169
3181
  outline-width: var(--xmlui-outlineWidth-DatePicker-success--focus);
3170
3182
  outline-color: var(--xmlui-outlineColor-DatePicker-success--focus);
3171
3183
  outline-style: var(--xmlui-outlineStyle-DatePicker-success--focus);
3172
3184
  outline-offset: var(--xmlui-outlineOffset-DatePicker-success--focus);
3173
3185
  }
3174
- ._inlinePickerMenu_1lk6v_152._valid_1lk6v_109 ._placeholder_1lk6v_47 {
3186
+ ._inlinePickerMenu_qilmv_152._valid_qilmv_109 ._placeholder_qilmv_47 {
3175
3187
  color: var(--xmlui-textColor-placeholder-DatePicker-success);
3176
3188
  }
3177
- ._inlinePickerMenu_1lk6v_152._valid_1lk6v_109 ._adornment_1lk6v_50 {
3189
+ ._inlinePickerMenu_qilmv_152._valid_qilmv_109 ._adornment_qilmv_50 {
3178
3190
  color: var(--xmlui-textColor-adornment-DatePicker-success);
3179
3191
  }
3180
3192
 
3181
- ._datePickerMenu_1lk6v_269 {
3193
+ ._root_qilmv_269 {
3194
+ width: fit-content;
3195
+ margin: 2rem;
3196
+ }
3197
+
3198
+ ._datePickerMenu_qilmv_274 {
3182
3199
  padding: 0;
3183
3200
  overflow-y: auto;
3184
3201
  height: fit-content;
3185
3202
  box-shadow: var(--xmlui-boxShadow-menu-DatePicker);
3186
3203
  background-color: var(--xmlui-backgroundColor-menu-DatePicker);
3187
3204
  border-radius: var(--xmlui-borderRadius-menu-DatePicker);
3188
- }
3189
-
3190
- ._root_1lk6v_278 {
3191
- width: fit-content;
3192
- margin: 2rem;
3205
+ border: 1px solid var(--xmlui-backgroundColor-item-DatePicker--active);
3193
3206
  }
3194
3207
 
3195
3208
  /* Hide elements for devices that are not screen readers */
3196
- ._vhidden_1lk6v_284 {
3209
+ ._vhidden_qilmv_285 {
3197
3210
  box-sizing: border-box;
3198
3211
  padding: 0;
3199
3212
  margin: 0;
@@ -3206,14 +3219,13 @@ See this source for details: https://css-tricks.com/line-clampin/
3206
3219
  top: 0;
3207
3220
  width: 1px !important;
3208
3221
  height: 1px !important;
3209
- padding: 0 !important;
3210
3222
  overflow: hidden !important;
3211
3223
  clip: rect(1px, 1px, 1px, 1px) !important;
3212
3224
  border: 0 !important;
3213
3225
  }
3214
3226
 
3215
3227
  /* Buttons */
3216
- ._button_reset_1lk6v_304 {
3228
+ ._button_reset_qilmv_304 {
3217
3229
  appearance: none;
3218
3230
  position: relative;
3219
3231
  margin: 0;
@@ -3226,61 +3238,77 @@ See this source for details: https://css-tricks.com/line-clampin/
3226
3238
  -webkit-appearance: none;
3227
3239
  }
3228
3240
 
3229
- ._button_reset_1lk6v_304:focus-visible {
3241
+ ._button_reset_qilmv_304:focus-visible {
3230
3242
  /* Make sure to reset outline only when :focus-visible is supported */
3231
3243
  outline: none;
3232
3244
  }
3233
3245
 
3234
- ._button_1lk6v_304 {
3235
- border: 2px solid transparent;
3236
- }
3237
-
3238
- ._button_1lk6v_304[disabled]:not(._day_selected_1lk6v_326) {
3246
+ ._button_qilmv_304[disabled]:not(._day_selected_qilmv_322) {
3239
3247
  opacity: 0.25;
3240
3248
  }
3241
3249
 
3242
- ._button_1lk6v_304:not([disabled]) {
3250
+ ._button_qilmv_304:not([disabled]) {
3243
3251
  cursor: pointer;
3244
3252
  }
3245
3253
 
3246
- ._button_1lk6v_304:focus-visible:not([disabled]) {
3254
+ ._button_qilmv_304:focus-visible:not([disabled]) {
3247
3255
  color: inherit;
3248
3256
  background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
3249
3257
  border: 2px solid var(--xmlui-backgroundColor-item-DatePicker--active);
3250
3258
  }
3251
3259
 
3252
- ._button_1lk6v_304:hover:not([disabled]):not(._day_selected_1lk6v_326) {
3260
+ ._button_next_qilmv_336:hover:not([disabled]):not(._day_selected_qilmv_322),
3261
+ ._button_previous_qilmv_337:hover:not([disabled]):not(._day_selected_qilmv_322) {
3253
3262
  background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
3254
3263
  }
3255
3264
 
3256
- ._months_1lk6v_344 {
3265
+ ._button_next_qilmv_336,
3266
+ ._button_previous_qilmv_337 {
3267
+ border: none;
3268
+ background: none;
3269
+ padding: 0;
3270
+ margin: 0;
3271
+ cursor: pointer;
3272
+ font: inherit;
3273
+ color: inherit;
3274
+ -moz-appearance: none;
3275
+ -webkit-appearance: none;
3276
+ display: inline-flex;
3277
+ align-items: center;
3278
+ justify-content: center;
3279
+ position: relative;
3280
+ appearance: none;
3281
+ }
3282
+
3283
+ ._button_next_qilmv_336:disabled,
3284
+ ._button_next_qilmv_336[aria-disabled=true],
3285
+ ._button_previous_qilmv_337:disabled,
3286
+ ._button_previous_qilmv_337[aria-disabled=true] {
3287
+ cursor: revert;
3288
+ opacity: 0.25;
3289
+ }
3290
+
3291
+ ._months_qilmv_367 {
3257
3292
  display: flex;
3258
3293
  }
3259
3294
 
3260
- ._month_1lk6v_344 {
3295
+ ._month_qilmv_367 {
3261
3296
  margin: 0 1em;
3262
3297
  }
3263
3298
 
3264
- ._month_1lk6v_344:first-child {
3299
+ ._month_qilmv_367:first-child {
3265
3300
  margin-left: 0;
3266
3301
  }
3267
3302
 
3268
- ._month_1lk6v_344:last-child {
3303
+ ._month_qilmv_367:last-child {
3269
3304
  margin-right: 0;
3270
3305
  }
3271
3306
 
3272
- ._table_1lk6v_360 {
3273
- margin: 0;
3274
- max-width: 280px;
3307
+ ._month_grid_qilmv_383 {
3275
3308
  border-collapse: collapse;
3276
3309
  }
3277
3310
 
3278
- ._with_weeknumber_1lk6v_366 ._table_1lk6v_360 {
3279
- max-width: 320px;
3280
- border-collapse: collapse;
3281
- }
3282
-
3283
- ._caption_1lk6v_371 {
3311
+ ._caption_qilmv_387 {
3284
3312
  display: flex;
3285
3313
  align-items: center;
3286
3314
  justify-content: space-between;
@@ -3288,18 +3316,18 @@ See this source for details: https://css-tricks.com/line-clampin/
3288
3316
  text-align: left;
3289
3317
  }
3290
3318
 
3291
- ._multiple_months_1lk6v_379 ._caption_1lk6v_371 {
3319
+ ._multiple_months_qilmv_395 ._caption_qilmv_387 {
3292
3320
  position: relative;
3293
3321
  display: block;
3294
3322
  text-align: center;
3295
3323
  }
3296
3324
 
3297
- ._caption_dropdowns_1lk6v_385 {
3325
+ ._caption_dropdowns_qilmv_401 {
3298
3326
  position: relative;
3299
3327
  display: inline-flex;
3300
3328
  }
3301
3329
 
3302
- ._caption_label_1lk6v_390 {
3330
+ ._caption_label_qilmv_406 {
3303
3331
  position: relative;
3304
3332
  z-index: 1;
3305
3333
  display: inline-flex;
@@ -3308,32 +3336,36 @@ See this source for details: https://css-tricks.com/line-clampin/
3308
3336
  padding: 0 0.25em;
3309
3337
  white-space: nowrap;
3310
3338
  color: currentColor;
3311
- border: 0;
3312
3339
  border: 2px solid transparent;
3313
3340
  font-family: inherit;
3314
3341
  font-size: 18px;
3315
3342
  font-weight: bold;
3316
3343
  }
3317
3344
 
3318
- ._nav_1lk6v_406 {
3345
+ ._chevron_qilmv_421 {
3346
+ display: inline-block;
3347
+ fill: var(--xmlui-textColor-primary);
3348
+ }
3349
+
3350
+ ._nav_qilmv_426 {
3319
3351
  white-space: nowrap;
3320
3352
  }
3321
3353
 
3322
- ._multiple_months_1lk6v_379 ._caption_start_1lk6v_410 ._nav_1lk6v_406 {
3354
+ ._multiple_months_qilmv_395 ._caption_start_qilmv_430 ._nav_qilmv_426 {
3323
3355
  position: absolute;
3324
3356
  top: 50%;
3325
3357
  left: 0;
3326
3358
  transform: translateY(-50%);
3327
3359
  }
3328
3360
 
3329
- ._multiple_months_1lk6v_379 ._caption_end_1lk6v_417 ._nav_1lk6v_406 {
3361
+ ._multiple_months_qilmv_395 ._caption_end_qilmv_437 ._nav_qilmv_426 {
3330
3362
  position: absolute;
3331
3363
  top: 50%;
3332
3364
  right: 0;
3333
3365
  transform: translateY(-50%);
3334
3366
  }
3335
3367
 
3336
- ._nav_button_1lk6v_424 {
3368
+ ._nav_button_qilmv_444 {
3337
3369
  display: inline-flex;
3338
3370
  align-items: center;
3339
3371
  justify-content: center;
@@ -3346,14 +3378,21 @@ See this source for details: https://css-tricks.com/line-clampin/
3346
3378
  /* ---------- */
3347
3379
  /* Dropdowns */
3348
3380
  /* ---------- */
3349
- ._dropdown_year_1lk6v_437,
3350
- ._dropdown_month_1lk6v_438 {
3381
+ ._dropdowns_qilmv_457 {
3351
3382
  position: relative;
3352
3383
  display: inline-flex;
3353
3384
  align-items: center;
3385
+ gap: var(--xmlui-space-1);
3354
3386
  }
3355
3387
 
3356
- ._dropdown_1lk6v_437 {
3388
+ ._dropdown_year_qilmv_464,
3389
+ ._dropdown_month_qilmv_465 {
3390
+ position: relative;
3391
+ display: inline-flex;
3392
+ align-items: center;
3393
+ }
3394
+
3395
+ ._dropdown_qilmv_457 {
3357
3396
  appearance: none;
3358
3397
  position: absolute;
3359
3398
  z-index: 2;
@@ -3372,50 +3411,18 @@ See this source for details: https://css-tricks.com/line-clampin/
3372
3411
  line-height: inherit;
3373
3412
  }
3374
3413
 
3375
- ._dropdown_1lk6v_437[disabled] {
3414
+ ._dropdown_qilmv_457[disabled] {
3376
3415
  opacity: unset;
3377
3416
  color: unset;
3378
3417
  }
3379
3418
 
3380
- ._dropdown_1lk6v_437:focus-visible:not([disabled]) + ._caption_label_1lk6v_390 {
3419
+ ._dropdown_qilmv_457:focus-visible:not([disabled]) + ._caption_label_qilmv_406 {
3381
3420
  background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
3382
3421
  border: 2px solid var(--xmlui-backgroundColor-item-DatePicker--active);
3383
3422
  border-radius: 6px;
3384
3423
  }
3385
3424
 
3386
- ._dropdown_icon_1lk6v_474 {
3387
- margin: 0 0 0 5px;
3388
- }
3389
-
3390
- ._head_1lk6v_478 {
3391
- border: 0;
3392
- }
3393
-
3394
- ._head_row_1lk6v_482,
3395
- ._row_1lk6v_483 {
3396
- height: 100%;
3397
- }
3398
-
3399
- ._head_cell_1lk6v_487 {
3400
- vertical-align: middle;
3401
- font-size: 0.75em;
3402
- font-weight: 700;
3403
- text-align: center;
3404
- height: 100%;
3405
- height: 40px;
3406
- padding: 0;
3407
- text-transform: uppercase;
3408
- }
3409
-
3410
- ._tbody_1lk6v_498 {
3411
- border: 0;
3412
- }
3413
-
3414
- ._tfoot_1lk6v_502 {
3415
- margin: 0.5em;
3416
- }
3417
-
3418
- ._cell_1lk6v_506 {
3425
+ ._day_qilmv_322 {
3419
3426
  width: 40px;
3420
3427
  height: 100%;
3421
3428
  height: 40px;
@@ -3423,12 +3430,18 @@ See this source for details: https://css-tricks.com/line-clampin/
3423
3430
  text-align: center;
3424
3431
  }
3425
3432
 
3426
- ._weeknumber_1lk6v_514 {
3433
+ ._weekday_qilmv_509 {
3434
+ font-weight: 500;
3435
+ font-size: smaller;
3436
+ }
3437
+
3438
+ ._week_number_qilmv_514 {
3427
3439
  font-size: 0.75em;
3440
+ font-weight: 400;
3428
3441
  }
3429
3442
 
3430
- ._weeknumber_1lk6v_514,
3431
- ._day_1lk6v_326 {
3443
+ ._day_button_qilmv_519 {
3444
+ background: none;
3432
3445
  display: flex;
3433
3446
  overflow: hidden;
3434
3447
  align-items: center;
@@ -3442,54 +3455,62 @@ See this source for details: https://css-tricks.com/line-clampin/
3442
3455
  border-radius: 100%;
3443
3456
  }
3444
3457
 
3445
- ._day_today_1lk6v_533:not(._day_outside_1lk6v_533) {
3458
+ ._day_button_qilmv_519:disabled {
3459
+ cursor: not-allowed;
3460
+ opacity: 0.2;
3461
+ font-style: italic;
3462
+ }
3463
+
3464
+ ._today_qilmv_540:not(._outside_qilmv_540) {
3446
3465
  font-weight: bold;
3447
3466
  }
3448
3467
 
3449
- ._day_selected_1lk6v_326,
3450
- ._day_selected_1lk6v_326:focus-visible,
3451
- ._day_selected_1lk6v_326:hover {
3468
+ ._selected_qilmv_544,
3469
+ ._selected_qilmv_544:focus-visible,
3470
+ ._selected_qilmv_544:hover {
3452
3471
  color: var(--xmlui-textColor-value-DatePicker);
3453
3472
  opacity: 1;
3473
+ font-weight: bold;
3474
+ border-radius: 100%;
3454
3475
  background-color: var(--xmlui-backgroundColor-item-DatePicker--active);
3455
3476
  }
3456
3477
 
3457
- ._day_outside_1lk6v_533 {
3458
- opacity: 0.5;
3478
+ ._outside_qilmv_540 {
3479
+ opacity: 0.7;
3459
3480
  }
3460
3481
 
3461
- ._day_selected_1lk6v_326:focus-visible {
3482
+ ._selected_qilmv_544:focus-visible {
3462
3483
  /* Since the background is the same use again the outline */
3463
3484
  outline: 2px solid var(--xmlui-backgroundColor-item-DatePicker--active);
3464
3485
  outline-offset: 2px;
3465
3486
  z-index: 1;
3466
3487
  }
3467
3488
 
3468
- ._root_1lk6v_278:not([dir=rtl]) ._day_range_start_1lk6v_556:not(._day_range_end_1lk6v_556) {
3489
+ ._root_qilmv_269:not([dir=rtl]) ._day_range_start_qilmv_565:not(._day_range_end_qilmv_565) {
3469
3490
  border-top-right-radius: 0;
3470
3491
  border-bottom-right-radius: 0;
3471
3492
  }
3472
3493
 
3473
- ._root_1lk6v_278:not([dir=rtl]) ._day_range_end_1lk6v_556:not(._day_range_start_1lk6v_556) {
3494
+ ._root_qilmv_269:not([dir=rtl]) ._day_range_end_qilmv_565:not(._day_range_start_qilmv_565) {
3474
3495
  border-top-left-radius: 0;
3475
3496
  border-bottom-left-radius: 0;
3476
3497
  }
3477
3498
 
3478
- ._root_1lk6v_278[dir=rtl] ._day_range_start_1lk6v_556:not(._day_range_end_1lk6v_556) {
3499
+ ._root_qilmv_269[dir=rtl] ._day_range_start_qilmv_565:not(._day_range_end_qilmv_565) {
3479
3500
  border-top-left-radius: 0;
3480
3501
  border-bottom-left-radius: 0;
3481
3502
  }
3482
3503
 
3483
- ._root_1lk6v_278[dir=rtl] ._day_range_end_1lk6v_556:not(._day_range_start_1lk6v_556) {
3504
+ ._root_qilmv_269[dir=rtl] ._day_range_end_qilmv_565:not(._day_range_start_qilmv_565) {
3484
3505
  border-top-right-radius: 0;
3485
3506
  border-bottom-right-radius: 0;
3486
3507
  }
3487
3508
 
3488
- ._day_range_end_1lk6v_556._day_range_start_1lk6v_556 {
3509
+ ._day_range_end_qilmv_565._day_range_start_qilmv_565 {
3489
3510
  border-radius: 100%;
3490
3511
  }
3491
3512
 
3492
- ._day_range_middle_1lk6v_580 {
3513
+ ._day_range_middle_qilmv_589 {
3493
3514
  border-radius: 0;
3494
3515
  }/*
3495
3516
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -4201,40 +4222,40 @@ See this source for details: https://css-tricks.com/line-clampin/
4201
4222
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
4202
4223
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
4203
4224
  */
4204
- ._selectValue_nwesf_13 > span {
4225
+ ._selectValue_1ept5_13 > span {
4205
4226
  font-size: var(--xmlui-fontSize-Select-default);
4206
4227
  color: var(--xmlui-textColor-placeholder-Select-default);
4207
4228
  }
4208
- ._selectValue_nwesf_13 > span > div {
4229
+ ._selectValue_1ept5_13 > span > div {
4209
4230
  color: var(--xmlui-textColor-Select-default);
4210
4231
  font-size: var(--xmlui-fontSize-Select-default);
4211
4232
  }
4212
- ._selectValue_nwesf_13._error_nwesf_21 > span {
4233
+ ._selectValue_1ept5_13._error_1ept5_21 > span {
4213
4234
  font-size: var(--xmlui-fontSize-Select-error);
4214
4235
  color: var(--xmlui-textColor-placeholder-Select-error);
4215
4236
  }
4216
- ._selectValue_nwesf_13._error_nwesf_21 > span > div {
4237
+ ._selectValue_1ept5_13._error_1ept5_21 > span > div {
4217
4238
  color: var(--xmlui-textColor-Select-error);
4218
4239
  font-size: var(--xmlui-fontSize-Select-error);
4219
4240
  }
4220
- ._selectValue_nwesf_13._warning_nwesf_29 > span {
4241
+ ._selectValue_1ept5_13._warning_1ept5_29 > span {
4221
4242
  font-size: var(--xmlui-fontSize-Select-warning);
4222
4243
  color: var(--xmlui-textColor-placeholder-Select-warning);
4223
4244
  }
4224
- ._selectValue_nwesf_13._warning_nwesf_29 > span > div {
4245
+ ._selectValue_1ept5_13._warning_1ept5_29 > span > div {
4225
4246
  color: var(--xmlui-textColor-Select-warning);
4226
4247
  font-size: var(--xmlui-fontSize-Select-warning);
4227
4248
  }
4228
- ._selectValue_nwesf_13._valid_nwesf_37 > span {
4249
+ ._selectValue_1ept5_13._valid_1ept5_37 > span {
4229
4250
  font-size: var(--xmlui-fontSize-Select-success);
4230
4251
  color: var(--xmlui-textColor-placeholder-Select-success);
4231
4252
  }
4232
- ._selectValue_nwesf_13._valid_nwesf_37 > span > div {
4253
+ ._selectValue_1ept5_13._valid_1ept5_37 > span > div {
4233
4254
  color: var(--xmlui-textColor-Select-success);
4234
4255
  font-size: var(--xmlui-fontSize-Select-success);
4235
4256
  }
4236
4257
 
4237
- button._selectTrigger_nwesf_46 {
4258
+ button._selectTrigger_1ept5_46 {
4238
4259
  min-height: 2.6rem;
4239
4260
  display: flex;
4240
4261
  padding: var(--xmlui-space-1) var(--xmlui-space-2);
@@ -4252,22 +4273,22 @@ button._selectTrigger_nwesf_46 {
4252
4273
  box-shadow: var(--xmlui-boxShadow-Select-default);
4253
4274
  color: var(--xmlui-textColor-Select-default);
4254
4275
  }
4255
- button._selectTrigger_nwesf_46:hover {
4276
+ button._selectTrigger_1ept5_46:hover {
4256
4277
  border-color: var(--xmlui-borderColor-Select-default--hover);
4257
4278
  background-color: var(--xmlui-backgroundColor-Select-default--hover);
4258
4279
  box-shadow: var(--xmlui-boxShadow-Select-default--hover);
4259
4280
  color: var(--xmlui-textColor-Select-default--hover);
4260
4281
  }
4261
- button._selectTrigger_nwesf_46:focus {
4282
+ button._selectTrigger_1ept5_46:focus {
4262
4283
  outline-width: var(--xmlui-outlineWidth-Select-default--focus);
4263
4284
  outline-color: var(--xmlui-outlineColor-Select-default--focus);
4264
4285
  outline-style: var(--xmlui-outlineStyle-Select-default--focus);
4265
4286
  outline-offset: var(--xmlui-outlineOffset-Select-default--focus);
4266
4287
  }
4267
- button._selectTrigger_nwesf_46::placeholder {
4288
+ button._selectTrigger_1ept5_46::placeholder {
4268
4289
  color: var(--xmlui-textColor-placeholder-Select-default);
4269
4290
  }
4270
- button._selectTrigger_nwesf_46._error_nwesf_21 {
4291
+ button._selectTrigger_1ept5_46._error_1ept5_21 {
4271
4292
  border-radius: var(--xmlui-borderRadius-Select-error);
4272
4293
  border-color: var(--xmlui-borderColor-Select-error);
4273
4294
  border-width: var(--xmlui-borderWidth-Select-error);
@@ -4277,22 +4298,22 @@ button._selectTrigger_nwesf_46._error_nwesf_21 {
4277
4298
  box-shadow: var(--xmlui-boxShadow-Select-error);
4278
4299
  color: var(--xmlui-textColor-Select-error);
4279
4300
  }
4280
- button._selectTrigger_nwesf_46._error_nwesf_21:hover {
4301
+ button._selectTrigger_1ept5_46._error_1ept5_21:hover {
4281
4302
  border-color: var(--xmlui-borderColor-Select-error--hover);
4282
4303
  background-color: var(--xmlui-backgroundColor-Select-error--hover);
4283
4304
  box-shadow: var(--xmlui-boxShadow-Select-error--hover);
4284
4305
  color: var(--xmlui-textColor-Select-error--hover);
4285
4306
  }
4286
- button._selectTrigger_nwesf_46._error_nwesf_21:focus {
4307
+ button._selectTrigger_1ept5_46._error_1ept5_21:focus {
4287
4308
  outline-width: var(--xmlui-outlineWidth-Select-error--focus);
4288
4309
  outline-color: var(--xmlui-outlineColor-Select-error--focus);
4289
4310
  outline-style: var(--xmlui-outlineStyle-Select-error--focus);
4290
4311
  outline-offset: var(--xmlui-outlineOffset-Select-error--focus);
4291
4312
  }
4292
- button._selectTrigger_nwesf_46._error_nwesf_21::placeholder {
4313
+ button._selectTrigger_1ept5_46._error_1ept5_21::placeholder {
4293
4314
  color: var(--xmlui-textColor-placeholder-Select-error);
4294
4315
  }
4295
- button._selectTrigger_nwesf_46._warning_nwesf_29 {
4316
+ button._selectTrigger_1ept5_46._warning_1ept5_29 {
4296
4317
  border-radius: var(--xmlui-borderRadius-Select-warning);
4297
4318
  border-color: var(--xmlui-borderColor-Select-warning);
4298
4319
  border-width: var(--xmlui-borderWidth-Select-warning);
@@ -4302,22 +4323,22 @@ button._selectTrigger_nwesf_46._warning_nwesf_29 {
4302
4323
  box-shadow: var(--xmlui-boxShadow-Select-warning);
4303
4324
  color: var(--xmlui-textColor-Select-warning);
4304
4325
  }
4305
- button._selectTrigger_nwesf_46._warning_nwesf_29:hover {
4326
+ button._selectTrigger_1ept5_46._warning_1ept5_29:hover {
4306
4327
  border-color: var(--xmlui-borderColor-Select-warning--hover);
4307
4328
  background-color: var(--xmlui-backgroundColor-Select-warning--hover);
4308
4329
  box-shadow: var(--xmlui-boxShadow-Select-warning--hover);
4309
4330
  color: var(--xmlui-textColor-Select-warning--hover);
4310
4331
  }
4311
- button._selectTrigger_nwesf_46._warning_nwesf_29:focus {
4332
+ button._selectTrigger_1ept5_46._warning_1ept5_29:focus {
4312
4333
  outline-width: var(--xmlui-outlineWidth-Select-warning--focus);
4313
4334
  outline-color: var(--xmlui-outlineColor-Select-warning--focus);
4314
4335
  outline-style: var(--xmlui-outlineStyle-Select-warning--focus);
4315
4336
  outline-offset: var(--xmlui-outlineOffset-Select-warning--focus);
4316
4337
  }
4317
- button._selectTrigger_nwesf_46._warning_nwesf_29::placeholder {
4338
+ button._selectTrigger_1ept5_46._warning_1ept5_29::placeholder {
4318
4339
  color: var(--xmlui-textColor-placeholder-Select-warning);
4319
4340
  }
4320
- button._selectTrigger_nwesf_46._valid_nwesf_37 {
4341
+ button._selectTrigger_1ept5_46._valid_1ept5_37 {
4321
4342
  border-radius: var(--xmlui-borderRadius-Select-success);
4322
4343
  border-color: var(--xmlui-borderColor-Select-success);
4323
4344
  border-width: var(--xmlui-borderWidth-Select-success);
@@ -4327,23 +4348,23 @@ button._selectTrigger_nwesf_46._valid_nwesf_37 {
4327
4348
  box-shadow: var(--xmlui-boxShadow-Select-success);
4328
4349
  color: var(--xmlui-textColor-Select-success);
4329
4350
  }
4330
- button._selectTrigger_nwesf_46._valid_nwesf_37:hover {
4351
+ button._selectTrigger_1ept5_46._valid_1ept5_37:hover {
4331
4352
  border-color: var(--xmlui-borderColor-Select-success--hover);
4332
4353
  background-color: var(--xmlui-backgroundColor-Select-success--hover);
4333
4354
  box-shadow: var(--xmlui-boxShadow-Select-success--hover);
4334
4355
  color: var(--xmlui-textColor-Select-success--hover);
4335
4356
  }
4336
- button._selectTrigger_nwesf_46._valid_nwesf_37:focus {
4357
+ button._selectTrigger_1ept5_46._valid_1ept5_37:focus {
4337
4358
  outline-width: var(--xmlui-outlineWidth-Select-success--focus);
4338
4359
  outline-color: var(--xmlui-outlineColor-Select-success--focus);
4339
4360
  outline-style: var(--xmlui-outlineStyle-Select-success--focus);
4340
4361
  outline-offset: var(--xmlui-outlineOffset-Select-success--focus);
4341
4362
  }
4342
- button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4363
+ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
4343
4364
  color: var(--xmlui-textColor-placeholder-Select-success);
4344
4365
  }
4345
4366
 
4346
- ._selectTrigger_nwesf_46:disabled {
4367
+ ._selectTrigger_1ept5_46:disabled {
4347
4368
  cursor: not-allowed;
4348
4369
  opacity: var(--xmlui-opacity-Select--disabled);
4349
4370
  background-color: var(--xmlui-backgroundColor-Select--disabled);
@@ -4351,28 +4372,28 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4351
4372
  border-color: var(--xmlui-borderColor-Select--disabled);
4352
4373
  }
4353
4374
 
4354
- ._selectTrigger_nwesf_46 > span {
4375
+ ._selectTrigger_1ept5_46 > span {
4355
4376
  display: -webkit-box;
4356
4377
  -webkit-box-orient: vertical;
4357
4378
  -webkit-line-clamp: 1;
4358
4379
  overflow: hidden;
4359
4380
  }
4360
4381
 
4361
- ._badgeListContainer_nwesf_170 {
4382
+ ._badgeListContainer_1ept5_170 {
4362
4383
  display: flex;
4363
4384
  justify-content: space-between;
4364
4385
  align-items: center;
4365
4386
  width: 100%;
4366
4387
  }
4367
4388
 
4368
- ._badgeList_nwesf_170 {
4389
+ ._badgeList_1ept5_170 {
4369
4390
  gap: 4px;
4370
4391
  display: flex;
4371
4392
  flex-wrap: wrap;
4372
4393
  align-items: center;
4373
4394
  }
4374
4395
 
4375
- ._badge_nwesf_170 {
4396
+ ._badge_1ept5_170 {
4376
4397
  width: fit-content;
4377
4398
  height: fit-content;
4378
4399
  min-width: 0;
@@ -4389,27 +4410,27 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4389
4410
  background-color: var(--xmlui-backgroundColor-Select-badge);
4390
4411
  color: var(--xmlui-textColor-Select-badge);
4391
4412
  }
4392
- ._badge_nwesf_170:hover {
4413
+ ._badge_1ept5_170:hover {
4393
4414
  background-color: var(--xmlui-backgroundColor-Select-badge--hover);
4394
4415
  color: var(--xmlui-textColor-Select-badge--hover);
4395
4416
  }
4396
- ._badge_nwesf_170:active {
4417
+ ._badge_1ept5_170:active {
4397
4418
  background-color: var(--xmlui-backgroundColor-Select-badge--active);
4398
4419
  color: var(--xmlui-textColor-Select-badge--active);
4399
4420
  }
4400
4421
 
4401
- ._actions_nwesf_210 {
4422
+ ._actions_1ept5_210 {
4402
4423
  display: flex;
4403
4424
  align-items: center;
4404
4425
  justify-content: space-between;
4405
4426
  }
4406
4427
 
4407
- ._placeholder_nwesf_216 {
4428
+ ._placeholder_1ept5_216 {
4408
4429
  display: block;
4409
4430
  color: var(--xmlui-textColor-placeholder-Select);
4410
4431
  }
4411
4432
 
4412
- ._emptyList_nwesf_221 {
4433
+ ._emptyList_1ept5_221 {
4413
4434
  display: flex;
4414
4435
  gap: 0.2rem;
4415
4436
  padding: 10px 0;
@@ -4419,7 +4440,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4419
4440
  width: 100%;
4420
4441
  }
4421
4442
 
4422
- ._selectScrollUpButton_nwesf_231 {
4443
+ ._selectScrollUpButton_1ept5_231 {
4423
4444
  display: flex;
4424
4445
  cursor: default;
4425
4446
  align-items: center;
@@ -4428,7 +4449,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4428
4449
  padding-bottom: 0.25rem;
4429
4450
  }
4430
4451
 
4431
- ._selectScrollDownButton_nwesf_240 {
4452
+ ._selectScrollDownButton_1ept5_240 {
4432
4453
  display: flex;
4433
4454
  cursor: default;
4434
4455
  align-items: center;
@@ -4437,7 +4458,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4437
4458
  padding-bottom: 0.25rem;
4438
4459
  }
4439
4460
 
4440
- ._command_nwesf_249 {
4461
+ ._command_1ept5_249 {
4441
4462
  display: flex;
4442
4463
  flex-direction: column;
4443
4464
  height: 100%;
@@ -4447,14 +4468,14 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4447
4468
  background-color: var(--xmlui-backgroundColor-menu-Select);
4448
4469
  }
4449
4470
 
4450
- ._commandInputContainer_nwesf_259 {
4471
+ ._commandInputContainer_1ept5_259 {
4451
4472
  display: flex;
4452
4473
  align-items: center;
4453
4474
  padding: 0 12px;
4454
4475
  border-bottom: 1px solid var(--xmlui-borderColor);
4455
4476
  }
4456
4477
 
4457
- ._commandInput_nwesf_259 {
4478
+ ._commandInput_1ept5_259 {
4458
4479
  flex: 1;
4459
4480
  background-color: transparent;
4460
4481
  padding: 0.5rem;
@@ -4462,22 +4483,22 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4462
4483
  outline: none;
4463
4484
  border: none;
4464
4485
  }
4465
- ._commandInput_nwesf_259:focus {
4486
+ ._commandInput_1ept5_259:focus {
4466
4487
  outline: none;
4467
4488
  box-shadow: none;
4468
4489
  border: 0;
4469
4490
  }
4470
- ._commandInput_nwesf_259:disabled {
4491
+ ._commandInput_1ept5_259:disabled {
4471
4492
  cursor: not-allowed;
4472
4493
  opacity: var(--xmlui-opacity-Select--disabled);
4473
4494
  }
4474
4495
 
4475
- ._commandList_nwesf_284 {
4496
+ ._commandList_1ept5_284 {
4476
4497
  overflow-y: auto;
4477
4498
  overflow-x: hidden;
4478
4499
  }
4479
4500
 
4480
- ._selectContent_nwesf_289 {
4501
+ ._selectContent_1ept5_289 {
4481
4502
  position: relative;
4482
4503
  z-index: 50;
4483
4504
  overflow: auto;
@@ -4486,38 +4507,38 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4486
4507
  box-shadow: var(--xmlui-boxShadow-menu-Select);
4487
4508
  border: var(--xmlui-borderWidth-menu-Select) solid var(--xmlui-borderColor-menu-Select);
4488
4509
  }
4489
- ._selectContent_nwesf_289[data-state=open] {
4490
- animation: _fadeIn_nwesf_1 0.3s ease-in-out, _zoomIn_nwesf_1 0.3s ease-in-out;
4510
+ ._selectContent_1ept5_289[data-state=open] {
4511
+ animation: _fadeIn_1ept5_1 0.3s ease-in-out, _zoomIn_1ept5_1 0.3s ease-in-out;
4491
4512
  }
4492
- ._selectContent_nwesf_289[data-state=closed] {
4493
- animation: _fadeOut_nwesf_1 0.3s ease-in-out, _zoomOut_nwesf_1 0.3s ease-in-out;
4513
+ ._selectContent_1ept5_289[data-state=closed] {
4514
+ animation: _fadeOut_1ept5_1 0.3s ease-in-out, _zoomOut_1ept5_1 0.3s ease-in-out;
4494
4515
  }
4495
- ._selectContent_nwesf_289[data-side=bottom] {
4496
- animation: _slideInFromTop_nwesf_1 0.08s ease-in-out;
4516
+ ._selectContent_1ept5_289[data-side=bottom] {
4517
+ animation: _slideInFromTop_1ept5_1 0.08s ease-in-out;
4497
4518
  }
4498
- ._selectContent_nwesf_289[data-side=left] {
4499
- animation: _slideInFromRight_nwesf_1 0.3s ease-in-out;
4519
+ ._selectContent_1ept5_289[data-side=left] {
4520
+ animation: _slideInFromRight_1ept5_1 0.3s ease-in-out;
4500
4521
  }
4501
- ._selectContent_nwesf_289[data-side=right] {
4502
- animation: _slideInFromLeft_nwesf_1 0.3s ease-in-out;
4522
+ ._selectContent_1ept5_289[data-side=right] {
4523
+ animation: _slideInFromLeft_1ept5_1 0.3s ease-in-out;
4503
4524
  }
4504
- ._selectContent_nwesf_289[data-side=top] {
4505
- animation: _slideInFromBottom_nwesf_1 0.3s ease-in-out;
4525
+ ._selectContent_1ept5_289[data-side=top] {
4526
+ animation: _slideInFromBottom_1ept5_1 0.3s ease-in-out;
4506
4527
  }
4507
- ._selectContent_nwesf_289[data-side=bottom] {
4528
+ ._selectContent_1ept5_289[data-side=bottom] {
4508
4529
  transform: translateY(0.25rem);
4509
4530
  }
4510
- ._selectContent_nwesf_289[data-side=left] {
4531
+ ._selectContent_1ept5_289[data-side=left] {
4511
4532
  transform: translateX(-0.25rem);
4512
4533
  }
4513
- ._selectContent_nwesf_289[data-side=right] {
4534
+ ._selectContent_1ept5_289[data-side=right] {
4514
4535
  transform: translateX(0.25rem);
4515
4536
  }
4516
- ._selectContent_nwesf_289[data-side=top] {
4537
+ ._selectContent_1ept5_289[data-side=top] {
4517
4538
  transform: translateY(-0.25rem);
4518
4539
  }
4519
4540
 
4520
- ._multiComboboxOption_nwesf_329 ._multiComboboxOptionContent_nwesf_329 {
4541
+ ._multiComboboxOption_1ept5_329 ._multiComboboxOptionContent_1ept5_329 {
4521
4542
  width: 100%;
4522
4543
  gap: 1rem;
4523
4544
  display: flex;
@@ -4532,17 +4553,17 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4532
4553
  padding-top: var(--xmlui-paddingTop-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
4533
4554
  padding-bottom: var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
4534
4555
  }
4535
- ._multiComboboxOption_nwesf_329[data-selected=true] {
4556
+ ._multiComboboxOption_1ept5_329[data-selected=true] {
4536
4557
  background-color: var(--xmlui-backgroundColor-item-Select--hover);
4537
4558
  }
4538
- ._multiComboboxOption_nwesf_329[data-disabled=true] {
4559
+ ._multiComboboxOption_1ept5_329[data-disabled=true] {
4539
4560
  pointer-events: none;
4540
4561
  opacity: var(--xmlui-opacity-text-item-Select--disabled);
4541
4562
  cursor: not-allowed;
4542
4563
  font-style: italic;
4543
4564
  }
4544
4565
 
4545
- ._selectItem_nwesf_354 {
4566
+ ._selectItem_1ept5_354 {
4546
4567
  position: relative;
4547
4568
  display: flex;
4548
4569
  cursor: default;
@@ -4551,15 +4572,14 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4551
4572
  outline: none;
4552
4573
  font-size: var(--xmlui-fontSize-Select);
4553
4574
  }
4554
- ._selectItem_nwesf_354[data-highlighted] {
4575
+ ._selectItem_1ept5_354[data-highlighted] {
4555
4576
  background-color: var(--xmlui-backgroundColor-item-Select--hover);
4556
4577
  }
4557
- ._selectItem_nwesf_354[data-state=checked] {
4578
+ ._selectItem_1ept5_354[data-state=checked] {
4558
4579
  background-color: var(--xmlui-backgroundColor-item-Select--active);
4559
4580
  }
4560
- ._selectItem_nwesf_354 ._selectItemContent_nwesf_369 {
4581
+ ._selectItem_1ept5_354 ._selectItemContent_1ept5_369 {
4561
4582
  width: 100%;
4562
- height: 100%;
4563
4583
  display: flex;
4564
4584
  cursor: default;
4565
4585
  user-select: none;
@@ -4572,14 +4592,14 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4572
4592
  padding-bottom: var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
4573
4593
  }
4574
4594
 
4575
- ._selectItem_nwesf_354[data-disabled] {
4595
+ ._selectItem_1ept5_354[data-disabled] {
4576
4596
  pointer-events: none;
4577
4597
  opacity: var(--xmlui-opacity-text-item-Select--disabled);
4578
4598
  cursor: not-allowed;
4579
4599
  font-style: italic;
4580
4600
  }
4581
4601
 
4582
- ._selectItemIndicator_nwesf_391 {
4602
+ ._selectItemIndicator_1ept5_390 {
4583
4603
  position: absolute;
4584
4604
  right: 0.5rem;
4585
4605
  display: flex;
@@ -4590,13 +4610,13 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4590
4610
  color: var(--xmlui-textColor-indicator-Select);
4591
4611
  }
4592
4612
 
4593
- ._selectViewport_nwesf_402 {
4613
+ ._selectViewport_1ept5_401 {
4594
4614
  height: var(--radix-select-trigger-height);
4595
4615
  width: 100%;
4596
4616
  min-width: var(--radix-select-trigger-width);
4597
4617
  }
4598
4618
 
4599
- ._selectEmpty_nwesf_408 {
4619
+ ._selectEmpty_1ept5_407 {
4600
4620
  display: flex;
4601
4621
  gap: 0.2rem;
4602
4622
  height: 100%;
@@ -4607,11 +4627,11 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4607
4627
  width: 100%;
4608
4628
  }
4609
4629
 
4610
- ._loading_nwesf_419 {
4630
+ ._loading_1ept5_418 {
4611
4631
  padding: 0.5rem 1rem;
4612
4632
  }
4613
4633
 
4614
- ._srOnly_nwesf_423 {
4634
+ ._srOnly_1ept5_422 {
4615
4635
  position: absolute;
4616
4636
  width: 1px;
4617
4637
  height: 1px;
@@ -4623,7 +4643,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4623
4643
  border: 0;
4624
4644
  }
4625
4645
 
4626
- @keyframes _fadeIn_nwesf_1 {
4646
+ @keyframes _fadeIn_1ept5_1 {
4627
4647
  from {
4628
4648
  opacity: 0;
4629
4649
  }
@@ -4631,7 +4651,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4631
4651
  opacity: 1;
4632
4652
  }
4633
4653
  }
4634
- @keyframes _fadeOut_nwesf_1 {
4654
+ @keyframes _fadeOut_1ept5_1 {
4635
4655
  from {
4636
4656
  opacity: 1;
4637
4657
  }
@@ -4639,7 +4659,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4639
4659
  opacity: 0;
4640
4660
  }
4641
4661
  }
4642
- @keyframes _zoomIn_nwesf_1 {
4662
+ @keyframes _zoomIn_1ept5_1 {
4643
4663
  from {
4644
4664
  transform: scale(0.95);
4645
4665
  }
@@ -4647,7 +4667,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4647
4667
  transform: scale(1);
4648
4668
  }
4649
4669
  }
4650
- @keyframes _zoomOut_nwesf_1 {
4670
+ @keyframes _zoomOut_1ept5_1 {
4651
4671
  from {
4652
4672
  transform: scale(1);
4653
4673
  }
@@ -4655,7 +4675,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4655
4675
  transform: scale(0.95);
4656
4676
  }
4657
4677
  }
4658
- @keyframes _slideInFromTop_nwesf_1 {
4678
+ @keyframes _slideInFromTop_1ept5_1 {
4659
4679
  from {
4660
4680
  transform: translateY(-0.75rem);
4661
4681
  }
@@ -4663,7 +4683,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4663
4683
  transform: translateY(0);
4664
4684
  }
4665
4685
  }
4666
- @keyframes _slideInFromBottom_nwesf_1 {
4686
+ @keyframes _slideInFromBottom_1ept5_1 {
4667
4687
  from {
4668
4688
  transform: translateY(0.75rem);
4669
4689
  }
@@ -4671,7 +4691,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4671
4691
  transform: translateY(0);
4672
4692
  }
4673
4693
  }
4674
- @keyframes _slideInFromLeft_nwesf_1 {
4694
+ @keyframes _slideInFromLeft_1ept5_1 {
4675
4695
  from {
4676
4696
  transform: translateX(-100%);
4677
4697
  }
@@ -4679,7 +4699,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4679
4699
  transform: translateX(0);
4680
4700
  }
4681
4701
  }
4682
- @keyframes _slideInFromRight_nwesf_1 {
4702
+ @keyframes _slideInFromRight_1ept5_1 {
4683
4703
  from {
4684
4704
  transform: translateX(100%);
4685
4705
  }
@@ -5549,7 +5569,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
5549
5569
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
5550
5570
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
5551
5571
  */
5552
- ._markdownContent_1ozt1_13 ._blockquote_1ozt1_13 {
5572
+ ._markdownContent_1anzp_13 ._blockquote_1anzp_13 {
5553
5573
  position: relative;
5554
5574
  margin-top: var(--xmlui-marginTop-Blockquote);
5555
5575
  margin-bottom: var(--xmlui-marginBottom-Blockquote);
@@ -5557,7 +5577,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
5557
5577
  border-radius: var(--xmlui-borderRadius-Blockquote);
5558
5578
  padding-left: var(--xmlui-paddingLeft-Blockquote);
5559
5579
  }
5560
- ._markdownContent_1ozt1_13 ._blockquote_1ozt1_13::before {
5580
+ ._markdownContent_1anzp_13 ._blockquote_1anzp_13::before {
5561
5581
  background-color: var(--xmlui-accentColor-Blockquote);
5562
5582
  position: absolute;
5563
5583
  top: 0;
@@ -5567,39 +5587,50 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
5567
5587
  height: 100%;
5568
5588
  width: var(--xmlui-accentWidth-Blockquote);
5569
5589
  }
5570
- ._markdownContent_1ozt1_13 ._blockquoteContainer_1ozt1_31 {
5590
+ ._markdownContent_1anzp_13 ._blockquoteContainer_1anzp_31 {
5571
5591
  padding: 0.5rem;
5572
5592
  }
5573
- ._markdownContent_1ozt1_13 ._admonitionBlockquote_1ozt1_34 {
5593
+ ._markdownContent_1anzp_13 ._admonitionBlockquote_1anzp_34 {
5574
5594
  margin-top: var(--xmlui-marginTop-Admonition);
5575
5595
  margin-bottom: var(--xmlui-marginBottom-Admonition);
5576
5596
  background-color: var(--xmlui-backgroundColor-Admonition);
5577
5597
  border-radius: var(--xmlui-borderRadius-Admonition);
5578
5598
  }
5579
- ._markdownContent_1ozt1_13 ._admonitionContainer_1ozt1_40 {
5599
+ ._markdownContent_1anzp_13 ._admonitionContainer_1anzp_40 {
5580
5600
  padding: 0.5rem;
5581
5601
  display: flex;
5582
5602
  align-items: flex-start;
5583
5603
  }
5584
- ._markdownContent_1ozt1_13 ._admonitionContent_1ozt1_45 {
5604
+ ._markdownContent_1anzp_13 ._admonitionContent_1anzp_45 {
5585
5605
  margin-left: var(--xmlui-marginLeft-Admonition-content);
5586
5606
  }
5587
- ._markdownContent_1ozt1_13 ._admonitionIcon_1ozt1_48 {
5607
+ ._markdownContent_1anzp_13 ._admonitionIcon_1anzp_48 {
5588
5608
  font-size: var(--xmlui-iconSize-Admonition);
5589
5609
  line-height: 1;
5590
5610
  }
5591
- ._markdownContent_1ozt1_13 ._admonitionContent_1ozt1_45 {
5611
+ ._markdownContent_1anzp_13 ._admonitionContent_1anzp_45 {
5592
5612
  flex: 1;
5593
5613
  min-width: 0;
5594
5614
  }
5595
- ._markdownContent_1ozt1_13 ._admonitionBlockquote_1ozt1_34 ._admonitionContent_1ozt1_45 [class*=text_][class*=markdown_] {
5615
+ ._markdownContent_1anzp_13 ._admonitionBlockquote_1anzp_34 ._admonitionContent_1anzp_45 [class*=text_][class*=markdown_] {
5596
5616
  margin-top: 0;
5597
5617
  margin-bottom: 0;
5598
5618
  }
5599
- ._markdownContent_1ozt1_13 > *:first-child {
5619
+ ._markdownContent_1anzp_13 li:has(> input[type=checkbox]),
5620
+ ._markdownContent_1anzp_13 li:has(> input[type=checkbox]) {
5621
+ display: flex;
5622
+ align-items: flex-start;
5623
+ }
5624
+ ._markdownContent_1anzp_13 li:has(> input[type=checkbox]) > input[type=checkbox],
5625
+ ._markdownContent_1anzp_13 li:has(> input[type=checkbox]) > input[type=checkbox] {
5626
+ margin-right: 8px;
5627
+ margin-top: 4px;
5628
+ flex-shrink: 0;
5629
+ }
5630
+ ._markdownContent_1anzp_13 > *:first-child {
5600
5631
  margin-top: 0;
5601
5632
  }
5602
- ._markdownContent_1ozt1_13 > *:last-child {
5633
+ ._markdownContent_1anzp_13 > *:last-child {
5603
5634
  margin-bottom: 0;
5604
5635
  }
5605
5636
 
@@ -5648,7 +5679,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
5648
5679
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
5649
5680
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
5650
5681
  */
5651
- ._htmlTable_1wzn5_13 {
5682
+ ._htmlTable_ei3dh_13 {
5652
5683
  background-color: var(--xmlui-backgroundColor-HtmlTable);
5653
5684
  color: var(--xmlui-textColor-HtmlTable);
5654
5685
  font-family: var(--xmlui-fontFamily-HtmlTable);
@@ -5684,7 +5715,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
5684
5715
  padding-bottom: var(--xmlui-paddingBottom-HtmlTable, var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable)));
5685
5716
  }
5686
5717
 
5687
- ._htmlThead_1wzn5_49 {
5718
+ ._htmlThead_ei3dh_49 {
5688
5719
  background-color: var(--xmlui-backgroundColor-HtmlThead);
5689
5720
  color: var(--xmlui-textColor-HtmlThead);
5690
5721
  font-weight: var(--xmlui-fontWeight-HtmlThead);
@@ -5717,7 +5748,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
5717
5748
  padding-bottom: var(--xmlui-paddingBottom-HtmlThead, var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead)));
5718
5749
  }
5719
5750
 
5720
- ._htmlTbody_1wzn5_82 {
5751
+ ._htmlTbody_ei3dh_82 {
5721
5752
  background-color: var(--xmlui-backgroundColor-HtmlTbody);
5722
5753
  color: var(--xmlui-textColor-HtmlTbody);
5723
5754
  text-align: var(--xmlui-textAlign-HtmlTbody);
@@ -5725,12 +5756,12 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
5725
5756
  text-transform: var(--xmlui-textTransform-HtmlTbody);
5726
5757
  }
5727
5758
 
5728
- ._htmlTfoot_1wzn5_90 {
5759
+ ._htmlTfoot_ei3dh_90 {
5729
5760
  background-color: var(--xmlui-backgroundColor-HtmlTfoot);
5730
5761
  color: var(--xmlui-textColor-HtmlTfoot);
5731
5762
  }
5732
5763
 
5733
- ._htmlTh_1wzn5_49 {
5764
+ ._htmlTh_ei3dh_49 {
5734
5765
  background-color: var(--xmlui-backgroundColor-HtmlTh);
5735
5766
  color: var(--xmlui-textColor-HtmlTh);
5736
5767
  font-weight: var(--xmlui-fontWeight-HtmlTh);
@@ -5761,11 +5792,11 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
5761
5792
  padding-top: var(--xmlui-paddingTop-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)));
5762
5793
  padding-bottom: var(--xmlui-paddingBottom-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)));
5763
5794
  }
5764
- ._htmlTh_1wzn5_49:hover {
5795
+ ._htmlTh_ei3dh_49:hover {
5765
5796
  background-color: var(--xmlui-backgroundColor-HtmlTh--hover);
5766
5797
  }
5767
5798
 
5768
- ._htmlTr_1wzn5_130 {
5799
+ ._htmlTr_ei3dh_130 {
5769
5800
  background-color: var(--xmlui-backgroundColor-HtmlTr);
5770
5801
  color: var(--xmlui-textColor-HtmlTr);
5771
5802
  font-weight: var(--xmlui-fontWeight-HtmlTr);
@@ -5791,18 +5822,18 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
5791
5822
  border-end-start-radius: var(--xmlui-borderEndStartRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr));
5792
5823
  border-end-end-radius: var(--xmlui-borderEndEndRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr));
5793
5824
  }
5794
- ._htmlTr_1wzn5_130:nth-child(even) {
5825
+ ._htmlTr_ei3dh_130:nth-child(even) {
5795
5826
  background-color: var(--xmlui-backgroundColor-even-HtmlTr);
5796
5827
  }
5797
- ._htmlTr_1wzn5_130:hover {
5828
+ ._htmlTr_ei3dh_130:hover {
5798
5829
  background-color: var(--xmlui-backgroundColor-HtmlTr--hover);
5799
5830
  color: var(--xmlui-textColor-HtmlTr--hover);
5800
5831
  }
5801
- ._htmlTr_1wzn5_130:hover:not(:has(:not(th))) {
5832
+ ._htmlTr_ei3dh_130:hover:not(:has(:not(th))) {
5802
5833
  background-color: initial;
5803
5834
  }
5804
5835
 
5805
- ._htmlTd_1wzn5_167 {
5836
+ ._htmlTd_ei3dh_167 {
5806
5837
  background-color: var(--xmlui-backgroundColor-HtmlTd);
5807
5838
  text-align: var(--xmlui-text-align-HtmlTd);
5808
5839
  vertical-align: var(--xmlui-verticalAlign-HtmlTd);
@@ -5835,50 +5866,45 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
5835
5866
  padding-bottom: var(--xmlui-paddingBottom-HtmlTd, var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd)));
5836
5867
  }
5837
5868
 
5838
- ._htmlUl_1wzn5_200 {
5869
+ ._htmlUl_ei3dh_200 {
5839
5870
  margin-top: var(--xmlui-marginTop-HtmlUl);
5840
5871
  margin-bottom: var(--xmlui-marginBottom-HtmlUl);
5841
5872
  }
5842
5873
 
5843
- ._htmlOl_1wzn5_205 {
5874
+ ._htmlOl_ei3dh_205 {
5844
5875
  margin-top: var(--xmlui-marginTop-HtmlOl);
5845
5876
  margin-bottom: var(--xmlui-marginBottom-HtmlOl);
5846
5877
  }
5847
5878
 
5848
- li ._htmlUl_1wzn5_200,
5849
- li ._htmlOl_1wzn5_205 {
5850
- margin-top: 0;
5851
- margin-bottom: 0;
5879
+ ._htmlLi_ei3dh_210 {
5880
+ margin-top: var(--xmlui-marginTop-HtmlLi);
5881
+ margin-bottom: var(--xmlui-marginBottom-HtmlLi);
5852
5882
  }
5853
5883
 
5854
- ._htmlUl_1wzn5_200 li:has(> input[type=checkbox]),
5855
- ._htmlOl_1wzn5_205 li:has(> input[type=checkbox]) {
5856
- display: flex;
5857
- align-items: flex-start;
5858
- }
5859
- ._htmlUl_1wzn5_200 li:has(> input[type=checkbox]) > input[type=checkbox],
5860
- ._htmlOl_1wzn5_205 li:has(> input[type=checkbox]) > input[type=checkbox] {
5861
- margin-right: 8px;
5862
- margin-top: 4px;
5863
- flex-shrink: 0;
5884
+ /*
5885
+ // Compress when nested
5886
+ li .htmlUl,
5887
+ li .htmlOl {
5888
+ margin-top: 0;
5889
+ margin-bottom: 0;
5864
5890
  }
5865
-
5866
- ._htmlH1_1wzn5_228, ._htmlH2_1wzn5_228, ._htmlH3_1wzn5_228, ._htmlH4_1wzn5_228, ._htmlH5_1wzn5_228, ._htmlH6_1wzn5_228 {
5891
+ */
5892
+ ._htmlH1_ei3dh_223, ._htmlH2_ei3dh_223, ._htmlH3_ei3dh_223, ._htmlH4_ei3dh_223, ._htmlH5_ei3dh_223, ._htmlH6_ei3dh_223 {
5867
5893
  margin-top: var(--xmlui-marginTop-HtmlHeading);
5868
5894
  margin-bottom: var(--xmlui-marginBottom-HtmlHeading);
5869
5895
  }
5870
5896
 
5871
- ._htmlVideo_1wzn5_233 {
5897
+ ._htmlVideo_ei3dh_228 {
5872
5898
  margin-top: var(--xmlui-marginTop-HtmlVideo);
5873
5899
  margin-bottom: var(--xmlui-marginBottom-HtmlVideo);
5874
5900
  }
5875
5901
 
5876
- ._htmlDetails_1wzn5_238 {
5902
+ ._htmlDetails_ei3dh_233 {
5877
5903
  margin-top: var(--xmlui-marginTop-HtmlDetails);
5878
5904
  margin-bottom: var(--xmlui-marginBottom-HtmlDetails);
5879
5905
  }
5880
5906
 
5881
- ._htmlDetails_1wzn5_238 {
5907
+ ._htmlDetails_ei3dh_233 {
5882
5908
  margin-top: var(--xmlui-marginTop-HtmlDetails);
5883
5909
  margin-bottom: var(--xmlui-marginBottom-HtmlDetails);
5884
5910
  }/*
@@ -6268,23 +6294,23 @@ li ._htmlOl_1wzn5_205 {
6268
6294
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
6269
6295
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
6270
6296
  */
6271
- ._wrapper_q25wx_13 {
6297
+ ._wrapper_1wbg1_13 {
6272
6298
  width: 100%;
6273
6299
  outline: none;
6274
6300
  overflow: auto;
6275
6301
  isolation: isolate;
6276
6302
  }
6277
- ._wrapper_q25wx_13._noScroll_q25wx_19 {
6303
+ ._wrapper_1wbg1_13._noScroll_1wbg1_19 {
6278
6304
  overflow-y: initial;
6279
6305
  }
6280
6306
 
6281
- ._headerWrapper_q25wx_23, ._tableBody_q25wx_23 {
6307
+ ._headerWrapper_1wbg1_23, ._tableBody_1wbg1_23 {
6282
6308
  display: inline-block;
6283
6309
  min-width: 100%;
6284
6310
  background-color: var(--xmlui-backgroundColor-Table);
6285
6311
  }
6286
6312
 
6287
- ._clickableHeader_q25wx_29 {
6313
+ ._clickableHeader_1wbg1_29 {
6288
6314
  width: 100%;
6289
6315
  height: 100%;
6290
6316
  color: var(--xmlui-textColor-heading-Table);
@@ -6298,23 +6324,23 @@ li ._htmlOl_1wzn5_205 {
6298
6324
  padding-top: var(--xmlui-paddingTop-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)));
6299
6325
  padding-bottom: var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)));
6300
6326
  }
6301
- ._clickableHeader_q25wx_29 ._headerContent_q25wx_43 {
6327
+ ._clickableHeader_1wbg1_29 ._headerContent_1wbg1_43 {
6302
6328
  padding: 0;
6303
6329
  }
6304
- ._clickableHeader_q25wx_29:not([disabled]):hover {
6330
+ ._clickableHeader_1wbg1_29:not([disabled]):hover {
6305
6331
  background-color: var(--xmlui-backgroundColor-heading-Table--hover);
6306
6332
  }
6307
- ._clickableHeader_q25wx_29:not([disabled]):active {
6333
+ ._clickableHeader_1wbg1_29:not([disabled]):active {
6308
6334
  background-color: var(--xmlui-backgroundColor-heading-Table--active);
6309
6335
  }
6310
- ._clickableHeader_q25wx_29:not([disabled]):focus-visible {
6336
+ ._clickableHeader_1wbg1_29:not([disabled]):focus-visible {
6311
6337
  outline-width: var(--xmlui-outlineWidth-heading-Table--focus);
6312
6338
  outline-color: var(--xmlui-outlineColor-heading-Table--focus);
6313
6339
  outline-style: var(--xmlui-outlineStyle-heading-Table--focus);
6314
6340
  outline-offset: var(--xmlui-outlineOffset-heading-Table--focus);
6315
6341
  }
6316
6342
 
6317
- ._headerContent_q25wx_43 {
6343
+ ._headerContent_1wbg1_43 {
6318
6344
  display: flex;
6319
6345
  flex-direction: row;
6320
6346
  gap: 0.5rem;
@@ -6331,12 +6357,12 @@ li ._htmlOl_1wzn5_205 {
6331
6357
  padding-bottom: var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)));
6332
6358
  }
6333
6359
 
6334
- ._headerRow_q25wx_76 {
6360
+ ._headerRow_1wbg1_76 {
6335
6361
  height: 100%;
6336
6362
  background-color: var(--xmlui-backgroundColor-heading-Table);
6337
6363
  }
6338
6364
 
6339
- ._columnCell_q25wx_81, ._cell_q25wx_81 {
6365
+ ._columnCell_1wbg1_81, ._cell_1wbg1_81 {
6340
6366
  display: flex;
6341
6367
  align-items: center;
6342
6368
  white-space: nowrap;
@@ -6344,87 +6370,90 @@ li ._htmlOl_1wzn5_205 {
6344
6370
  user-select: text;
6345
6371
  }
6346
6372
 
6347
- ._table_q25wx_23 {
6373
+ ._table_1wbg1_23 {
6348
6374
  display: block;
6349
6375
  color: var(--xmlui-textColor-Table);
6350
6376
  }
6351
- ._table_q25wx_23 ._row_q25wx_93, ._table_q25wx_23 ._headerRow_q25wx_76 {
6377
+ ._table_1wbg1_23 ._row_1wbg1_93, ._table_1wbg1_23 ._headerRow_1wbg1_76 {
6352
6378
  display: flex;
6353
6379
  flex-direction: row;
6354
6380
  border-bottom: var(--xmlui-borderBottom-cell-Table);
6355
6381
  user-select: none;
6356
6382
  }
6357
- ._table_q25wx_23 ._row_q25wx_93 ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76 ._checkBoxWrapper_q25wx_99 {
6383
+ ._table_1wbg1_23 ._row_1wbg1_93 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._checkBoxWrapper_1wbg1_99 {
6358
6384
  font-size: 1rem;
6359
6385
  visibility: hidden;
6360
6386
  }
6361
- ._table_q25wx_23 ._row_q25wx_93 ._checkBoxWrapper_q25wx_99._showInHeader_q25wx_103, ._table_q25wx_23 ._headerRow_q25wx_76 ._checkBoxWrapper_q25wx_99._showInHeader_q25wx_103 {
6387
+ ._table_1wbg1_23 ._row_1wbg1_93 ._checkBoxWrapper_1wbg1_99._showInHeader_1wbg1_103, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._checkBoxWrapper_1wbg1_99._showInHeader_1wbg1_103 {
6362
6388
  visibility: visible;
6363
6389
  }
6364
- ._table_q25wx_23 ._row_q25wx_93:hover ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106 ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._row_q25wx_93:focus-within ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._row_q25wx_93._allSelected_q25wx_106 ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76:hover ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76._selected_q25wx_106 ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76:focus-within ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76._allSelected_q25wx_106 ._checkBoxWrapper_q25wx_99 {
6390
+ ._table_1wbg1_23 ._row_1wbg1_93:hover ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._row_1wbg1_93:focus-within ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._row_1wbg1_93._allSelected_1wbg1_106 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76:hover ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76._selected_1wbg1_106 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76:focus-within ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76._allSelected_1wbg1_106 ._checkBoxWrapper_1wbg1_99 {
6365
6391
  visibility: visible;
6366
6392
  }
6367
- ._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:first-child ._headerContent_q25wx_43, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:first-child ._headerContent_q25wx_43 {
6393
+ ._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:first-child ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:first-child ._headerContent_1wbg1_43 {
6368
6394
  padding-left: var(--xmlui-paddingHorizontal-cell-first-Table);
6369
6395
  }
6370
- ._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:first-child > button, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:first-child > button {
6396
+ ._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:first-child > button, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:first-child > button {
6371
6397
  padding-left: var(--xmlui-paddingHorizontal-cell-first-Table);
6372
6398
  }
6373
- ._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:first-child > button ._headerContent_q25wx_43, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:first-child > button ._headerContent_q25wx_43 {
6399
+ ._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:first-child > button ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:first-child > button ._headerContent_1wbg1_43 {
6374
6400
  padding-left: 0;
6375
6401
  }
6376
- ._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:last-child ._headerContent_q25wx_43, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:last-child ._headerContent_q25wx_43 {
6402
+ ._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:last-child ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:last-child ._headerContent_1wbg1_43 {
6377
6403
  padding-right: var(--xmlui-paddingHorizontal-cell-last-Table);
6378
6404
  }
6379
- ._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:last-child > button, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:last-child > button {
6405
+ ._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:last-child > button, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:last-child > button {
6380
6406
  padding-right: var(--xmlui-paddingHorizontal-cell-last-Table);
6381
6407
  }
6382
- ._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:last-child > button ._headerContent_q25wx_43, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:last-child > button ._headerContent_q25wx_43 {
6408
+ ._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:last-child > button ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:last-child > button ._headerContent_1wbg1_43 {
6383
6409
  padding-right: 0;
6384
6410
  }
6385
- ._table_q25wx_23 ._row_q25wx_93 ._cell_q25wx_81:first-child, ._table_q25wx_23 ._headerRow_q25wx_76 ._cell_q25wx_81:first-child {
6411
+ ._table_1wbg1_23 ._row_1wbg1_93 ._cell_1wbg1_81:first-child, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._cell_1wbg1_81:first-child {
6386
6412
  padding-left: var(--xmlui-paddingHorizontal-cell-first-Table);
6387
6413
  border-left: 0;
6388
6414
  }
6389
- ._table_q25wx_23 ._row_q25wx_93 ._cell_q25wx_81:last-child, ._table_q25wx_23 ._headerRow_q25wx_76 ._cell_q25wx_81:last-child {
6415
+ ._table_1wbg1_23 ._row_1wbg1_93 ._cell_1wbg1_81:last-child, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._cell_1wbg1_81:last-child {
6390
6416
  padding-right: var(--xmlui-paddingHorizontal-cell-last-Table);
6391
6417
  border-right: 0;
6392
6418
  }
6393
- ._table_q25wx_23 ._row_q25wx_93 {
6419
+ ._table_1wbg1_23 ._row_1wbg1_93 {
6394
6420
  font-size: var(--xmlui-fontSize-row-Table);
6395
6421
  font-weight: var(--xmlui-fontWeight-row-Table);
6396
6422
  background-color: var(--xmlui-backgroundColor-row-Table);
6397
6423
  }
6398
- ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106 {
6424
+ ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106 {
6399
6425
  background-color: var(--xmlui-backgroundColor-selected-Table);
6400
6426
  }
6401
- ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106 ._cell_q25wx_81 {
6427
+ ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106 ._cell_1wbg1_81 {
6402
6428
  background-color: var(--xmlui-backgroundColor-selected-Table);
6403
6429
  }
6404
- ._table_q25wx_23 ._row_q25wx_93:hover {
6430
+ ._table_1wbg1_23 ._row_1wbg1_93:hover {
6405
6431
  background-color: var(--xmlui-backgroundColor-row-Table--hover);
6406
6432
  }
6407
- ._table_q25wx_23 ._row_q25wx_93:hover ._cell_q25wx_81 {
6433
+ ._table_1wbg1_23 ._row_1wbg1_93:hover ._cell_1wbg1_81 {
6408
6434
  background-color: var(--xmlui-backgroundColor-row-Table--hover);
6409
6435
  }
6410
- ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106._focused_q25wx_152 {
6436
+ ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106._focused_1wbg1_152 {
6411
6437
  background-color: var(--xmlui-backgroundColor-selected-Table);
6412
6438
  }
6413
- ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106._focused_q25wx_152 ._cell_q25wx_81 {
6439
+ ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106._focused_1wbg1_152 ._cell_1wbg1_81 {
6414
6440
  background-color: var(--xmlui-backgroundColor-selected-Table);
6415
6441
  }
6416
- ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106:hover {
6442
+ ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106:hover {
6417
6443
  background-color: var(--xmlui-backgroundColor-selected-Table--hover);
6418
6444
  }
6419
- ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106:hover ._cell_q25wx_81 {
6445
+ ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106:hover ._cell_1wbg1_81 {
6420
6446
  background-color: var(--xmlui-backgroundColor-selected-Table--hover);
6421
6447
  }
6422
- ._table_q25wx_23 ._row_q25wx_93._disabled_q25wx_164 {
6448
+ ._table_1wbg1_23 ._row_1wbg1_93._disabled_1wbg1_164 {
6423
6449
  pointer-events: none;
6424
6450
  opacity: 0.6;
6425
6451
  }
6452
+ ._table_1wbg1_23 ._row_1wbg1_93._noBottomBorder_1wbg1_168:last-child {
6453
+ border-bottom: none;
6454
+ }
6426
6455
 
6427
- ._cell_q25wx_81 {
6456
+ ._cell_1wbg1_81 {
6428
6457
  overflow: hidden;
6429
6458
  text-overflow: ellipsis;
6430
6459
  padding: var(--xmlui-padding-cell-Table);
@@ -6434,13 +6463,13 @@ li ._htmlOl_1wzn5_205 {
6434
6463
  padding-bottom: var(--xmlui-paddingBottom-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)));
6435
6464
  }
6436
6465
 
6437
- ._headerWrapper_q25wx_23 {
6466
+ ._headerWrapper_1wbg1_23 {
6438
6467
  position: sticky;
6439
6468
  top: 0;
6440
6469
  z-index: 2;
6441
6470
  }
6442
6471
 
6443
- ._columnCell_q25wx_81 {
6472
+ ._columnCell_1wbg1_81 {
6444
6473
  background-color: var(--xmlui-backgroundColor-heading-Table);
6445
6474
  text-align: start;
6446
6475
  white-space: nowrap;
@@ -6448,13 +6477,13 @@ li ._htmlOl_1wzn5_205 {
6448
6477
  padding: 0;
6449
6478
  }
6450
6479
 
6451
- ._noRows_q25wx_193 {
6480
+ ._noRows_1wbg1_196 {
6452
6481
  width: 100%;
6453
6482
  text-align: center;
6454
6483
  margin-top: var(--xmlui-space-16);
6455
6484
  }
6456
6485
 
6457
- ._pagination_q25wx_199 {
6486
+ ._pagination_1wbg1_202 {
6458
6487
  position: sticky;
6459
6488
  left: 0;
6460
6489
  padding-top: var(--xmlui-space-4);
@@ -6470,30 +6499,30 @@ li ._htmlOl_1wzn5_205 {
6470
6499
  background-color: var(--xmlui-backgroundColor-pagination-Table);
6471
6500
  }
6472
6501
 
6473
- ._paginationLabel_q25wx_215 {
6502
+ ._paginationLabel_1wbg1_218 {
6474
6503
  color: var(--xmlui-textColor-pagination-Table);
6475
6504
  font-size: var(--xmlui-fontSize-small);
6476
6505
  }
6477
6506
 
6478
- ._paginationSelect_q25wx_220 {
6507
+ ._paginationSelect_1wbg1_223 {
6479
6508
  color: inherit;
6480
6509
  background-color: transparent;
6481
6510
  margin-left: var(--xmlui-space-4);
6482
6511
  }
6483
6512
 
6484
- ._paginationButtons_q25wx_226 {
6513
+ ._paginationButtons_1wbg1_229 {
6485
6514
  display: flex;
6486
6515
  flex-direction: row;
6487
6516
  }
6488
6517
 
6489
- ._searchIconWrapper_q25wx_231 {
6518
+ ._searchIconWrapper_1wbg1_234 {
6490
6519
  width: 32px;
6491
6520
  display: flex;
6492
6521
  align-items: center;
6493
6522
  justify-content: center;
6494
6523
  }
6495
6524
 
6496
- ._loadingWrapper_q25wx_238 {
6525
+ ._loadingWrapper_1wbg1_241 {
6497
6526
  display: flex;
6498
6527
  flex-direction: row;
6499
6528
  justify-content: center;
@@ -6501,14 +6530,14 @@ li ._htmlOl_1wzn5_205 {
6501
6530
  padding-bottom: var(--xmlui-space-2);
6502
6531
  }
6503
6532
 
6504
- ._checkBoxWrapper_q25wx_99 {
6533
+ ._checkBoxWrapper_1wbg1_99 {
6505
6534
  opacity: 0.5;
6506
6535
  }
6507
- ._checkBoxWrapper_q25wx_99:hover {
6536
+ ._checkBoxWrapper_1wbg1_99:hover {
6508
6537
  opacity: 1;
6509
6538
  }
6510
6539
 
6511
- ._resizer_q25wx_253 {
6540
+ ._resizer_1wbg1_256 {
6512
6541
  position: absolute;
6513
6542
  top: 0;
6514
6543
  height: 100%;
@@ -6523,25 +6552,25 @@ li ._htmlOl_1wzn5_205 {
6523
6552
  align-items: center;
6524
6553
  justify-content: center;
6525
6554
  }
6526
- ._resizer_q25wx_253:before {
6555
+ ._resizer_1wbg1_256:before {
6527
6556
  content: "";
6528
6557
  width: 1px;
6529
6558
  height: 100%;
6530
6559
  background: var(--xmlui-borderColor-cell-Table);
6531
6560
  }
6532
6561
 
6533
- ._resizer_q25wx_253._isResizing_q25wx_275 {
6562
+ ._resizer_1wbg1_256._isResizing_1wbg1_278 {
6534
6563
  opacity: 1;
6535
6564
  }
6536
- ._resizer_q25wx_253._isResizing_q25wx_275:before {
6565
+ ._resizer_1wbg1_256._isResizing_1wbg1_278:before {
6537
6566
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
6538
6567
  }
6539
6568
 
6540
6569
  @media (hover: hover) {
6541
- ._resizer_q25wx_253 {
6570
+ ._resizer_1wbg1_256 {
6542
6571
  opacity: 0;
6543
6572
  }
6544
- *:hover > ._resizer_q25wx_253 {
6573
+ *:hover > ._resizer_1wbg1_256 {
6545
6574
  opacity: 1;
6546
6575
  }
6547
6576
  }/*