@public-ui/themes 4.0.0-alpha.10 → 4.0.0-alpha.12

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 (18) hide show
  1. package/assets/kolicons/kolicons.eot +0 -0
  2. package/assets/kolicons/kolicons.json +27 -0
  3. package/assets/kolicons/kolicons.svg +87 -0
  4. package/assets/kolicons/kolicons.ttf +0 -0
  5. package/assets/kolicons/kolicons.woff +0 -0
  6. package/assets/kolicons/kolicons.woff2 +0 -0
  7. package/assets/kolicons/style.css +44 -0
  8. package/dist/index.cjs +4 -4
  9. package/dist/index.cjs.map +1 -1
  10. package/dist/index.mjs +4 -4
  11. package/dist/index.mjs.map +1 -1
  12. package/package.json +3 -3
  13. package/assets/codicons/LICENSE +0 -395
  14. package/assets/codicons/LICENSE-CODE +0 -21
  15. package/assets/codicons/codicon.css +0 -635
  16. package/assets/codicons/codicon.csv +0 -467
  17. package/assets/codicons/codicon.svg +0 -1
  18. package/assets/codicons/codicon.ttf +0 -0
package/assets/kolicons/kolicons.eot ADDED
Binary file
package/assets/kolicons/kolicons.json ADDED
@@ -0,0 +1,27 @@
1
+ {
2
+ "alert-error": ["M20.708 20.709 L 7.500 33.917 7.500 50.001 L 7.500 66.084 20.709 79.292 L 33.917 92.500 50.001 92.500 L 66.084 92.500 79.292 79.291 L 92.500 66.083 92.500 50.000 L 92.500 33.917 79.292 20.709 L 66.084 7.500 50.000 7.500 L 33.916 7.500 20.708 20.709 M75.708 24.291 L 87.500 36.082 87.500 49.999 L 87.500 63.916 75.709 75.708 L 63.918 87.500 50.001 87.500 L 36.084 87.500 24.292 75.709 L 12.500 63.918 12.500 50.001 L 12.500 36.084 24.291 24.292 L 36.082 12.500 49.999 12.500 L 63.916 12.500 75.708 24.291 M32.207 32.374 L 30.166 34.415 37.958 42.208 L 45.749 50.000 37.958 57.792 L 30.167 65.585 32.291 67.709 L 34.415 69.833 42.208 62.042 L 50.000 54.251 57.792 62.042 L 65.585 69.833 67.709 67.709 L 69.833 65.585 62.042 57.792 L 54.251 50.000 62.043 42.207 L 69.835 34.414 67.790 32.373 C 66.665 31.251,65.672 30.333,65.582 30.333 C 65.492 30.333,61.949 33.802,57.709 38.041 L 50.000 45.749 42.291 38.041 C 38.051 33.802,34.507 30.333,34.415 30.333 C 34.323 30.333,33.330 31.252,32.207 32.374 "],
3
+ "alert-info": ["M20.708 20.709 L 7.500 33.917 7.500 50.001 L 7.500 66.084 20.709 79.292 L 33.917 92.500 50.001 92.500 L 66.084 92.500 79.292 79.291 L 92.500 66.083 92.500 50.000 L 92.500 33.917 79.292 20.709 L 66.084 7.500 50.000 7.500 L 33.916 7.500 20.708 20.709 M75.708 24.291 L 87.500 36.082 87.500 49.999 L 87.500 63.916 75.709 75.708 L 63.918 87.500 50.001 87.500 L 36.084 87.500 24.292 75.709 L 12.500 63.918 12.500 50.001 L 12.500 36.084 24.291 24.292 L 36.082 12.500 49.999 12.500 L 63.916 12.500 75.708 24.291 M47.000 31.000 L 47.000 34.000 50.000 34.000 L 53.000 34.000 53.000 31.000 L 53.000 28.000 50.000 28.000 L 47.000 28.000 47.000 31.000 M47.000 59.000 L 47.000 78.000 50.000 78.000 L 53.000 78.000 53.000 59.000 L 53.000 40.000 50.000 40.000 L 47.000 40.000 47.000 59.000 "],
4
+ "alert-success": ["M20.708 20.709 L 7.500 33.917 7.500 50.001 L 7.500 66.084 20.709 79.292 L 33.917 92.500 50.001 92.500 L 66.084 92.500 79.292 79.291 L 92.500 66.083 92.500 50.000 L 92.500 33.917 79.292 20.709 L 66.084 7.500 50.000 7.500 L 33.916 7.500 20.708 20.709 M75.708 24.291 L 87.500 36.082 87.500 49.999 L 87.500 63.916 75.709 75.708 L 63.918 87.500 50.001 87.500 L 36.084 87.500 24.292 75.709 L 12.500 63.918 12.500 50.001 L 12.500 36.084 24.291 24.292 L 36.082 12.500 49.999 12.500 L 63.916 12.500 75.708 24.291 M57.083 47.167 L 42.918 61.333 35.832 54.249 L 28.747 47.165 26.624 49.292 L 24.502 51.420 33.710 60.626 L 42.918 69.833 59.210 53.540 L 75.502 37.247 73.375 35.125 L 71.247 33.002 57.083 47.167 "],
5
+ "alert-warning": ["M28.029 47.792 C 16.005 73.344,6.166 94.306,6.167 94.375 C 6.167 94.444,25.892 94.500,50.000 94.500 C 74.108 94.500,93.833 94.444,93.833 94.375 C 93.834 94.144,50.109 1.333,50.000 1.333 C 49.941 1.333,40.054 22.240,28.029 47.792 M68.000 51.106 C 77.854 72.058,85.942 89.268,85.972 89.350 C 86.005 89.438,71.224 89.500,50.000 89.500 C 28.776 89.500,13.995 89.438,14.028 89.350 C 14.266 88.707,49.936 13.011,50.000 13.011 C 50.046 13.011,58.146 30.154,68.000 51.106 M47.000 55.000 L 47.000 70.000 50.000 70.000 L 53.000 70.000 53.000 55.000 L 53.000 40.000 50.000 40.000 L 47.000 40.000 47.000 55.000 M47.000 79.000 L 47.000 82.000 50.000 82.000 L 53.000 82.000 53.000 79.000 L 53.000 76.000 50.000 76.000 L 47.000 76.000 47.000 79.000 "],
6
+ "check": ["M60.542 46.541 L 35.834 71.249 25.208 60.624 L 14.581 49.999 11.083 53.500 L 7.585 57.001 21.751 71.167 L 35.917 85.333 64.166 57.084 L 92.415 28.835 88.917 25.334 C 86.994 23.409,85.381 21.833,85.335 21.833 C 85.288 21.833,74.131 32.952,60.542 46.541 "],
7
+ "chevron-double-left": ["M29.671 33.740 C 17.895 42.576,8.236 49.876,8.207 49.961 C 8.149 50.137,51.130 82.425,51.256 82.300 C 51.300 82.255,52.116 81.180,53.068 79.909 L 54.800 77.599 36.483 63.862 C 26.409 56.307,18.167 50.069,18.167 50.000 C 18.167 49.931,26.409 43.693,36.483 36.138 L 54.800 22.401 53.058 20.075 C 52.100 18.796,51.264 17.733,51.200 17.713 C 51.136 17.692,41.448 24.905,29.671 33.740 M63.671 33.740 C 51.895 42.576,42.236 49.876,42.207 49.961 C 42.149 50.137,85.130 82.425,85.256 82.300 C 85.300 82.255,86.116 81.180,87.068 79.909 L 88.800 77.599 70.483 63.862 C 60.409 56.307,52.167 50.069,52.167 50.000 C 52.167 49.931,60.409 43.693,70.483 36.138 L 88.800 22.401 87.058 20.075 C 86.100 18.796,85.264 17.733,85.200 17.713 C 85.136 17.692,75.448 24.905,63.671 33.740 "],
8
+ "chevron-double-right": ["M12.973 20.034 L 11.202 22.402 29.518 36.138 C 39.591 43.693,47.833 49.931,47.833 50.000 C 47.833 50.069,39.591 56.307,29.517 63.862 L 11.200 77.599 12.932 79.909 C 13.884 81.180,14.700 82.255,14.744 82.300 C 14.844 82.400,57.833 50.175,57.833 50.000 C 57.833 49.882,14.972 17.667,14.815 17.667 C 14.775 17.667,13.946 18.732,12.973 20.034 M46.973 20.034 L 45.202 22.402 63.518 36.138 C 73.591 43.693,81.833 49.931,81.833 50.000 C 81.833 50.069,73.591 56.307,63.517 63.862 L 45.200 77.599 46.932 79.909 C 47.884 81.180,48.700 82.255,48.744 82.300 C 48.844 82.400,91.833 50.175,91.833 50.000 C 91.833 49.882,48.972 17.667,48.815 17.667 C 48.775 17.667,47.946 18.732,46.973 20.034 "],
9
+ "chevron-down": ["M20.003 29.998 C 18.781 30.913,17.745 31.699,17.701 31.744 C 17.601 31.844,49.825 74.833,50.000 74.833 C 50.248 74.833,82.383 31.817,82.234 31.684 C 81.790 31.286,77.964 28.476,77.760 28.398 C 77.593 28.333,73.399 33.803,63.823 46.570 C 56.289 56.615,50.069 64.833,50.000 64.833 C 49.931 64.833,43.715 56.621,36.187 46.583 C 28.659 36.546,22.437 28.333,22.362 28.333 C 22.286 28.333,21.224 29.082,20.003 29.998 "],
10
+ "chevron-left": ["M46.671 33.740 C 34.895 42.576,25.236 49.876,25.207 49.961 C 25.149 50.137,68.130 82.425,68.256 82.300 C 68.300 82.255,69.116 81.180,70.068 79.909 L 71.800 77.599 53.483 63.862 C 43.409 56.307,35.167 50.069,35.167 50.000 C 35.167 49.931,43.409 43.693,53.483 36.138 L 71.800 22.401 70.058 20.075 C 69.100 18.796,68.264 17.733,68.200 17.713 C 68.136 17.692,58.448 24.905,46.671 33.740 "],
11
+ "chevron-right": ["M29.973 20.034 L 28.202 22.402 46.518 36.138 C 56.591 43.693,64.833 49.931,64.833 50.000 C 64.833 50.069,56.591 56.307,46.517 63.862 L 28.200 77.599 29.932 79.909 C 30.884 81.180,31.700 82.255,31.744 82.300 C 31.844 82.400,74.833 50.175,74.833 50.000 C 74.833 49.882,31.972 17.667,31.815 17.667 C 31.775 17.667,30.946 18.732,29.973 20.034 "],
12
+ "chevron-up": ["M33.747 46.671 C 24.877 58.498,17.656 68.211,17.700 68.256 C 17.745 68.300,18.820 69.116,20.091 70.068 L 22.401 71.800 36.138 53.483 C 43.693 43.409,49.931 35.167,50.000 35.167 C 50.069 35.167,56.307 43.409,63.862 53.483 L 77.599 71.800 79.909 70.068 C 81.180 69.116,82.255 68.300,82.300 68.256 C 82.400 68.156,50.175 25.167,50.000 25.167 C 49.931 25.167,42.617 34.844,33.747 46.671 "],
13
+ "cogwheel": ["M27.680 10.929 C 23.974 13.071,20.871 14.896,20.783 14.983 C 20.682 15.085,21.610 16.847,23.332 19.826 L 26.040 24.509 24.558 26.046 C 20.843 29.900,17.848 35.093,16.442 40.118 L 15.917 41.995 10.458 41.998 L 5.000 42.000 5.000 50.000 L 5.000 58.000 10.458 58.002 L 15.917 58.005 16.442 59.882 C 17.848 64.907,20.843 70.100,24.558 73.954 L 26.040 75.491 23.331 80.176 C 21.051 84.118,20.659 84.895,20.853 85.077 C 20.980 85.196,24.046 86.999,27.667 89.083 C 31.287 91.167,34.292 92.896,34.343 92.926 C 34.394 92.955,35.667 90.845,37.172 88.236 C 39.257 84.621,39.968 83.517,40.162 83.594 C 40.884 83.882,44.167 84.533,45.999 84.752 C 48.646 85.067,51.354 85.067,54.001 84.752 C 55.833 84.533,59.116 83.882,59.838 83.594 C 60.032 83.517,60.743 84.621,62.828 88.236 C 64.333 90.845,65.606 92.955,65.657 92.926 C 65.708 92.896,68.712 91.167,72.333 89.083 C 75.954 86.999,79.020 85.196,79.147 85.077 C 79.341 84.895,78.949 84.118,76.669 80.176 L 73.960 75.491 75.438 73.954 C 79.340 69.898,82.446 64.398,83.766 59.208 L 84.074 58.000 89.537 58.000 L 95.000 58.000 95.000 50.000 L 95.000 42.000 89.537 42.000 L 84.074 42.000 83.766 40.792 C 82.446 35.603,79.340 30.102,75.439 26.047 L 73.961 24.511 76.667 19.823 C 78.917 15.924,79.334 15.099,79.145 14.926 C 79.019 14.811,76.067 13.080,72.583 11.079 C 69.100 9.078,66.097 7.344,65.911 7.225 C 65.588 7.019,65.434 7.247,62.832 11.758 C 60.743 15.378,60.032 16.483,59.838 16.405 C 59.321 16.199,56.037 15.509,54.583 15.302 C 53.758 15.184,51.658 15.090,49.917 15.093 C 46.520 15.097,44.265 15.358,41.463 16.069 C 40.612 16.285,39.904 16.451,39.888 16.439 C 39.873 16.426,38.647 14.316,37.164 11.749 C 35.682 9.183,34.457 7.072,34.443 7.059 C 34.428 7.046,31.385 8.787,27.680 10.929 M60.000 50.000 L 60.000 60.000 50.000 60.000 L 40.000 60.000 40.000 50.000 L 40.000 40.000 50.000 40.000 L 60.000 40.000 60.000 50.000 "],
14
+ "cross": ["M18.208 18.208 L 14.667 21.749 28.791 35.875 L 42.916 50.000 28.791 64.125 L 14.667 78.251 18.208 81.792 L 21.749 85.333 35.875 71.209 L 50.000 57.084 64.125 71.209 L 78.251 85.333 81.792 81.792 L 85.333 78.251 71.209 64.125 L 57.084 50.000 71.209 35.875 L 85.333 21.749 81.792 18.208 L 78.251 14.667 64.125 28.791 L 50.000 42.916 35.875 28.791 L 21.749 14.667 18.208 18.208 "],
15
+ "eye-closed": ["M80.083 26.844 C 75.683 29.398,71.919 31.576,71.718 31.684 C 71.385 31.862,71.105 31.682,68.612 29.690 L 65.872 27.500 49.999 27.500 L 34.126 27.500 20.146 38.683 C 12.457 44.834,6.167 49.926,6.167 49.999 C 6.167 50.073,9.317 52.653,13.167 55.734 C 17.017 58.815,20.167 61.365,20.167 61.401 C 20.167 61.437,17.260 63.135,13.708 65.175 C 10.156 67.216,7.158 68.968,7.045 69.070 C 6.886 69.214,7.383 70.196,9.249 73.420 C 10.574 75.710,11.681 77.646,11.709 77.722 C 11.737 77.799,15.536 75.680,20.151 73.014 C 24.767 70.348,28.579 68.167,28.624 68.167 C 28.669 68.167,29.925 69.142,31.417 70.333 L 34.128 72.500 50.001 72.500 L 65.874 72.500 79.854 61.317 C 87.543 55.166,93.833 50.074,93.833 50.001 C 93.833 49.927,90.675 47.340,86.815 44.252 C 82.956 41.163,79.862 38.580,79.940 38.512 C 80.019 38.445,82.933 36.753,86.417 34.754 C 89.900 32.755,92.842 31.036,92.954 30.933 C 93.112 30.789,92.601 29.774,90.704 26.462 C 89.354 24.106,88.212 22.184,88.167 22.190 C 88.121 22.196,84.483 24.290,80.083 26.844 M65.405 33.523 C 66.110 34.086,66.626 34.599,66.552 34.664 C 66.350 34.839,60.293 38.298,59.980 38.417 C 59.811 38.481,59.304 38.235,58.626 37.761 C 57.206 36.769,55.404 35.925,53.750 35.479 C 52.672 35.188,51.954 35.119,50.000 35.119 C 48.046 35.119,47.328 35.188,46.250 35.479 C 41.073 36.876,37.147 40.711,35.564 45.917 C 35.152 47.271,35.106 47.680,35.089 50.136 L 35.070 52.854 30.160 55.695 C 27.459 57.257,25.162 58.570,25.055 58.613 C 24.855 58.694,14.167 50.238,14.167 49.999 C 14.167 49.926,19.051 45.959,25.021 41.183 L 35.875 32.500 49.999 32.500 L 64.124 32.500 65.405 33.523 M80.502 45.600 C 83.434 47.947,85.833 49.927,85.833 50.001 C 85.833 50.074,80.949 54.041,74.979 58.817 L 64.125 67.500 50.001 67.500 L 35.876 67.500 34.597 66.479 C 33.447 65.561,33.349 65.438,33.618 65.256 C 34.251 64.828,40.118 61.500,40.240 61.500 C 40.311 61.500,40.654 61.726,41.002 62.002 C 42.037 62.821,44.312 63.948,45.917 64.436 C 47.274 64.848,47.662 64.892,50.000 64.892 C 52.338 64.892,52.725 64.849,54.075 64.437 C 59.178 62.881,62.880 59.179,64.437 54.075 C 64.848 52.729,64.894 52.319,64.911 49.873 L 64.930 47.162 69.923 44.262 C 72.670 42.667,74.974 41.355,75.044 41.348 C 75.113 41.340,77.570 43.254,80.502 45.600 "],
16
+ "eye": ["M20.174 38.650 C 12.524 44.776,6.240 49.863,6.209 49.956 C 6.179 50.048,12.447 55.158,20.140 61.312 L 34.126 72.500 50.000 72.500 L 65.874 72.500 79.854 61.317 C 87.543 55.166,93.833 50.074,93.833 50.000 C 93.833 49.926,87.543 44.834,79.854 38.683 L 65.874 27.500 49.979 27.506 L 34.083 27.513 20.174 38.650 M74.979 41.183 C 80.949 45.959,85.833 49.926,85.833 50.000 C 85.833 50.074,80.949 54.041,74.979 58.817 L 64.125 67.500 50.000 67.500 L 35.875 67.500 25.021 58.817 C 19.051 54.041,14.167 50.074,14.167 50.000 C 14.167 49.926,19.051 45.959,25.021 41.183 L 35.875 32.500 50.000 32.500 L 64.125 32.500 74.979 41.183 M47.750 35.173 C 41.963 36.075,37.308 40.179,35.564 45.917 C 35.152 47.274,35.108 47.662,35.108 50.000 C 35.108 52.338,35.151 52.725,35.563 54.075 C 37.119 59.178,40.822 62.881,45.925 64.437 C 47.275 64.849,47.662 64.892,50.000 64.892 C 52.338 64.892,52.725 64.849,54.075 64.437 C 54.896 64.187,56.168 63.669,56.903 63.287 C 60.547 61.391,63.192 58.157,64.437 54.075 C 64.849 52.725,64.892 52.338,64.892 50.000 C 64.892 47.662,64.848 47.274,64.436 45.917 C 62.852 40.706,58.852 36.806,53.750 35.496 C 52.208 35.101,49.240 34.941,47.750 35.173 "],
17
+ "kolibri": ["M37.448 39.500 C 42.298 47.171,211.350 297.660,212.471 298.837 C 213.325 299.733,236.440 303.089,282.605 309.021 C 320.478 313.887,351.610 317.723,351.787 317.546 C 351.965 317.369,284.697 257.464,202.305 184.425 C 119.912 111.385,48.687 48.223,44.026 44.063 C 38.408 39.049,36.191 37.511,37.448 39.500 M237.418 97.750 C 237.751 100.362,240.485 127.475,243.492 158.000 C 246.499 188.525,249.219 215.396,249.536 217.713 C 250.063 221.573,251.024 222.728,261.012 231.510 L 271.912 241.095 300.025 229.718 C 315.487 223.461,328.148 218.010,328.160 217.604 C 328.187 216.703,237.982 93.000,237.299 93.000 C 237.031 93.000,237.085 95.138,237.418 97.750 M318.500 226.711 C 295.400 235.842,276.275 243.511,276.000 243.754 C 275.370 244.312,277.004 245.790,320.788 284.246 L 356.931 315.991 386.962 283.041 L 416.994 250.091 388.965 230.046 C 373.549 219.020,360.838 210.025,360.718 210.055 C 360.598 210.085,341.600 217.580,318.500 226.711 M406.232 268.670 C 397.983 277.927,391.339 285.620,391.467 285.766 C 391.906 286.269,559.499 272.677,560.207 272.081 C 560.595 271.754,530.445 267.286,493.207 262.152 C 455.968 257.019,424.539 252.598,423.365 252.329 C 421.619 251.930,418.493 254.910,406.232 268.670 M213.000 368.993 L 213.000 434.009 282.536 378.374 C 320.781 347.775,351.869 322.536,351.621 322.287 C 351.372 322.039,321.768 318.070,285.834 313.469 C 249.900 308.868,218.813 304.849,216.750 304.540 L 213.000 303.976 213.000 368.993 M178.718 369.437 L 148.936 434.000 178.718 498.563 L 208.500 563.125 208.757 498.563 C 208.899 463.053,208.899 404.947,208.757 369.437 L 208.500 304.875 178.718 369.437 "],
18
+ "link-external": ["M71.417 12.167 L 77.415 18.167 60.874 34.709 C 51.777 43.807,44.333 51.327,44.333 51.419 C 44.333 51.637,48.368 55.667,48.585 55.667 C 48.676 55.667,56.193 48.223,65.291 39.126 L 81.833 22.585 87.833 28.583 L 93.833 34.582 93.833 20.374 L 93.833 6.167 79.626 6.167 L 65.418 6.167 71.417 12.167 M5.500 58.500 L 5.500 94.500 41.500 94.500 L 77.500 94.500 77.500 71.127 L 77.500 47.754 75.000 50.250 L 72.500 52.746 72.500 71.123 L 72.500 89.500 41.500 89.500 L 10.500 89.500 10.500 58.500 L 10.500 27.500 28.877 27.500 L 47.254 27.500 49.750 25.000 L 52.246 22.500 28.873 22.500 L 5.500 22.500 5.500 58.500 "],
19
+ "link": ["M66.082 18.676 C 60.674 21.797,56.198 24.403,56.135 24.467 C 56.071 24.531,56.695 25.764,57.522 27.208 C 58.945 29.692,59.044 29.822,59.387 29.642 C 59.792 29.431,72.458 22.136,73.260 21.653 L 73.770 21.345 78.732 29.937 C 81.461 34.663,83.669 38.547,83.638 38.570 C 83.608 38.593,77.621 42.050,70.333 46.253 C 63.046 50.456,55.504 54.806,53.574 55.920 L 50.064 57.946 48.350 54.973 C 47.407 53.338,46.573 52.000,46.497 52.000 C 46.162 52.000,41.329 54.932,41.370 55.110 C 41.438 55.398,47.734 66.323,47.833 66.324 C 47.879 66.324,57.817 60.603,69.917 53.611 C 85.487 44.613,91.910 40.819,91.896 40.627 C 91.873 40.340,76.142 13.002,75.999 13.001 C 75.952 13.000,71.490 15.554,66.082 18.676 M30.083 46.389 C 14.535 55.375,8.090 59.182,8.104 59.373 C 8.116 59.521,11.679 65.798,16.021 73.322 C 21.710 83.180,23.983 86.978,24.153 86.913 C 24.460 86.795,43.384 75.873,43.729 75.614 C 43.959 75.441,43.805 75.095,42.493 72.833 C 41.653 71.385,40.904 70.273,40.789 70.302 C 40.610 70.348,27.498 77.860,26.573 78.446 C 26.244 78.655,26.014 78.292,21.269 70.067 C 18.540 65.338,16.333 61.451,16.362 61.428 C 16.392 61.405,23.092 57.538,31.250 52.835 C 39.408 48.131,46.949 43.780,48.008 43.166 L 49.933 42.049 51.648 45.024 C 52.592 46.661,53.427 48.000,53.503 48.000 C 53.838 48.000,58.671 45.068,58.630 44.890 C 58.562 44.603,52.266 33.677,52.167 33.676 C 52.121 33.675,42.183 39.396,30.083 46.389 "],
20
+ "minus": ["M5.000 50.000 L 5.000 55.000 50.000 55.000 L 95.000 55.000 95.000 50.000 L 95.000 45.000 50.000 45.000 L 5.000 45.000 5.000 50.000 "],
21
+ "plus": ["M45.000 25.000 L 45.000 45.000 25.000 45.000 L 5.000 45.000 5.000 50.000 L 5.000 55.000 25.000 55.000 L 45.000 55.000 45.000 75.000 L 45.000 95.000 50.000 95.000 L 55.000 95.000 55.000 75.000 L 55.000 55.000 75.000 55.000 L 95.000 55.000 95.000 50.000 L 95.000 45.000 75.000 45.000 L 55.000 45.000 55.000 25.000 L 55.000 5.000 50.000 5.000 L 45.000 5.000 45.000 25.000 "],
22
+ "settings": ["M20.000 18.750 L 20.000 22.500 12.500 22.500 L 5.000 22.500 5.000 25.000 L 5.000 27.500 12.500 27.500 L 20.000 27.500 20.000 31.250 L 20.000 35.000 25.000 35.000 L 30.000 35.000 30.000 31.250 L 30.000 27.500 62.500 27.500 L 95.000 27.500 95.000 25.000 L 95.000 22.500 62.500 22.500 L 30.000 22.500 30.000 18.750 L 30.000 15.000 25.000 15.000 L 20.000 15.000 20.000 18.750 M70.000 43.750 L 70.000 47.500 37.500 47.500 L 5.000 47.500 5.000 50.000 L 5.000 52.500 37.500 52.500 L 70.000 52.500 70.000 56.250 L 70.000 60.000 75.000 60.000 L 80.000 60.000 80.000 56.250 L 80.000 52.500 87.500 52.500 L 95.000 52.500 95.000 50.000 L 95.000 47.500 87.500 47.500 L 80.000 47.500 80.000 43.750 L 80.000 40.000 75.000 40.000 L 70.000 40.000 70.000 43.750 M40.000 68.750 L 40.000 72.500 22.500 72.500 L 5.000 72.500 5.000 75.000 L 5.000 77.500 22.500 77.500 L 40.000 77.500 40.000 81.250 L 40.000 85.000 45.000 85.000 L 50.000 85.000 50.000 81.250 L 50.000 77.500 72.500 77.500 L 95.000 77.500 95.000 75.000 L 95.000 72.500 72.500 72.500 L 50.000 72.500 50.000 68.750 L 50.000 65.000 45.000 65.000 L 40.000 65.000 40.000 68.750 "],
23
+ "sort-asc": ["M5.000 18.000 L 5.000 21.000 15.000 21.000 L 25.000 21.000 25.000 18.000 L 25.000 15.000 15.000 15.000 L 5.000 15.000 5.000 18.000 M5.000 39.000 L 5.000 42.000 25.000 42.000 L 45.000 42.000 45.000 39.000 L 45.000 36.000 25.000 36.000 L 5.000 36.000 5.000 39.000 M5.000 61.000 L 5.000 64.000 35.000 64.000 L 65.000 64.000 65.000 61.000 L 65.000 58.000 35.000 58.000 L 5.000 58.000 5.000 61.000 M5.000 82.000 L 5.000 85.000 45.000 85.000 L 85.000 85.000 85.000 82.000 L 85.000 79.000 45.000 79.000 L 5.000 79.000 5.000 82.000 "],
24
+ "sort-desc": ["M5.000 18.000 L 5.000 21.000 45.000 21.000 L 85.000 21.000 85.000 18.000 L 85.000 15.000 45.000 15.000 L 5.000 15.000 5.000 18.000 M5.000 39.000 L 5.000 42.000 35.000 42.000 L 65.000 42.000 65.000 39.000 L 65.000 36.000 35.000 36.000 L 5.000 36.000 5.000 39.000 M5.000 61.000 L 5.000 64.000 25.000 64.000 L 45.000 64.000 45.000 61.000 L 45.000 58.000 25.000 58.000 L 5.000 58.000 5.000 61.000 M5.000 82.000 L 5.000 85.000 15.000 85.000 L 25.000 85.000 25.000 82.000 L 25.000 79.000 15.000 79.000 L 5.000 79.000 5.000 82.000 "],
25
+ "sort-neutral": ["M5.000 18.000 L 5.000 21.000 35.000 21.000 L 65.000 21.000 65.000 18.000 L 65.000 15.000 35.000 15.000 L 5.000 15.000 5.000 18.000 M5.000 39.000 L 5.000 42.000 15.000 42.000 L 25.000 42.000 25.000 39.000 L 25.000 36.000 15.000 36.000 L 5.000 36.000 5.000 39.000 M5.000 61.000 L 5.000 64.000 45.000 64.000 L 85.000 64.000 85.000 61.000 L 85.000 58.000 45.000 58.000 L 5.000 58.000 5.000 61.000 M5.000 82.000 L 5.000 85.000 25.000 85.000 L 45.000 85.000 45.000 82.000 L 45.000 79.000 25.000 79.000 L 5.000 79.000 5.000 82.000 "],
26
+ "version": ["M37.500 20.000 L 37.500 27.500 27.500 27.500 L 17.500 27.500 17.500 35.000 L 17.500 42.500 11.500 42.500 L 5.500 42.500 5.500 60.000 L 5.500 77.500 11.500 77.500 L 17.500 77.500 17.500 80.000 L 17.500 82.500 27.500 82.500 L 37.500 82.500 37.500 85.000 L 37.500 87.500 65.000 87.500 L 92.500 87.500 92.500 50.000 L 92.500 12.500 65.000 12.500 L 37.500 12.500 37.500 20.000 M87.500 50.000 L 87.500 82.500 65.000 82.500 L 42.500 82.500 42.500 50.000 L 42.500 17.500 65.000 17.500 L 87.500 17.500 87.500 50.000 M37.500 55.000 L 37.500 77.500 30.000 77.500 L 22.500 77.500 22.500 55.000 L 22.500 32.500 30.000 32.500 L 37.500 32.500 37.500 55.000 M17.500 60.000 L 17.500 72.500 14.000 72.500 L 10.500 72.500 10.500 60.000 L 10.500 47.500 14.000 47.500 L 17.500 47.500 17.500 60.000 "]
27
+ }
package/assets/kolicons/kolicons.svg ADDED
@@ -0,0 +1,87 @@
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3
+ <svg xmlns="http://www.w3.org/2000/svg">
4
+ <defs>
5
+ <font id="kolicons" horiz-adv-x="1000">
6
+ <font-face font-family="kolicons"
7
+ units-per-em="1000" ascent="1000"
8
+ descent="0" />
9
+ <missing-glyph horiz-adv-x="0" />
10
+ <glyph glyph-name="alert-error"
11
+ unicode="&#xEA01;"
12
+ horiz-adv-x="1000" d="M207.08 792.91L75 660.8299999999999L75 499.99L75 339.16L207.09 207.0799999999999L339.17 75L500.01 75L660.84 75L792.9200000000001 207.09L925 339.1700000000001L925 500L925 660.8299999999999L792.9200000000001 792.91L660.84 925L500 925L339.16 925L207.08 792.91M757.0799999999999 757.09L875 639.1800000000001L875 500.01L875 360.8400000000001L757.09 242.9200000000001L639.18 125L500.01 125L360.8400000000001 125L242.92 242.91L125 360.8200000000001L125 499.99L125 639.16L242.91 757.0799999999999L360.82 875L499.99 875L639.16 875L757.0799999999999 757.09M322.07 676.26L301.6600000000001 655.85L379.58 577.9200000000001L457.49 500L379.58 422.08L301.67 344.1500000000001L322.91 322.91L344.15 301.6700000000001L422.08 379.58L500 457.49L577.9200000000001 379.58L655.8499999999999 301.6700000000001L677.09 322.91L698.3299999999999 344.1500000000001L620.4200000000001 422.08L542.51 500L620.43 577.9300000000001L698.3499999999999 655.86L677.9000000000001 676.27C666.6500000000001 687.49 656.72 696.6700000000001 655.8199999999999 696.6700000000001C654.9200000000001 696.6700000000001 619.49 661.98 577.09 619.59L500 542.51L422.91 619.59C380.51 661.98 345.07 696.6700000000001 344.15 696.6700000000001C343.23 696.6700000000001 333.3 687.48 322.07 676.26" />
13
+ <glyph glyph-name="alert-info"
14
+ unicode="&#xEA02;"
15
+ horiz-adv-x="1000" d="M207.08 792.91L75 660.8299999999999L75 499.99L75 339.16L207.09 207.0799999999999L339.17 75L500.01 75L660.84 75L792.9200000000001 207.09L925 339.1700000000001L925 500L925 660.8299999999999L792.9200000000001 792.91L660.84 925L500 925L339.16 925L207.08 792.91M757.0799999999999 757.09L875 639.1800000000001L875 500.01L875 360.8400000000001L757.09 242.9200000000001L639.18 125L500.01 125L360.8400000000001 125L242.92 242.91L125 360.8200000000001L125 499.99L125 639.16L242.91 757.0799999999999L360.82 875L499.99 875L639.16 875L757.0799999999999 757.09M470 690L470 660L500 660L530 660L530 690L530 720L500 720L470 720L470 690M470 410L470 220L500 220L530 220L530 410L530 600L500 600L470 600L470 410" />
16
+ <glyph glyph-name="alert-success"
17
+ unicode="&#xEA03;"
18
+ horiz-adv-x="1000" d="M207.08 792.91L75 660.8299999999999L75 499.99L75 339.16L207.09 207.0799999999999L339.17 75L500.01 75L660.84 75L792.9200000000001 207.09L925 339.1700000000001L925 500L925 660.8299999999999L792.9200000000001 792.91L660.84 925L500 925L339.16 925L207.08 792.91M757.0799999999999 757.09L875 639.1800000000001L875 500.01L875 360.8400000000001L757.09 242.9200000000001L639.18 125L500.01 125L360.8400000000001 125L242.92 242.91L125 360.8200000000001L125 499.99L125 639.16L242.91 757.0799999999999L360.82 875L499.99 875L639.16 875L757.0799999999999 757.09M570.8299999999999 528.3299999999999L429.18 386.6700000000001L358.32 457.51L287.4700000000001 528.35L266.24 507.08L245.02 485.8L337.1 393.74L429.18 301.6700000000001L592.1 464.6L755.02 627.53L733.75 648.75L712.47 669.98L570.8299999999999 528.3299999999999" />
19
+ <glyph glyph-name="alert-warning"
20
+ unicode="&#xEA04;"
21
+ horiz-adv-x="1000" d="M280.29 522.0799999999999C160.05 266.5600000000001 61.66 56.9400000000001 61.67 56.25C61.67 55.5599999999999 258.92 55 500 55C741.08 55 938.33 55.5599999999999 938.33 56.25C938.34 58.56 501.09 986.67 500 986.67C499.41 986.67 400.54 777.6 280.29 522.0799999999999M680 488.94C778.54 279.42 859.42 107.3199999999999 859.7199999999999 106.5C860.05 105.62 712.24 105 500 105C287.76 105 139.95 105.62 140.28 106.5C142.66 112.9300000000001 499.36 869.89 500 869.89C500.46 869.89 581.46 698.46 680 488.94M470 450L470 300L500 300L530 300L530 450L530 600L500 600L470 600L470 450M470 210L470 180L500 180L530 180L530 210L530 240L500 240L470 240L470 210" />
22
+ <glyph glyph-name="check"
23
+ unicode="&#xEA05;"
24
+ horiz-adv-x="1000" d="M605.4200000000001 534.59L358.3400000000001 287.51L252.08 393.76L145.81 500.01L110.83 465L75.85 429.99L217.51 288.33L359.17 146.6700000000001L641.66 429.16L924.15 711.65L889.1700000000001 746.66C869.94 765.9100000000001 853.81 781.6700000000001 853.3499999999999 781.6700000000001C852.88 781.6700000000001 741.31 670.48 605.4200000000001 534.59" />
25
+ <glyph glyph-name="chevron-double-left"
26
+ unicode="&#xEA06;"
27
+ horiz-adv-x="1000" d="M296.71 662.5999999999999C178.95 574.24 82.36 501.24 82.07 500.39C81.49 498.63 511.3 175.75 512.56 177C513 177.4500000000001 521.16 188.1999999999999 530.68 200.91L548 224.01L364.83 361.38C264.09 436.93 181.67 499.3099999999999 181.67 500C181.67 500.6900000000001 264.09 563.07 364.83 638.62L548 775.99L530.58 799.25C521 812.04 512.64 822.67 512 822.87C511.36 823.0799999999999 414.48 750.95 296.71 662.5999999999999M636.71 662.5999999999999C518.95 574.24 422.36 501.24 422.07 500.39C421.49 498.63 851.3 175.75 852.56 177C853 177.4500000000001 861.16 188.1999999999999 870.68 200.91L888 224.01L704.83 361.38C604.09 436.93 521.6700000000001 499.3099999999999 521.6700000000001 500C521.6700000000001 500.6900000000001 604.09 563.07 704.83 638.62L888 775.99L870.58 799.25C861 812.04 852.64 822.67 852 822.87C851.3599999999999 823.0799999999999 754.4799999999999 750.95 636.71 662.5999999999999" />
28
+ <glyph glyph-name="chevron-double-right"
29
+ unicode="&#xEA07;"
30
+ horiz-adv-x="1000" d="M129.73 799.6600000000001L112.02 775.98L295.18 638.62C395.9100000000001 563.07 478.33 500.6900000000001 478.33 500C478.33 499.3099999999999 395.9100000000001 436.93 295.17 361.38L112 224.01L129.32 200.91C138.84 188.1999999999999 147 177.4500000000001 147.44 177C148.44 176 578.3299999999999 498.25 578.3299999999999 500C578.3299999999999 501.18 149.72 823.3299999999999 148.15 823.3299999999999C147.75 823.3299999999999 139.46 812.6800000000001 129.73 799.6600000000001M469.73 799.6600000000001L452.02 775.98L635.1800000000001 638.62C735.91 563.07 818.3299999999999 500.6900000000001 818.3299999999999 500C818.3299999999999 499.3099999999999 735.91 436.93 635.1700000000001 361.38L452 224.01L469.3200000000001 200.91C478.84 188.1999999999999 487 177.4500000000001 487.44 177C488.44 176 918.33 498.25 918.33 500C918.33 501.18 489.72 823.3299999999999 488.15 823.3299999999999C487.75 823.3299999999999 479.46 812.6800000000001 469.73 799.6600000000001" />
31
+ <glyph glyph-name="chevron-down"
32
+ unicode="&#xEA08;"
33
+ horiz-adv-x="1000" d="M200.03 700.02C187.81 690.87 177.45 683.01 177.01 682.56C176.01 681.56 498.25 251.6700000000001 500 251.6700000000001C502.48 251.6700000000001 823.8299999999999 681.8299999999999 822.3399999999999 683.16C817.9000000000001 687.14 779.64 715.24 777.6 716.02C775.9300000000001 716.6700000000001 733.99 661.97 638.23 534.3C562.89 433.85 500.6900000000001 351.6700000000001 500 351.6700000000001C499.3099999999999 351.6700000000001 437.1500000000001 433.79 361.87 534.1700000000001C286.59 634.54 224.37 716.6700000000001 223.62 716.6700000000001C222.86 716.6700000000001 212.24 709.1800000000001 200.03 700.02" />
34
+ <glyph glyph-name="chevron-left"
35
+ unicode="&#xEA09;"
36
+ horiz-adv-x="1000" d="M466.71 662.5999999999999C348.9500000000001 574.24 252.36 501.24 252.07 500.39C251.49 498.63 681.3 175.75 682.56 177C683 177.4500000000001 691.16 188.1999999999999 700.68 200.91L718 224.01L534.8299999999999 361.38C434.09 436.93 351.67 499.3099999999999 351.67 500C351.67 500.6900000000001 434.09 563.07 534.8299999999999 638.62L718 775.99L700.58 799.25C691 812.04 682.64 822.67 682 822.87C681.3599999999999 823.0799999999999 584.48 750.95 466.71 662.5999999999999" />
37
+ <glyph glyph-name="chevron-right"
38
+ unicode="&#xEA0A;"
39
+ horiz-adv-x="1000" d="M299.73 799.6600000000001L282.0200000000001 775.98L465.18 638.62C565.91 563.07 648.3299999999999 500.6900000000001 648.3299999999999 500C648.3299999999999 499.3099999999999 565.91 436.93 465.17 361.38L282 224.01L299.32 200.91C308.8400000000001 188.1999999999999 317 177.4500000000001 317.44 177C318.44 176 748.3299999999999 498.25 748.3299999999999 500C748.3299999999999 501.18 319.7200000000001 823.3299999999999 318.1500000000001 823.3299999999999C317.75 823.3299999999999 309.4600000000001 812.6800000000001 299.73 799.6600000000001" />
40
+ <glyph glyph-name="chevron-up"
41
+ unicode="&#xEA0B;"
42
+ horiz-adv-x="1000" d="M337.4700000000001 533.29C248.77 415.02 176.56 317.89 177 317.4400000000001C177.45 317 188.2 308.8400000000001 200.91 299.3200000000001L224.01 282L361.38 465.1700000000001C436.93 565.9100000000001 499.3099999999999 648.3299999999999 500 648.3299999999999C500.6900000000001 648.3299999999999 563.07 565.9100000000001 638.62 465.1700000000001L775.99 282L799.09 299.3200000000001C811.8000000000001 308.8400000000001 822.55 317 823 317.4400000000001C824 318.44 501.75 748.3299999999999 500 748.3299999999999C499.3099999999999 748.3299999999999 426.17 651.56 337.4700000000001 533.29" />
43
+ <glyph glyph-name="cogwheel"
44
+ unicode="&#xEA0C;"
45
+ horiz-adv-x="1000" d="M276.8 890.71C239.74 869.29 208.71 851.04 207.83 850.17C206.82 849.15 216.1 831.53 233.32 801.74L260.4 754.91L245.58 739.54C208.43 701 178.48 649.0699999999999 164.42 598.8199999999999L159.17 580.05L104.58 580.02L50 580L50 500L50 420L104.58 419.98L159.17 419.95L164.42 401.1800000000001C178.48 350.9300000000001 208.43 299 245.58 260.4600000000001L260.4 245.0900000000001L233.31 198.24C210.51 158.8200000000001 206.59 151.0500000000001 208.53 149.23C209.8 148.04 240.46 130.01 276.67 109.1700000000001C312.87 88.3299999999999 342.92 71.04 343.4300000000001 70.74C343.94 70.4500000000001 356.67 91.55 371.72 117.64C392.57 153.7900000000001 399.6800000000001 164.8300000000001 401.62 164.0600000000001C408.8400000000001 161.18 441.67 154.67 459.99 152.48C486.46 149.3300000000001 513.54 149.3300000000001 540.01 152.48C558.3299999999999 154.67 591.16 161.18 598.38 164.0600000000001C600.3199999999999 164.8300000000001 607.4300000000001 153.7900000000001 628.28 117.64C643.3299999999999 91.55 656.06 70.4500000000001 656.5699999999999 70.74C657.0799999999999 71.04 687.12 88.3299999999999 723.3299999999999 109.1700000000001C759.54 130.01 790.1999999999999 148.04 791.47 149.23C793.41 151.0500000000001 789.49 158.8200000000001 766.6899999999999 198.24L739.5999999999999 245.0900000000001L754.38 260.4600000000001C793.4000000000001 301.02 824.46 356.02 837.6600000000001 407.9200000000001L840.74 420L895.3700000000001 420L950 420L950 500L950 580L895.3700000000001 580L840.74 580L837.6600000000001 592.0799999999999C824.46 643.97 793.4000000000001 698.98 754.3899999999999 739.53L739.61 754.89L766.6700000000001 801.77C789.1700000000001 840.76 793.34 849.01 791.4499999999999 850.74C790.19 851.89 760.67 869.2 725.8299999999999 889.21C691 909.22 660.9699999999999 926.56 659.11 927.75C655.8799999999999 929.81 654.3399999999999 927.53 628.32 882.4200000000001C607.4300000000001 846.22 600.3199999999999 835.17 598.38 835.95C593.21 838.01 560.37 844.91 545.8299999999999 846.98C537.58 848.16 516.58 849.1 499.17 849.0699999999999C465.2 849.03 442.65 846.42 414.63 839.31C406.12 837.15 399.04 835.49 398.88 835.61C398.73 835.74 386.47 856.84 371.64 882.51C356.8200000000001 908.17 344.57 929.28 344.43 929.41C344.28 929.54 313.85 912.13 276.8 890.71M600 500L600 400L500 400L400 400L400 500L400 600L500 600L600 600L600 500" />
46
+ <glyph glyph-name="cross"
47
+ unicode="&#xEA0D;"
48
+ horiz-adv-x="1000" d="M182.08 817.9200000000001L146.67 782.51L287.9100000000001 641.25L429.16 500L287.9100000000001 358.75L146.67 217.49L182.08 182.0799999999999L217.49 146.6700000000001L358.75 287.91L500 429.16L641.25 287.91L782.51 146.6700000000001L817.9200000000001 182.0799999999999L853.3299999999999 217.49L712.09 358.75L570.84 500L712.09 641.25L853.3299999999999 782.51L817.9200000000001 817.9200000000001L782.51 853.33L641.25 712.0899999999999L500 570.84L358.75 712.0899999999999L217.49 853.33L182.08 817.9200000000001" />
49
+ <glyph glyph-name="eye-closed"
50
+ unicode="&#xEA0E;"
51
+ horiz-adv-x="1000" d="M800.8299999999999 731.56C756.83 706.02 719.1899999999999 684.24 717.1800000000001 683.16C713.85 681.38 711.0500000000001 683.1800000000001 686.1199999999999 703.0999999999999L658.72 725L499.99 725L341.26 725L201.46 613.1700000000001C124.57 551.66 61.67 500.74 61.67 500.01C61.67 499.27 93.17 473.47 131.67 442.66C170.17 411.85 201.67 386.35 201.67 385.99C201.67 385.63 172.6 368.65 137.08 348.25C101.56 327.8400000000001 71.58 310.32 70.45 309.3000000000001C68.86 307.86 73.83 298.04 92.49 265.8C105.74 242.9000000000001 116.81 223.54 117.09 222.7800000000001C117.37 222.01 155.36 243.2 201.51 269.86C247.67 296.52 285.79 318.33 286.24 318.33C286.69 318.33 299.25 308.5800000000001 314.17 296.6700000000001L341.28 275L500.01 275L658.74 275L798.54 386.8300000000001C875.4300000000001 448.3400000000001 938.33 499.26 938.33 499.99C938.33 500.73 906.75 526.5999999999999 868.15 557.48C829.5600000000001 588.37 798.6199999999999 614.2 799.4 614.88C800.19 615.55 829.33 632.47 864.1700000000001 652.46C899 672.45 928.42 689.64 929.54 690.6700000000001C931.1199999999998 692.11 926.01 702.26 907.04 735.38C893.54 758.94 882.12 778.16 881.6700000000001 778.1C881.2099999999999 778.04 844.83 757.1 800.8299999999999 731.56M654.05 664.77C661.1 659.14 666.26 654.01 665.5200000000001 653.36C663.5 651.61 602.93 617.02 599.8 615.8299999999999C598.11 615.19 593.04 617.65 586.26 622.39C572.0600000000001 632.31 554.0400000000001 640.75 537.5 645.21C526.72 648.12 519.54 648.81 500 648.81C480.46 648.81 473.28 648.12 462.5 645.21C410.73 631.24 371.47 592.89 355.64 540.8299999999999C351.52 527.29 351.06 523.2 350.89 498.64L350.7 471.46L301.6 443.05C274.59 427.4300000000001 251.62 414.3 250.55 413.87C248.55 413.06 141.67 497.62 141.67 500.01C141.67 500.74 190.51 540.41 250.21 588.1700000000001L358.75 675L499.99 675L641.24 675L654.05 664.77M805.02 544C834.3399999999999 520.53 858.3299999999999 500.73 858.3299999999999 499.99C858.3299999999999 499.26 809.49 459.59 749.79 411.8300000000001L641.25 325L500.01 325L358.76 325L345.9700000000001 335.2100000000001C334.4700000000001 344.3899999999999 333.49 345.62 336.18 347.4400000000001C342.51 351.7200000000001 401.18 385 402.4000000000001 385C403.11 385 406.54 382.74 410.0200000000001 379.98C420.37 371.79 443.12 360.52 459.17 355.6399999999999C472.74 351.52 476.62 351.0800000000001 500 351.0800000000001C523.38 351.0800000000001 527.25 351.51 540.75 355.63C591.78 371.1900000000001 628.8000000000001 408.2100000000001 644.37 459.25C648.48 472.71 648.94 476.8099999999999 649.11 501.27L649.3000000000001 528.38L699.23 557.38C726.7 573.3299999999999 749.74 586.45 750.4399999999999 586.52C751.13 586.5999999999999 775.6999999999999 567.46 805.02 544" />
52
+ <glyph glyph-name="eye"
53
+ unicode="&#xEA0F;"
54
+ horiz-adv-x="1000" d="M201.74 613.5C125.24 552.24 62.4 501.37 62.09 500.4399999999999C61.79 499.52 124.47 448.42 201.4 386.88L341.26 275L500 275L658.74 275L798.54 386.8300000000001C875.4300000000001 448.3400000000001 938.33 499.26 938.33 500C938.33 500.74 875.4300000000001 551.66 798.54 613.1700000000001L658.74 725L499.79 724.94L340.83 724.87L201.74 613.5M749.79 588.1700000000001C809.49 540.41 858.3299999999999 500.74 858.3299999999999 500C858.3299999999999 499.26 809.49 459.59 749.79 411.8300000000001L641.25 325L500 325L358.75 325L250.21 411.8300000000001C190.51 459.59 141.67 499.26 141.67 500C141.67 500.74 190.51 540.41 250.21 588.1700000000001L358.75 675L500 675L641.25 675L749.79 588.1700000000001M477.5 648.27C419.63 639.25 373.08 598.21 355.64 540.8299999999999C351.52 527.26 351.08 523.38 351.08 500C351.08 476.62 351.5100000000001 472.75 355.63 459.25C371.19 408.2200000000001 408.2200000000001 371.1900000000001 459.25 355.63C472.75 351.51 476.62 351.0800000000001 500 351.0800000000001C523.38 351.0800000000001 527.25 351.51 540.75 355.63C548.96 358.13 561.68 363.3100000000001 569.03 367.13C605.47 386.0900000000001 631.92 418.4300000000001 644.37 459.25C648.49 472.75 648.92 476.62 648.92 500C648.92 523.38 648.48 527.26 644.3600000000001 540.8299999999999C628.52 592.9399999999999 588.52 631.94 537.5 645.04C522.0799999999999 648.99 492.4 650.5899999999999 477.5 648.27" />
55
+ <glyph glyph-name="kolibri"
56
+ unicode="&#xEA10;"
57
+ horiz-adv-x="1000" d="M62.4133333333333 934.1666666666666C70.4966666666667 921.3816666666665 352.25 503.8999999999999 354.1183333333334 501.9383333333333C355.5416666666667 500.445 394.0666666666667 494.8516666666666 471.0083333333334 484.9649999999999C534.13 476.855 586.0166666666668 470.4616666666666 586.3116666666666 470.7566666666667C586.6083333333333 471.0516666666666 474.495 570.8933333333333 337.175 692.625C199.8533333333334 814.3583333333333 81.145 919.6283333333334 73.3766666666667 926.5616666666666C64.0133333333333 934.9183333333332 60.3183333333333 937.4816666666666 62.4133333333333 934.1666666666666M395.6966666666667 837.0833333333333C396.2516666666667 832.73 400.8083333333334 787.5416666666666 405.82 736.6666666666666C410.8316666666667 685.7916666666666 415.365 641.0066666666667 415.8933333333334 637.145C416.7716666666667 630.7116666666666 418.3733333333334 628.7866666666666 435.0200000000001 614.15L453.1866666666667 598.175L500.0416666666666 617.1366666666667C525.8116666666667 627.5649999999999 546.9133333333334 636.65 546.9333333333334 637.3266666666666C546.9783333333334 638.8283333333334 396.6366666666667 845 395.4983333333334 845C395.0516666666667 845 395.1416666666667 841.4366666666666 395.6966666666667 837.0833333333333M530.8333333333334 622.1483333333333C492.3333333333333 606.93 460.4583333333333 594.1483333333333 460 593.7433333333333C458.95 592.8133333333333 461.6733333333334 590.35 534.6466666666668 526.2566666666667L594.885 473.3483333333334L644.9366666666667 528.265L694.9900000000001 583.1816666666666L648.275 616.5899999999999C622.5816666666667 634.9666666666667 601.3966666666668 649.9583333333333 601.1966666666667 649.9083333333333C600.9966666666667 649.8583333333333 569.3333333333334 637.3666666666666 530.8333333333334 622.1483333333333M677.0533333333334 552.2166666666667C663.3050000000001 536.7883333333333 652.2316666666667 523.9666666666667 652.445 523.7233333333334C653.1766666666667 522.885 932.4983333333334 545.5383333333333 933.6783333333334 546.5316666666666C934.325 547.0766666666666 884.0750000000002 554.5233333333333 822.0116666666667 563.0799999999999C759.9466666666667 571.635 707.565 579.0033333333333 705.6083333333333 579.4516666666666C702.6983333333334 580.1166666666666 697.4883333333333 575.15 677.0533333333334 552.2166666666667M355 385.0116666666667L355 276.6516666666667L470.8933333333334 369.3766666666666C534.635 420.375 586.4483333333334 462.4399999999999 586.035 462.855C585.62 463.2683333333333 536.28 469.8833333333333 476.39 477.5516666666666C416.5 485.22 364.6883333333334 491.9183333333334 361.25 492.4333333333333L355 493.3733333333333L355 385.0116666666667M297.8633333333334 384.2716666666667L248.2266666666667 276.6666666666667L297.8633333333334 169.0616666666666L347.5 61.4583333333333L347.9283333333334 169.0616666666666C348.165 228.245 348.165 325.0883333333333 347.9283333333334 384.2716666666667L347.5 491.875L297.8633333333334 384.2716666666667" />
58
+ <glyph glyph-name="link-external"
59
+ unicode="&#xEA11;"
60
+ horiz-adv-x="1000" d="M714.1700000000001 878.33L774.1500000000001 818.3299999999999L608.74 652.91C517.77 561.93 443.33 486.73 443.33 485.8100000000001C443.33 483.63 483.68 443.33 485.85 443.33C486.76 443.33 561.93 517.77 652.91 608.74L818.3299999999999 774.15L878.3299999999999 714.1700000000001L938.33 654.1800000000001L938.33 796.26L938.33 938.33L796.26 938.33L654.1800000000001 938.33L714.1700000000001 878.33M55 415L55 55L415 55L775 55L775 288.73L775 522.46L750 497.5L725 472.54L725 288.77L725 105L415 105L105 105L105 415L105 725L288.77 725L472.54 725L497.5 750L522.46 775L288.73 775L55 775L55 415" />
61
+ <glyph glyph-name="link"
62
+ unicode="&#xEA12;"
63
+ horiz-adv-x="1000" d="M660.8199999999999 813.24C606.74 782.03 561.98 755.97 561.35 755.33C560.71 754.69 566.95 742.36 575.22 727.9200000000001C589.45 703.0799999999999 590.4399999999999 701.78 593.87 703.5799999999999C597.9200000000001 705.69 724.5799999999999 778.64 732.6 783.47L737.6999999999999 786.55L787.3199999999999 700.63C814.61 653.37 836.6899999999999 614.53 836.3800000000001 614.3C836.08 614.0699999999999 776.2099999999999 579.5 703.3299999999999 537.47C630.46 495.4399999999999 555.04 451.9400000000001 535.74 440.8L500.64 420.54L483.5 450.27C474.0699999999999 466.62 465.73 480 464.97 480C461.62 480 413.29 450.6799999999999 413.7 448.9C414.38 446.02 477.34 336.7700000000001 478.33 336.76C478.79 336.76 578.17 393.9700000000001 699.1700000000001 463.89C854.8699999999999 553.87 919.1 591.81 918.96 593.73C918.73 596.5999999999999 761.42 869.98 759.99 869.99C759.52 870 714.9 844.46 660.8199999999999 813.24M300.83 536.1099999999999C145.35 446.25 80.9 408.18 81.04 406.27C81.16 404.79 116.79 342.02 160.21 266.78C217.1 168.1999999999999 239.83 130.22 241.53 130.87C244.6 132.05 433.8400000000001 241.27 437.29 243.8599999999999C439.5900000000001 245.5899999999999 438.05 249.05 424.93 271.6700000000001C416.53 286.15 409.04 297.27 407.89 296.9799999999999C406.1 296.52 274.98 221.4 265.73 215.54C262.44 213.4500000000001 260.14 217.0799999999999 212.69 299.3300000000001C185.4 346.6200000000001 163.33 385.49 163.62 385.7200000000001C163.92 385.9500000000001 230.92 424.62 312.5 471.65C394.0800000000001 518.69 469.49 562.2 480.08 568.34L499.33 579.51L516.48 549.76C525.92 533.39 534.27 520 535.03 520C538.38 520 586.71 549.32 586.3000000000001 551.1C585.62 553.97 522.66 663.23 521.6700000000001 663.24C521.21 663.25 421.83 606.04 300.83 536.1099999999999" />
64
+ <glyph glyph-name="minus"
65
+ unicode="&#xEA13;"
66
+ horiz-adv-x="1000" d="M50 500L50 450L500 450L950 450L950 500L950 550L500 550L50 550L50 500" />
67
+ <glyph glyph-name="plus"
68
+ unicode="&#xEA14;"
69
+ horiz-adv-x="1000" d="M450 750L450 550L250 550L50 550L50 500L50 450L250 450L450 450L450 250L450 50L500 50L550 50L550 250L550 450L750 450L950 450L950 500L950 550L750 550L550 550L550 750L550 950L500 950L450 950L450 750" />
70
+ <glyph glyph-name="settings"
71
+ unicode="&#xEA15;"
72
+ horiz-adv-x="1000" d="M200 812.5L200 775L125 775L50 775L50 750L50 725L125 725L200 725L200 687.5L200 650L250 650L300 650L300 687.5L300 725L625 725L950 725L950 750L950 775L625 775L300 775L300 812.5L300 850L250 850L200 850L200 812.5M700 562.5L700 525L375 525L50 525L50 500L50 475L375 475L700 475L700 437.5L700 400L750 400L800 400L800 437.5L800 475L875 475L950 475L950 500L950 525L875 525L800 525L800 562.5L800 600L750 600L700 600L700 562.5M400 312.5L400 275L225 275L50 275L50 250L50 225L225 225L400 225L400 187.5L400 150L450 150L500 150L500 187.5L500 225L725 225L950 225L950 250L950 275L725 275L500 275L500 312.5L500 350L450 350L400 350L400 312.5" />
73
+ <glyph glyph-name="sort-asc"
74
+ unicode="&#xEA16;"
75
+ horiz-adv-x="1000" d="M50 820L50 790L150 790L250 790L250 820L250 850L150 850L50 850L50 820M50 610L50 580L250 580L450 580L450 610L450 640L250 640L50 640L50 610M50 390L50 360L350 360L650 360L650 390L650 420L350 420L50 420L50 390M50 180L50 150L450 150L850 150L850 180L850 210L450 210L50 210L50 180" />
76
+ <glyph glyph-name="sort-desc"
77
+ unicode="&#xEA17;"
78
+ horiz-adv-x="1000" d="M50 820L50 790L450 790L850 790L850 820L850 850L450 850L50 850L50 820M50 610L50 580L350 580L650 580L650 610L650 640L350 640L50 640L50 610M50 390L50 360L250 360L450 360L450 390L450 420L250 420L50 420L50 390M50 180L50 150L150 150L250 150L250 180L250 210L150 210L50 210L50 180" />
79
+ <glyph glyph-name="sort-neutral"
80
+ unicode="&#xEA18;"
81
+ horiz-adv-x="1000" d="M50 820L50 790L350 790L650 790L650 820L650 850L350 850L50 850L50 820M50 610L50 580L150 580L250 580L250 610L250 640L150 640L50 640L50 610M50 390L50 360L450 360L850 360L850 390L850 420L450 420L50 420L50 390M50 180L50 150L250 150L450 150L450 180L450 210L250 210L50 210L50 180" />
82
+ <glyph glyph-name="version"
83
+ unicode="&#xEA19;"
84
+ horiz-adv-x="1000" d="M375 800L375 725L275 725L175 725L175 650L175 575L115 575L55 575L55 400L55 225L115 225L175 225L175 200L175 175L275 175L375 175L375 150L375 125L650 125L925 125L925 500L925 875L650 875L375 875L375 800M875 500L875 175L650 175L425 175L425 500L425 825L650 825L875 825L875 500M375 450L375 225L300 225L225 225L225 450L225 675L300 675L375 675L375 450M175 400L175 275L140 275L105 275L105 400L105 525L140 525L175 525L175 400" />
85
+ </font>
86
+ </defs>
87
+ </svg>
package/assets/kolicons/kolicons.ttf ADDED
Binary file
package/assets/kolicons/kolicons.woff ADDED
Binary file
package/assets/kolicons/kolicons.woff2 ADDED
Binary file
package/assets/kolicons/style.css ADDED
@@ -0,0 +1,44 @@
1
+ @font-face {
2
+ font-family: "kolicons";
3
+ src: url('kolicons.eot?t=1766114920646'); /* IE9*/
4
+ src: url('kolicons.eot?t=1766114920646#iefix') format('embedded-opentype'), /* IE6-IE8 */
5
+ url("kolicons.woff2?t=1766114920646") format("woff2"),
6
+ url("kolicons.woff?t=1766114920646") format("woff"),
7
+ url('kolicons.ttf?t=1766114920646') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
8
+ url('kolicons.svg?t=1766114920646#kolicons') format('svg'); /* iOS 4.1- */
9
+ }
10
+
11
+ [class^="kolicon-"], [class*=" kolicon-"] {
12
+ font-family: 'kolicons' !important;
13
+ font-size: 16px;
14
+ font-style:normal;
15
+ line-height: 1em;
16
+ -webkit-font-smoothing: antialiased;
17
+ -moz-osx-font-smoothing: grayscale;
18
+ }
19
+
20
+ .kolicon-alert-error::before { content: "\ea01"; }
21
+ .kolicon-alert-info::before { content: "\ea02"; }
22
+ .kolicon-alert-success::before { content: "\ea03"; }
23
+ .kolicon-alert-warning::before { content: "\ea04"; }
24
+ .kolicon-check::before { content: "\ea05"; }
25
+ .kolicon-chevron-double-left::before { content: "\ea06"; }
26
+ .kolicon-chevron-double-right::before { content: "\ea07"; }
27
+ .kolicon-chevron-down::before { content: "\ea08"; }
28
+ .kolicon-chevron-left::before { content: "\ea09"; }
29
+ .kolicon-chevron-right::before { content: "\ea0a"; }
30
+ .kolicon-chevron-up::before { content: "\ea0b"; }
31
+ .kolicon-cogwheel::before { content: "\ea0c"; }
32
+ .kolicon-cross::before { content: "\ea0d"; }
33
+ .kolicon-eye-closed::before { content: "\ea0e"; }
34
+ .kolicon-eye::before { content: "\ea0f"; }
35
+ .kolicon-kolibri::before { content: "\ea10"; }
36
+ .kolicon-link-external::before { content: "\ea11"; }
37
+ .kolicon-link::before { content: "\ea12"; }
38
+ .kolicon-minus::before { content: "\ea13"; }
39
+ .kolicon-plus::before { content: "\ea14"; }
40
+ .kolicon-settings::before { content: "\ea15"; }
41
+ .kolicon-sort-asc::before { content: "\ea16"; }
42
+ .kolicon-sort-desc::before { content: "\ea17"; }
43
+ .kolicon-sort-neutral::before { content: "\ea18"; }
44
+ .kolicon-version::before { content: "\ea19"; }
package/dist/index.cjs CHANGED
@@ -1226,7 +1226,7 @@ var css_248z$1C = "/* forward the rem function */\n@layer kol-theme-component {\
1226
1226
 
1227
1227
  var css_248z$1B = "/* forward the rem function */\n@layer kol-theme-component {\n :host {\n background-color: var(--color-mute);\n }\n .kol-nav {\n --kol-nav-item-padding-left: 0;\n --kol-nav-item-padding-right: 16;\n }\n .kol-nav__list {\n list-style: none;\n --kol-nav-nested-padding-left: calc(var(--kol-nav-item-padding-left) + 8);\n }\n .kol-nav__list-item {\n --kol-nav-item-padding-left: calc(var(--kol-nav-nested-padding-left) + 8);\n }\n .kol-nav__entry--link {\n display: flex;\n }\n .kol-nav__entry .kol-link,\n .kol-nav__entry .kol-button {\n color: var(--color-primary);\n display: flex;\n min-height: var(--a11y-min-size);\n padding-right: calc(var(--kol-nav-item-padding-right) * 1rem / var(--kolibri-root-font-size, 16));\n padding-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: center;\n text-decoration: none;\n }\n .kol-nav__entry .kol-link:focus-visible,\n .kol-nav__entry .kol-button:focus-visible {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-nav__list .kol-nav__entry .kol-link,\n .kol-nav__list .kol-nav__entry .kol-button {\n padding-left: calc(var(--kol-nav-item-padding-left) * 1rem / var(--kolibri-root-font-size, 16));\n border-left: 2px solid transparent;\n }\n .kol-nav__list-item--active > .kol-nav__entry-wrapper .kol-nav__entry .kol-link,\n .kol-nav__list-item--active > .kol-nav__entry-wrapper .kol-nav__entry .kol-button {\n border-left-color: var(--color-primary);\n }\n .kol-nav__list-item--active > .kol-nav__entry-wrapper .kol-nav__entry .kol-link,\n .kol-nav__list-item--active > .kol-nav__entry-wrapper .kol-nav__entry .kol-button {\n font-weight: bold;\n }\n .kol-nav__entry .kol-link:hover .kol-span__label,\n .kol-nav__entry .kol-button:hover .kol-span__label {\n text-decoration: underline;\n }\n .kol-nav__toggle-button .kol-button {\n margin-bottom: calc(5 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-nav__toggle-button .kol-button:focus {\n outline: none;\n }\n .kol-nav__toggle-button .kol-button:not([disabled]):hover {\n --text-background-color: var(--color-primary-variant);\n --text-border-color: var(--color-primary-variant);\n --text-color: var(--color-light);\n }\n .kol-nav__toggle-button .kol-button {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-light);\n --text-color: var(--color-primary);\n --text-box-shadow: none;\n }\n .kol-nav__toggle-button .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n border-radius: var(--border-radius);\n min-width: var(--a11y-min-size);\n min-height: var(--a11y-min-size);\n justify-content: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-nav__toggle-button .kol-button__text .kol-span__container {\n justify-content: center;\n }\n .kol-nav__toggle-button .kol-button__text:hover {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--text-border-color);\n }\n .kol-nav__toggle-button .kol-button--hide-label .kol-nav__toggle-button .kol-button__text {\n width: unset;\n padding: calc(12.8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-nav__toggle-button .kol-button--hide-label .kol-nav__toggle-button .kol-button__text .kol-span__label {\n display: none;\n }\n .kol-nav__toggle-button .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-nav__toggle-button .kol-button:disabled:hover .kol-nav__toggle-button .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: none;\n border-color: var(--text-border-color);\n }\n}";
1228
1228
 
1229
- var css_248z$1A = "/* forward the rem function */\n@layer kol-theme-component {\n @media (min-width: 1024px) {\n .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\n gap: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n }\n .kol-pagination .kol-button:focus .kol-button__text {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-pagination .kol-button:is(:active, :hover):not(:disabled) .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary-variant);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--color-primary-variant);\n }\n .kol-pagination .kol-button:active .kol-button__text {\n color: var(--color-light);\n outline: none;\n }\n .kol-pagination .kol-button__text {\n color: var(--color-primary);\n background-color: var(--color-light);\n border-radius: var(--border-radius);\n min-width: var(--a11y-min-size);\n min-height: var(--a11y-min-size);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n font-weight: 700;\n border: 1px solid var(--color-primary);\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-pagination__button--selected .kol-button {\n opacity: 1;\n }\n .kol-pagination__button--selected .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary);\n border: 0;\n }\n}";
1229
+ var css_248z$1A = "/* forward the rem function */\n@layer kol-theme-component {\n .kol-alert {\n background-color: var(--color-light);\n display: flex;\n width: 100%;\n overflow: unset;\n }\n .kol-alert--variant-msg {\n align-items: start;\n }\n .kol-alert--variant-card {\n filter: drop-shadow(0 calc(2 * 1rem / var(--kolibri-root-font-size, 16)) calc(4 * 1rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n border-radius: var(--border-radius);\n flex-direction: column;\n border: var(--border-width) solid var(--alert-accent-color);\n }\n .kol-alert--type-default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--type-error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--type-info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--type-success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--type-warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--variant-card .kol-alert__container {\n background-color: var(--alert-accent-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__closer {\n place-self: center;\n }\n .kol-alert__closer .kol-button {\n border-radius: 50%;\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n cursor: pointer;\n }\n .kol-alert--variant-msg .kol-alert__closer .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--variant-card .kol-alert__closer .kol-button {\n color: var(--color-light);\n }\n .kol-alert__closer .kol-icon {\n font-size: calc(19.2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--variant-card .kol-alert__heading {\n color: var(--color-light);\n display: flex;\n width: 100%;\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--variant-card .kol-alert__icon {\n margin-top: calc(-4 * 1rem / var(--kolibri-root-font-size, 16));\n justify-self: right;\n }\n .kol-alert--variant-card .kol-alert__content {\n padding: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hide-msg) {\n padding-left: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n border-left: 3px solid var(--color-danger);\n }\n .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__hint {\n font-size: calc(14.4 * 1rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field__counter--exceeded {\n color: var(--color-danger);\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-style: solid;\n border-radius: var(--border-radius);\n padding: 0 calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n border-width: 2px;\n -moz-column-gap: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n column-gap: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: stretch;\n }\n .kol-input-container__adornment {\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon:first-child {\n margin-left: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon:last-child {\n margin-right: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n color: var(--color-text);\n background-color: var(--color-mute);\n cursor: not-allowed;\n }\n .kol-input-container:not(.kol-input-container--disabled, .kol-input-container:has(.kol-input--readonly)):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:has(.kol-input:focus, .kol-select:focus, .kol-textarea:focus) {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-input-container:has(.kol-input--readonly), .kol-input-container:has(.kol-textarea--readonly), .kol-input-container--disabled {\n border-color: var(--color-mute-variant);\n border-width: 1px;\n border-bottom: 2px solid var(--color-subtle);\n }\n .kol-input-container:has(.kol-input--readonly) .kol-input-container__container, .kol-input-container:has(.kol-textarea--readonly) .kol-input-container__container, .kol-input-container--disabled .kol-input-container__container {\n padding-top: 1px;\n }\n .kol-input-container__smart-button {\n position: relative;\n z-index: 2;\n }\n .kol-input-container__smart-button .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:has(.kol-input:focus, .kol-select:focus, .kol-textarea:focus) {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n @media (min-width: 1024px) {\n .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\n gap: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n }\n .kol-pagination .kol-select {\n border: none;\n }\n .kol-pagination .kol-select[multiple] {\n overflow: auto;\n }\n .kol-pagination .kol-select__option {\n border-radius: var(--border-radius);\n margin: calc(1 * 1rem / var(--kolibri-root-font-size, 16)) 0;\n }\n .kol-pagination .kol-select__option:active:not(:disabled), .kol-pagination .kol-select__option:checked:not(:disabled), .kol-pagination .kol-select__option:focus:not(:disabled), .kol-pagination .kol-select__option:hover:not(:disabled) {\n color: var(--color-light);\n background-color: var(--color-primary-variant);\n }\n .kol-pagination .kol-select:not([multiple]) .kol-pagination .kol-select__option {\n padding: 0.5em;\n }\n .kol-pagination .kol-select:not([multiple], [size]) {\n height: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) {\n position: relative;\n padding: 0;\n gap: 0;\n grid-template-columns: auto max-content min-content;\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment {\n position: absolute;\n top: calc(-2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment--start {\n left: 0;\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment--end {\n right: 0;\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-select {\n border-left: calc(10 * 1rem / var(--kolibri-root-font-size, 16)) solid transparent;\n border-right: calc(10 * 1rem / var(--kolibri-root-font-size, 16)) solid transparent;\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])):has(.kol-input-container__adornment--start:not(:empty)) .kol-select {\n border-left-width: calc(38 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])):has(.kol-input-container__adornment--end:not(:empty)) .kol-select {\n border-right-width: calc(38 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])):has(.kol-input-container__adornment--end .kol-input-container__smart-button + .kol-input-container__icon) .kol-select {\n border-right-width: calc(76 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__container {\n position: relative;\n z-index: 1;\n }\n .kol-pagination .kol-button:focus .kol-button__text {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-pagination .kol-button:is(:active, :hover):not(:disabled) .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary-variant);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--color-primary-variant);\n }\n .kol-pagination .kol-button:active .kol-button__text {\n color: var(--color-light);\n outline: none;\n }\n .kol-pagination .kol-button__text {\n color: var(--color-primary);\n background-color: var(--color-light);\n border-radius: var(--border-radius);\n min-width: var(--a11y-min-size);\n min-height: var(--a11y-min-size);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n font-weight: 700;\n border: 1px solid var(--color-primary);\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-pagination__button--selected .kol-button {\n opacity: 1;\n }\n .kol-pagination__button--selected .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary);\n border: 0;\n }\n .kol-pagination__page-size-select .kol-form-field-select {\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n}";
1230
1230
 
1231
1231
  var css_248z$1z = "/* forward the rem function */\n@layer kol-theme-component {\n :host {\n --theme-visibility-delay: 0.5s;\n }\n .kol-button__text {\n border-style: solid;\n border-radius: var(--border-radius);\n border-width: var(--border-width);\n font-weight: 700;\n }\n .kol-button:focus {\n outline: none;\n }\n .kol-button--primary {\n --text-background-color: var(--color-primary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-light);\n }\n .kol-button--secondary {\n --text-background-color: var(--color-secondary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-button--tertiary {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-button--normal {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-text);\n --text-color: var(--color-text);\n }\n .kol-button--danger {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n --text-color: var(--color-light);\n }\n .kol-button--ghost {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-light);\n --text-color: var(--color-primary);\n --text-box-shadow: none;\n }\n .kol-button--primary:not([disabled], [aria-disabled=true]):hover, .kol-button--secondary:not([disabled], [aria-disabled=true]):hover, .kol-button--tertiary:not([disabled], [aria-disabled=true]):hover, .kol-button--normal:not([disabled], [aria-disabled=true]):hover, .kol-button--danger:not([disabled], [aria-disabled=true]):hover, .kol-button--ghost:not([disabled], [aria-disabled=true]):hover {\n --text-background-color: var(--color-primary-variant);\n --text-border-color: var(--color-primary-variant);\n --text-color: var(--color-light);\n position: relative;\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-button--danger:not([disabled], [aria-disabled=true]):hover {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n outline-color: var(--color-danger);\n }\n .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-button__text:hover {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--text-border-color);\n }\n .kol-button--hide-label .kol-button__text {\n padding: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-button--hide-label .kol-button__text .kol-span__label {\n display: none;\n }\n .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n position: relative;\n }\n .kol-button:is(:disabled, [aria-disabled=true]):hover .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: none;\n border-color: var(--text-border-color);\n }\n .kol-popover-button--inline {\n margin: 0 calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-popover-button--inline .kol-button__text {\n padding: 0;\n }\n}";
1232
1232
 
@@ -1240,13 +1240,13 @@ var css_248z$1v = "/* forward the rem function */\n@layer kol-theme-component {\
1240
1240
 
1241
1241
  var css_248z$1u = "/* forward the rem function */\n@layer kol-theme-component {\n .kol-split-button {\n border-color: var(--color-primary);\n border-style: solid;\n border-radius: var(--border-radius);\n min-width: var(--a11y-min-size);\n min-height: var(--a11y-min-size);\n border-width: var(--border-width);\n }\n .kol-split-button__button .kol-button .kol-span {\n border-bottom-left-radius: var(--border-radius);\n border-top-left-radius: var(--border-radius);\n }\n .kol-split-button__horizontal-line {\n background-color: var(--color-primary);\n border-radius: 2px;\n width: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-split-button__secondary-button {\n height: 100%;\n }\n .kol-split-button__secondary-button .kol-span {\n border-bottom-right-radius: var(--border-radius);\n border-top-right-radius: var(--border-radius);\n }\n .kol-split-button .kol-span {\n min-width: var(--a11y-min-size);\n min-height: var(--a11y-min-size);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n font-weight: 700;\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-split-button .kol-popover__content {\n background-color: #fff;\n }\n .kol-split-button :host {\n --theme-visibility-delay: 0.5s;\n }\n .kol-split-button .kol-button__text {\n border-style: solid;\n border-radius: var(--border-radius);\n border-width: var(--border-width);\n font-weight: 700;\n }\n .kol-split-button .kol-button:focus {\n outline: none;\n }\n .kol-split-button .kol-button--primary {\n --text-background-color: var(--color-primary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-light);\n }\n .kol-split-button .kol-button--secondary {\n --text-background-color: var(--color-secondary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-split-button .kol-button--tertiary {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-split-button .kol-button--normal {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-text);\n --text-color: var(--color-text);\n }\n .kol-split-button .kol-button--danger {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n --text-color: var(--color-light);\n }\n .kol-split-button .kol-button--ghost {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-light);\n --text-color: var(--color-primary);\n --text-box-shadow: none;\n }\n .kol-split-button .kol-button--primary:not([disabled], [aria-disabled=true]):hover, .kol-split-button .kol-button--secondary:not([disabled], [aria-disabled=true]):hover, .kol-split-button .kol-button--tertiary:not([disabled], [aria-disabled=true]):hover, .kol-split-button .kol-button--normal:not([disabled], [aria-disabled=true]):hover, .kol-split-button .kol-button--danger:not([disabled], [aria-disabled=true]):hover, .kol-split-button .kol-button--ghost:not([disabled], [aria-disabled=true]):hover {\n --text-background-color: var(--color-primary-variant);\n --text-border-color: var(--color-primary-variant);\n --text-color: var(--color-light);\n position: relative;\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-split-button .kol-button--danger:not([disabled], [aria-disabled=true]):hover {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n outline-color: var(--color-danger);\n }\n .kol-split-button .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-split-button .kol-button__text:hover {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--text-border-color);\n }\n .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text {\n padding: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text .kol-span__label {\n display: none;\n }\n .kol-split-button .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n position: relative;\n }\n .kol-split-button .kol-button:is(:disabled, [aria-disabled=true]):hover .kol-split-button .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: none;\n border-color: var(--text-border-color);\n }\n .kol-split-button__button .kol-button__text {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n .kol-split-button__secondary-button .kol-button__text {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n .kol-split-button .kol-button {\n height: 100%;\n }\n .kol-split-button .kol-button__text {\n height: 100%;\n border: none;\n }\n}";
1242
1242
 
1243
- var css_248z$1t = "/* forward the rem function */\n@layer kol-theme-component {\n .kol-table-settings {\n top: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n right: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__content {\n padding: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__content :host {\n --theme-visibility-delay: 0.5s;\n }\n .kol-table-settings__content .kol-button__text {\n border-style: solid;\n border-radius: var(--border-radius);\n border-width: var(--border-width);\n font-weight: 700;\n }\n .kol-table-settings__content .kol-button:focus {\n outline: none;\n }\n .kol-table-settings__content .kol-button--primary {\n --text-background-color: var(--color-primary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-light);\n }\n .kol-table-settings__content .kol-button--secondary {\n --text-background-color: var(--color-secondary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-table-settings__content .kol-button--tertiary {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-table-settings__content .kol-button--normal {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-text);\n --text-color: var(--color-text);\n }\n .kol-table-settings__content .kol-button--danger {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n --text-color: var(--color-light);\n }\n .kol-table-settings__content .kol-button--ghost {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-light);\n --text-color: var(--color-primary);\n --text-box-shadow: none;\n }\n .kol-table-settings__content .kol-button--primary:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--secondary:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--tertiary:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--normal:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--danger:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--ghost:not([disabled], [aria-disabled=true]):hover {\n --text-background-color: var(--color-primary-variant);\n --text-border-color: var(--color-primary-variant);\n --text-color: var(--color-light);\n position: relative;\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-table-settings__content .kol-button--danger:not([disabled], [aria-disabled=true]):hover {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n outline-color: var(--color-danger);\n }\n .kol-table-settings__content .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-table-settings__content .kol-button__text:hover {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--text-border-color);\n }\n .kol-table-settings__content .kol-button--hide-label .kol-table-settings__content .kol-button__text {\n padding: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__content .kol-button--hide-label .kol-table-settings__content .kol-button__text .kol-span__label {\n display: none;\n }\n .kol-table-settings__content .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n position: relative;\n }\n .kol-table-settings__content .kol-button:is(:disabled, [aria-disabled=true]):hover .kol-table-settings__content .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: none;\n border-color: var(--text-border-color);\n }\n .kol-table-settings__error-message {\n display: block;\n margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__columns {\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__actions {\n display: flex;\n margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n justify-content: flex-end;\n border-top: var(--border-width) solid var(--color-mute-variant);\n }\n .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-alert {\n background-color: var(--color-light);\n display: flex;\n width: 100%;\n overflow: unset;\n }\n .kol-alert--variant-msg {\n align-items: start;\n }\n .kol-alert--variant-card {\n filter: drop-shadow(0 calc(2 * 1rem / var(--kolibri-root-font-size, 16)) calc(4 * 1rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n border-radius: var(--border-radius);\n flex-direction: column;\n border: var(--border-width) solid var(--alert-accent-color);\n }\n .kol-alert--type-default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--type-error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--type-info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--type-success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--type-warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--variant-card .kol-alert__container {\n background-color: var(--alert-accent-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__closer {\n place-self: center;\n }\n .kol-alert__closer .kol-button {\n border-radius: 50%;\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n cursor: pointer;\n }\n .kol-alert--variant-msg .kol-alert__closer .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--variant-card .kol-alert__closer .kol-button {\n color: var(--color-light);\n }\n .kol-alert__closer .kol-icon {\n font-size: calc(19.2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--variant-card .kol-alert__heading {\n color: var(--color-light);\n display: flex;\n width: 100%;\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--variant-card .kol-alert__icon {\n margin-top: calc(-4 * 1rem / var(--kolibri-root-font-size, 16));\n justify-self: right;\n }\n .kol-alert--variant-card .kol-alert__content {\n padding: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n @media (min-width: 1024px) {\n .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\n gap: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n }\n .kol-pagination .kol-button:focus .kol-button__text {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-pagination .kol-button:is(:active, :hover):not(:disabled) .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary-variant);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--color-primary-variant);\n }\n .kol-pagination .kol-button:active .kol-button__text {\n color: var(--color-light);\n outline: none;\n }\n .kol-pagination .kol-button__text {\n color: var(--color-primary);\n background-color: var(--color-light);\n border-radius: var(--border-radius);\n min-width: var(--a11y-min-size);\n min-height: var(--a11y-min-size);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n font-weight: 700;\n border: 1px solid var(--color-primary);\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-pagination__button--selected .kol-button {\n opacity: 1;\n }\n .kol-pagination__button--selected .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary);\n border: 0;\n }\n :host {\n display: flex;\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n flex-direction: column;\n }\n .kol-table {\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__table {\n width: 100%;\n border-spacing: 0.075rem;\n }\n .kol-table__head {\n position: sticky;\n top: 0;\n }\n .kol-table__caption {\n min-height: calc(var(--a11y-min-size) + 2px);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) var(--a11y-min-size) calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__scroll-container {\n max-height: 80vh;\n overflow: auto;\n }\n .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {\n outline-color: var(--color-primary-variant);\n outline-style: solid;\n outline-width: 3px;\n outline-offset: 2px;\n transition: outline-offset 0.2s linear;\n }\n .kol-table__focus-element {\n outline: none;\n }\n .kol-table__cell {\n border-color: var(--color-primary);\n border-style: solid;\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n border-width: 0;\n border-bottom-width: calc(var(--border-width) * 2);\n }\n .kol-table__cell--header {\n color: var(--color-light);\n background-color: var(--color-primary);\n font-weight: normal;\n }\n .kol-table__cell--header .kol-button:focus {\n outline-color: var(--color-mute-variant);\n }\n .kol-table__cell--ascending, .kol-table__cell--descending {\n font-weight: 700;\n }\n .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n font-weight: 700;\n }\n .kol-table__selection {\n display: flex;\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: center;\n grid-template-columns: 1fr auto;\n }\n .kol-table__spacer {\n display: none;\n }\n .kol-table__selection {\n --kol-selection-input-main-color: var(--color-primary);\n --kol-selection-input-off-color: var(--color-subtle);\n --kol-selection-input-focus-color: var(--color-primary-variant);\n --kol-selection-input-hover-color: rgb(8, 35, 48, 0.24);\n --kol-selection-input-icon-color: var(--color-light);\n }\n .kol-table__selection-input:not(:disabled):hover {\n box-shadow: 0 2px 8px 2px var(--kol-selection-input-hover-color);\n border-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-input:focus {\n outline-color: var(--kol-selection-input-focus-color);\n outline-style: solid;\n outline-width: 3px;\n border-color: var(--kol-selection-input-main-color);\n outline-offset: 2px;\n }\n .kol-table__selection-input:focus:hover {\n box-shadow: none;\n }\n .kol-table__selection-input--checkbox {\n border-color: var(--kol-selection-input-off-color);\n border-radius: 5px;\n }\n .kol-table__selection-input--checkbox:checked {\n background-color: var(--kol-selection-input-main-color);\n border-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-input--radio {\n border-color: var(--kol-selection-input-off-color);\n display: flex;\n }\n .kol-table__selection-input--radio:checked {\n border-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-input--radio:checked:before {\n background-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-icon {\n color: var(--kol-selection-input-icon-color);\n }\n .kol-table__head-row .kol-table__selection {\n --kol-selection-input-main-color: var(--color-light);\n --kol-selection-input-off-color: var(--color-mute);\n --kol-selection-input-focus-color: var(--color-mute-variant);\n --kol-selection-input-hover-color: rgb(255, 255, 255, 0.24);\n --kol-selection-input-icon-color: var(--color-primary);\n }\n .kol-table__sort {\n display: inline-flex;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: center;\n }\n .kol-table__sort-order {\n color: var(--color-primary);\n background-color: var(--color-light);\n border-radius: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n min-width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n padding-right: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n padding-left: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n font-size: calc(11 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n @media (min-width: 1024px) {\n .kol-table-stateful .kol-pagination {\n display: flex;\n align-items: center;\n }\n }\n}";
1243
+ var css_248z$1t = "/* forward the rem function */\n@layer kol-theme-component {\n .kol-alert {\n background-color: var(--color-light);\n display: flex;\n width: 100%;\n overflow: unset;\n }\n .kol-alert--variant-msg {\n align-items: start;\n }\n .kol-alert--variant-card {\n filter: drop-shadow(0 calc(2 * 1rem / var(--kolibri-root-font-size, 16)) calc(4 * 1rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n border-radius: var(--border-radius);\n flex-direction: column;\n border: var(--border-width) solid var(--alert-accent-color);\n }\n .kol-alert--type-default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--type-error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--type-info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--type-success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--type-warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--variant-card .kol-alert__container {\n background-color: var(--alert-accent-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__closer {\n place-self: center;\n }\n .kol-alert__closer .kol-button {\n border-radius: 50%;\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n cursor: pointer;\n }\n .kol-alert--variant-msg .kol-alert__closer .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--variant-card .kol-alert__closer .kol-button {\n color: var(--color-light);\n }\n .kol-alert__closer .kol-icon {\n font-size: calc(19.2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--variant-card .kol-alert__heading {\n color: var(--color-light);\n display: flex;\n width: 100%;\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--variant-card .kol-alert__icon {\n margin-top: calc(-4 * 1rem / var(--kolibri-root-font-size, 16));\n justify-self: right;\n }\n .kol-alert--variant-card .kol-alert__content {\n padding: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hide-msg) {\n padding-left: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n border-left: 3px solid var(--color-danger);\n }\n .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__hint {\n font-size: calc(14.4 * 1rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field__counter--exceeded {\n color: var(--color-danger);\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-style: solid;\n border-radius: var(--border-radius);\n padding: 0 calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n border-width: 2px;\n -moz-column-gap: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n column-gap: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: stretch;\n }\n .kol-input-container__adornment {\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon:first-child {\n margin-left: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon:last-child {\n margin-right: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n color: var(--color-text);\n background-color: var(--color-mute);\n cursor: not-allowed;\n }\n .kol-input-container:not(.kol-input-container--disabled, .kol-input-container:has(.kol-input--readonly)):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:has(.kol-input:focus, .kol-select:focus, .kol-textarea:focus) {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-input-container:has(.kol-input--readonly), .kol-input-container:has(.kol-textarea--readonly), .kol-input-container--disabled {\n border-color: var(--color-mute-variant);\n border-width: 1px;\n border-bottom: 2px solid var(--color-subtle);\n }\n .kol-input-container:has(.kol-input--readonly) .kol-input-container__container, .kol-input-container:has(.kol-textarea--readonly) .kol-input-container__container, .kol-input-container--disabled .kol-input-container__container {\n padding-top: 1px;\n }\n .kol-input-container__smart-button {\n position: relative;\n z-index: 2;\n }\n .kol-input-container__smart-button .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:has(.kol-input:focus, .kol-select:focus, .kol-textarea:focus) {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-table-settings {\n top: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n right: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__content {\n padding: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__content :host {\n --theme-visibility-delay: 0.5s;\n }\n .kol-table-settings__content .kol-button__text {\n border-style: solid;\n border-radius: var(--border-radius);\n border-width: var(--border-width);\n font-weight: 700;\n }\n .kol-table-settings__content .kol-button:focus {\n outline: none;\n }\n .kol-table-settings__content .kol-button--primary {\n --text-background-color: var(--color-primary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-light);\n }\n .kol-table-settings__content .kol-button--secondary {\n --text-background-color: var(--color-secondary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-table-settings__content .kol-button--tertiary {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-table-settings__content .kol-button--normal {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-text);\n --text-color: var(--color-text);\n }\n .kol-table-settings__content .kol-button--danger {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n --text-color: var(--color-light);\n }\n .kol-table-settings__content .kol-button--ghost {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-light);\n --text-color: var(--color-primary);\n --text-box-shadow: none;\n }\n .kol-table-settings__content .kol-button--primary:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--secondary:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--tertiary:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--normal:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--danger:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--ghost:not([disabled], [aria-disabled=true]):hover {\n --text-background-color: var(--color-primary-variant);\n --text-border-color: var(--color-primary-variant);\n --text-color: var(--color-light);\n position: relative;\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-table-settings__content .kol-button--danger:not([disabled], [aria-disabled=true]):hover {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n outline-color: var(--color-danger);\n }\n .kol-table-settings__content .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-table-settings__content .kol-button__text:hover {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--text-border-color);\n }\n .kol-table-settings__content .kol-button--hide-label .kol-table-settings__content .kol-button__text {\n padding: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__content .kol-button--hide-label .kol-table-settings__content .kol-button__text .kol-span__label {\n display: none;\n }\n .kol-table-settings__content .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n position: relative;\n }\n .kol-table-settings__content .kol-button:is(:disabled, [aria-disabled=true]):hover .kol-table-settings__content .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: none;\n border-color: var(--text-border-color);\n }\n .kol-table-settings__error-message {\n display: block;\n margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__columns {\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__actions {\n display: flex;\n margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n justify-content: flex-end;\n border-top: var(--border-width) solid var(--color-mute-variant);\n }\n .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-alert {\n background-color: var(--color-light);\n display: flex;\n width: 100%;\n overflow: unset;\n }\n .kol-alert--variant-msg {\n align-items: start;\n }\n .kol-alert--variant-card {\n filter: drop-shadow(0 calc(2 * 1rem / var(--kolibri-root-font-size, 16)) calc(4 * 1rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n border-radius: var(--border-radius);\n flex-direction: column;\n border: var(--border-width) solid var(--alert-accent-color);\n }\n .kol-alert--type-default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--type-error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--type-info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--type-success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--type-warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--variant-card .kol-alert__container {\n background-color: var(--alert-accent-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__closer {\n place-self: center;\n }\n .kol-alert__closer .kol-button {\n border-radius: 50%;\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n cursor: pointer;\n }\n .kol-alert--variant-msg .kol-alert__closer .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--variant-card .kol-alert__closer .kol-button {\n color: var(--color-light);\n }\n .kol-alert__closer .kol-icon {\n font-size: calc(19.2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--variant-card .kol-alert__heading {\n color: var(--color-light);\n display: flex;\n width: 100%;\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--variant-card .kol-alert__icon {\n margin-top: calc(-4 * 1rem / var(--kolibri-root-font-size, 16));\n justify-self: right;\n }\n .kol-alert--variant-card .kol-alert__content {\n padding: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n @media (min-width: 1024px) {\n .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\n gap: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n }\n .kol-pagination .kol-select {\n border: none;\n }\n .kol-pagination .kol-select[multiple] {\n overflow: auto;\n }\n .kol-pagination .kol-select__option {\n border-radius: var(--border-radius);\n margin: calc(1 * 1rem / var(--kolibri-root-font-size, 16)) 0;\n }\n .kol-pagination .kol-select__option:active:not(:disabled), .kol-pagination .kol-select__option:checked:not(:disabled), .kol-pagination .kol-select__option:focus:not(:disabled), .kol-pagination .kol-select__option:hover:not(:disabled) {\n color: var(--color-light);\n background-color: var(--color-primary-variant);\n }\n .kol-pagination .kol-select:not([multiple]) .kol-pagination .kol-select__option {\n padding: 0.5em;\n }\n .kol-pagination .kol-select:not([multiple], [size]) {\n height: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) {\n position: relative;\n padding: 0;\n gap: 0;\n grid-template-columns: auto max-content min-content;\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment {\n position: absolute;\n top: calc(-2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment--start {\n left: 0;\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment--end {\n right: 0;\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-select {\n border-left: calc(10 * 1rem / var(--kolibri-root-font-size, 16)) solid transparent;\n border-right: calc(10 * 1rem / var(--kolibri-root-font-size, 16)) solid transparent;\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])):has(.kol-input-container__adornment--start:not(:empty)) .kol-select {\n border-left-width: calc(38 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])):has(.kol-input-container__adornment--end:not(:empty)) .kol-select {\n border-right-width: calc(38 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])):has(.kol-input-container__adornment--end .kol-input-container__smart-button + .kol-input-container__icon) .kol-select {\n border-right-width: calc(76 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__container {\n position: relative;\n z-index: 1;\n }\n .kol-pagination .kol-button:focus .kol-button__text {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-pagination .kol-button:is(:active, :hover):not(:disabled) .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary-variant);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--color-primary-variant);\n }\n .kol-pagination .kol-button:active .kol-button__text {\n color: var(--color-light);\n outline: none;\n }\n .kol-pagination .kol-button__text {\n color: var(--color-primary);\n background-color: var(--color-light);\n border-radius: var(--border-radius);\n min-width: var(--a11y-min-size);\n min-height: var(--a11y-min-size);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n font-weight: 700;\n border: 1px solid var(--color-primary);\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-pagination__button--selected .kol-button {\n opacity: 1;\n }\n .kol-pagination__button--selected .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary);\n border: 0;\n }\n .kol-pagination__page-size-select .kol-form-field-select {\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n :host {\n display: flex;\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n flex-direction: column;\n }\n .kol-table {\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__table {\n width: 100%;\n border-spacing: 0.075rem;\n }\n .kol-table__head {\n position: sticky;\n top: 0;\n }\n .kol-table__caption {\n min-height: calc(var(--a11y-min-size) + 2px);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) var(--a11y-min-size) calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__scroll-container {\n max-height: 80vh;\n overflow: auto;\n }\n .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {\n outline-color: var(--color-primary-variant);\n outline-style: solid;\n outline-width: 3px;\n outline-offset: 2px;\n transition: outline-offset 0.2s linear;\n }\n .kol-table__focus-element {\n outline: none;\n }\n .kol-table__cell {\n border-color: var(--color-primary);\n border-style: solid;\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n border-width: 0;\n border-bottom-width: calc(var(--border-width) * 2);\n }\n .kol-table__cell--header {\n color: var(--color-light);\n background-color: var(--color-primary);\n font-weight: normal;\n }\n .kol-table__cell--header .kol-button:focus {\n outline-color: var(--color-mute-variant);\n }\n .kol-table__cell--ascending, .kol-table__cell--descending {\n font-weight: 700;\n }\n .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n font-weight: 700;\n }\n .kol-table__selection {\n display: flex;\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: center;\n grid-template-columns: 1fr auto;\n }\n .kol-table__spacer {\n display: none;\n }\n .kol-table__selection {\n --kol-selection-input-main-color: var(--color-primary);\n --kol-selection-input-off-color: var(--color-subtle);\n --kol-selection-input-focus-color: var(--color-primary-variant);\n --kol-selection-input-hover-color: rgb(8, 35, 48, 0.24);\n --kol-selection-input-icon-color: var(--color-light);\n }\n .kol-table__selection-input:not(:disabled):hover {\n box-shadow: 0 2px 8px 2px var(--kol-selection-input-hover-color);\n border-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-input:focus {\n outline-color: var(--kol-selection-input-focus-color);\n outline-style: solid;\n outline-width: 3px;\n border-color: var(--kol-selection-input-main-color);\n outline-offset: 2px;\n }\n .kol-table__selection-input:focus:hover {\n box-shadow: none;\n }\n .kol-table__selection-input--checkbox {\n border-color: var(--kol-selection-input-off-color);\n border-radius: 5px;\n }\n .kol-table__selection-input--checkbox:checked {\n background-color: var(--kol-selection-input-main-color);\n border-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-input--radio {\n border-color: var(--kol-selection-input-off-color);\n display: flex;\n }\n .kol-table__selection-input--radio:checked {\n border-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-input--radio:checked:before {\n background-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-icon {\n color: var(--kol-selection-input-icon-color);\n }\n .kol-table__head-row .kol-table__selection {\n --kol-selection-input-main-color: var(--color-light);\n --kol-selection-input-off-color: var(--color-mute);\n --kol-selection-input-focus-color: var(--color-mute-variant);\n --kol-selection-input-hover-color: rgb(255, 255, 255, 0.24);\n --kol-selection-input-icon-color: var(--color-primary);\n }\n .kol-table__sort {\n display: inline-flex;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: center;\n }\n .kol-table__sort-order {\n color: var(--color-primary);\n background-color: var(--color-light);\n border-radius: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n min-width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n padding-right: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n padding-left: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n font-size: calc(11 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n @media (min-width: 1024px) {\n .kol-table-stateful .kol-pagination {\n display: flex;\n align-items: center;\n }\n }\n}";
1244
1244
 
1245
- var css_248z$1s = "/* forward the rem function */\n@layer kol-theme-component {\n .kol-table-settings {\n top: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n right: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__content {\n padding: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__content :host {\n --theme-visibility-delay: 0.5s;\n }\n .kol-table-settings__content .kol-button__text {\n border-style: solid;\n border-radius: var(--border-radius);\n border-width: var(--border-width);\n font-weight: 700;\n }\n .kol-table-settings__content .kol-button:focus {\n outline: none;\n }\n .kol-table-settings__content .kol-button--primary {\n --text-background-color: var(--color-primary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-light);\n }\n .kol-table-settings__content .kol-button--secondary {\n --text-background-color: var(--color-secondary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-table-settings__content .kol-button--tertiary {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-table-settings__content .kol-button--normal {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-text);\n --text-color: var(--color-text);\n }\n .kol-table-settings__content .kol-button--danger {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n --text-color: var(--color-light);\n }\n .kol-table-settings__content .kol-button--ghost {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-light);\n --text-color: var(--color-primary);\n --text-box-shadow: none;\n }\n .kol-table-settings__content .kol-button--primary:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--secondary:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--tertiary:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--normal:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--danger:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--ghost:not([disabled], [aria-disabled=true]):hover {\n --text-background-color: var(--color-primary-variant);\n --text-border-color: var(--color-primary-variant);\n --text-color: var(--color-light);\n position: relative;\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-table-settings__content .kol-button--danger:not([disabled], [aria-disabled=true]):hover {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n outline-color: var(--color-danger);\n }\n .kol-table-settings__content .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-table-settings__content .kol-button__text:hover {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--text-border-color);\n }\n .kol-table-settings__content .kol-button--hide-label .kol-table-settings__content .kol-button__text {\n padding: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__content .kol-button--hide-label .kol-table-settings__content .kol-button__text .kol-span__label {\n display: none;\n }\n .kol-table-settings__content .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n position: relative;\n }\n .kol-table-settings__content .kol-button:is(:disabled, [aria-disabled=true]):hover .kol-table-settings__content .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: none;\n border-color: var(--text-border-color);\n }\n .kol-table-settings__error-message {\n display: block;\n margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__columns {\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__actions {\n display: flex;\n margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n justify-content: flex-end;\n border-top: var(--border-width) solid var(--color-mute-variant);\n }\n .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-alert {\n background-color: var(--color-light);\n display: flex;\n width: 100%;\n overflow: unset;\n }\n .kol-alert--variant-msg {\n align-items: start;\n }\n .kol-alert--variant-card {\n filter: drop-shadow(0 calc(2 * 1rem / var(--kolibri-root-font-size, 16)) calc(4 * 1rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n border-radius: var(--border-radius);\n flex-direction: column;\n border: var(--border-width) solid var(--alert-accent-color);\n }\n .kol-alert--type-default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--type-error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--type-info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--type-success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--type-warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--variant-card .kol-alert__container {\n background-color: var(--alert-accent-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__closer {\n place-self: center;\n }\n .kol-alert__closer .kol-button {\n border-radius: 50%;\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n cursor: pointer;\n }\n .kol-alert--variant-msg .kol-alert__closer .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--variant-card .kol-alert__closer .kol-button {\n color: var(--color-light);\n }\n .kol-alert__closer .kol-icon {\n font-size: calc(19.2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--variant-card .kol-alert__heading {\n color: var(--color-light);\n display: flex;\n width: 100%;\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--variant-card .kol-alert__icon {\n margin-top: calc(-4 * 1rem / var(--kolibri-root-font-size, 16));\n justify-self: right;\n }\n .kol-alert--variant-card .kol-alert__content {\n padding: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n @media (min-width: 1024px) {\n .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\n gap: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n }\n .kol-pagination .kol-button:focus .kol-button__text {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-pagination .kol-button:is(:active, :hover):not(:disabled) .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary-variant);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--color-primary-variant);\n }\n .kol-pagination .kol-button:active .kol-button__text {\n color: var(--color-light);\n outline: none;\n }\n .kol-pagination .kol-button__text {\n color: var(--color-primary);\n background-color: var(--color-light);\n border-radius: var(--border-radius);\n min-width: var(--a11y-min-size);\n min-height: var(--a11y-min-size);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n font-weight: 700;\n border: 1px solid var(--color-primary);\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-pagination__button--selected .kol-button {\n opacity: 1;\n }\n .kol-pagination__button--selected .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary);\n border: 0;\n }\n :host {\n display: flex;\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n flex-direction: column;\n }\n .kol-table {\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__table {\n width: 100%;\n border-spacing: 0.075rem;\n }\n .kol-table__head {\n position: sticky;\n top: 0;\n }\n .kol-table__caption {\n min-height: calc(var(--a11y-min-size) + 2px);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) var(--a11y-min-size) calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__scroll-container {\n max-height: 80vh;\n overflow: auto;\n }\n .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {\n outline-color: var(--color-primary-variant);\n outline-style: solid;\n outline-width: 3px;\n outline-offset: 2px;\n transition: outline-offset 0.2s linear;\n }\n .kol-table__focus-element {\n outline: none;\n }\n .kol-table__cell {\n border-color: var(--color-primary);\n border-style: solid;\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n border-width: 0;\n border-bottom-width: calc(var(--border-width) * 2);\n }\n .kol-table__cell--header {\n color: var(--color-light);\n background-color: var(--color-primary);\n font-weight: normal;\n }\n .kol-table__cell--header .kol-button:focus {\n outline-color: var(--color-mute-variant);\n }\n .kol-table__cell--ascending, .kol-table__cell--descending {\n font-weight: 700;\n }\n .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n font-weight: 700;\n }\n .kol-table__selection {\n display: flex;\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: center;\n grid-template-columns: 1fr auto;\n }\n .kol-table__spacer {\n display: none;\n }\n .kol-table__selection {\n --kol-selection-input-main-color: var(--color-primary);\n --kol-selection-input-off-color: var(--color-subtle);\n --kol-selection-input-focus-color: var(--color-primary-variant);\n --kol-selection-input-hover-color: rgb(8, 35, 48, 0.24);\n --kol-selection-input-icon-color: var(--color-light);\n }\n .kol-table__selection-input:not(:disabled):hover {\n box-shadow: 0 2px 8px 2px var(--kol-selection-input-hover-color);\n border-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-input:focus {\n outline-color: var(--kol-selection-input-focus-color);\n outline-style: solid;\n outline-width: 3px;\n border-color: var(--kol-selection-input-main-color);\n outline-offset: 2px;\n }\n .kol-table__selection-input:focus:hover {\n box-shadow: none;\n }\n .kol-table__selection-input--checkbox {\n border-color: var(--kol-selection-input-off-color);\n border-radius: 5px;\n }\n .kol-table__selection-input--checkbox:checked {\n background-color: var(--kol-selection-input-main-color);\n border-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-input--radio {\n border-color: var(--kol-selection-input-off-color);\n display: flex;\n }\n .kol-table__selection-input--radio:checked {\n border-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-input--radio:checked:before {\n background-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-icon {\n color: var(--kol-selection-input-icon-color);\n }\n .kol-table__head-row .kol-table__selection {\n --kol-selection-input-main-color: var(--color-light);\n --kol-selection-input-off-color: var(--color-mute);\n --kol-selection-input-focus-color: var(--color-mute-variant);\n --kol-selection-input-hover-color: rgb(255, 255, 255, 0.24);\n --kol-selection-input-icon-color: var(--color-primary);\n }\n .kol-table__sort {\n display: inline-flex;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: center;\n }\n .kol-table__sort-order {\n color: var(--color-primary);\n background-color: var(--color-light);\n border-radius: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n min-width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n padding-right: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n padding-left: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n font-size: calc(11 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n}";
1245
+ var css_248z$1s = "/* forward the rem function */\n@layer kol-theme-component {\n .kol-alert {\n background-color: var(--color-light);\n display: flex;\n width: 100%;\n overflow: unset;\n }\n .kol-alert--variant-msg {\n align-items: start;\n }\n .kol-alert--variant-card {\n filter: drop-shadow(0 calc(2 * 1rem / var(--kolibri-root-font-size, 16)) calc(4 * 1rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n border-radius: var(--border-radius);\n flex-direction: column;\n border: var(--border-width) solid var(--alert-accent-color);\n }\n .kol-alert--type-default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--type-error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--type-info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--type-success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--type-warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--variant-card .kol-alert__container {\n background-color: var(--alert-accent-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__closer {\n place-self: center;\n }\n .kol-alert__closer .kol-button {\n border-radius: 50%;\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n cursor: pointer;\n }\n .kol-alert--variant-msg .kol-alert__closer .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--variant-card .kol-alert__closer .kol-button {\n color: var(--color-light);\n }\n .kol-alert__closer .kol-icon {\n font-size: calc(19.2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--variant-card .kol-alert__heading {\n color: var(--color-light);\n display: flex;\n width: 100%;\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--variant-card .kol-alert__icon {\n margin-top: calc(-4 * 1rem / var(--kolibri-root-font-size, 16));\n justify-self: right;\n }\n .kol-alert--variant-card .kol-alert__content {\n padding: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hide-msg) {\n padding-left: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n border-left: 3px solid var(--color-danger);\n }\n .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__hint {\n font-size: calc(14.4 * 1rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field__counter--exceeded {\n color: var(--color-danger);\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-style: solid;\n border-radius: var(--border-radius);\n padding: 0 calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n border-width: 2px;\n -moz-column-gap: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n column-gap: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: stretch;\n }\n .kol-input-container__adornment {\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon:first-child {\n margin-left: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon:last-child {\n margin-right: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n color: var(--color-text);\n background-color: var(--color-mute);\n cursor: not-allowed;\n }\n .kol-input-container:not(.kol-input-container--disabled, .kol-input-container:has(.kol-input--readonly)):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:has(.kol-input:focus, .kol-select:focus, .kol-textarea:focus) {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-input-container:has(.kol-input--readonly), .kol-input-container:has(.kol-textarea--readonly), .kol-input-container--disabled {\n border-color: var(--color-mute-variant);\n border-width: 1px;\n border-bottom: 2px solid var(--color-subtle);\n }\n .kol-input-container:has(.kol-input--readonly) .kol-input-container__container, .kol-input-container:has(.kol-textarea--readonly) .kol-input-container__container, .kol-input-container--disabled .kol-input-container__container {\n padding-top: 1px;\n }\n .kol-input-container__smart-button {\n position: relative;\n z-index: 2;\n }\n .kol-input-container__smart-button .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:has(.kol-input:focus, .kol-select:focus, .kol-textarea:focus) {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-table-settings {\n top: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n right: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__content {\n padding: calc(24 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__content :host {\n --theme-visibility-delay: 0.5s;\n }\n .kol-table-settings__content .kol-button__text {\n border-style: solid;\n border-radius: var(--border-radius);\n border-width: var(--border-width);\n font-weight: 700;\n }\n .kol-table-settings__content .kol-button:focus {\n outline: none;\n }\n .kol-table-settings__content .kol-button--primary {\n --text-background-color: var(--color-primary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-light);\n }\n .kol-table-settings__content .kol-button--secondary {\n --text-background-color: var(--color-secondary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-table-settings__content .kol-button--tertiary {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-table-settings__content .kol-button--normal {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-text);\n --text-color: var(--color-text);\n }\n .kol-table-settings__content .kol-button--danger {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n --text-color: var(--color-light);\n }\n .kol-table-settings__content .kol-button--ghost {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-light);\n --text-color: var(--color-primary);\n --text-box-shadow: none;\n }\n .kol-table-settings__content .kol-button--primary:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--secondary:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--tertiary:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--normal:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--danger:not([disabled], [aria-disabled=true]):hover, .kol-table-settings__content .kol-button--ghost:not([disabled], [aria-disabled=true]):hover {\n --text-background-color: var(--color-primary-variant);\n --text-border-color: var(--color-primary-variant);\n --text-color: var(--color-light);\n position: relative;\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-table-settings__content .kol-button--danger:not([disabled], [aria-disabled=true]):hover {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n outline-color: var(--color-danger);\n }\n .kol-table-settings__content .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-table-settings__content .kol-button__text:hover {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--text-border-color);\n }\n .kol-table-settings__content .kol-button--hide-label .kol-table-settings__content .kol-button__text {\n padding: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__content .kol-button--hide-label .kol-table-settings__content .kol-button__text .kol-span__label {\n display: none;\n }\n .kol-table-settings__content .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n position: relative;\n }\n .kol-table-settings__content .kol-button:is(:disabled, [aria-disabled=true]):hover .kol-table-settings__content .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: none;\n border-color: var(--text-border-color);\n }\n .kol-table-settings__error-message {\n display: block;\n margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__columns {\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table-settings__actions {\n display: flex;\n margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n justify-content: flex-end;\n border-top: var(--border-width) solid var(--color-mute-variant);\n }\n .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-alert {\n background-color: var(--color-light);\n display: flex;\n width: 100%;\n overflow: unset;\n }\n .kol-alert--variant-msg {\n align-items: start;\n }\n .kol-alert--variant-card {\n filter: drop-shadow(0 calc(2 * 1rem / var(--kolibri-root-font-size, 16)) calc(4 * 1rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n border-radius: var(--border-radius);\n flex-direction: column;\n border: var(--border-width) solid var(--alert-accent-color);\n }\n .kol-alert--type-default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--type-error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--type-info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--type-success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--type-warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--variant-card .kol-alert__container {\n background-color: var(--alert-accent-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__closer {\n place-self: center;\n }\n .kol-alert__closer .kol-button {\n border-radius: 50%;\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n cursor: pointer;\n }\n .kol-alert--variant-msg .kol-alert__closer .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--variant-card .kol-alert__closer .kol-button {\n color: var(--color-light);\n }\n .kol-alert__closer .kol-icon {\n font-size: calc(19.2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--variant-card .kol-alert__heading {\n color: var(--color-light);\n display: flex;\n width: 100%;\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--variant-card .kol-alert__icon {\n margin-top: calc(-4 * 1rem / var(--kolibri-root-font-size, 16));\n justify-self: right;\n }\n .kol-alert--variant-card .kol-alert__content {\n padding: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n @media (min-width: 1024px) {\n .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\n gap: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n }\n .kol-pagination .kol-select {\n border: none;\n }\n .kol-pagination .kol-select[multiple] {\n overflow: auto;\n }\n .kol-pagination .kol-select__option {\n border-radius: var(--border-radius);\n margin: calc(1 * 1rem / var(--kolibri-root-font-size, 16)) 0;\n }\n .kol-pagination .kol-select__option:active:not(:disabled), .kol-pagination .kol-select__option:checked:not(:disabled), .kol-pagination .kol-select__option:focus:not(:disabled), .kol-pagination .kol-select__option:hover:not(:disabled) {\n color: var(--color-light);\n background-color: var(--color-primary-variant);\n }\n .kol-pagination .kol-select:not([multiple]) .kol-pagination .kol-select__option {\n padding: 0.5em;\n }\n .kol-pagination .kol-select:not([multiple], [size]) {\n height: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) {\n position: relative;\n padding: 0;\n gap: 0;\n grid-template-columns: auto max-content min-content;\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment {\n position: absolute;\n top: calc(-2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment--start {\n left: 0;\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment--end {\n right: 0;\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-select {\n border-left: calc(10 * 1rem / var(--kolibri-root-font-size, 16)) solid transparent;\n border-right: calc(10 * 1rem / var(--kolibri-root-font-size, 16)) solid transparent;\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])):has(.kol-input-container__adornment--start:not(:empty)) .kol-select {\n border-left-width: calc(38 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])):has(.kol-input-container__adornment--end:not(:empty)) .kol-select {\n border-right-width: calc(38 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])):has(.kol-input-container__adornment--end .kol-input-container__smart-button + .kol-input-container__icon) .kol-select {\n border-right-width: calc(76 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination .kol-input-container:has(:not(.kol-select[multiple])) .kol-input-container__container {\n position: relative;\n z-index: 1;\n }\n .kol-pagination .kol-button:focus .kol-button__text {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-pagination .kol-button:is(:active, :hover):not(:disabled) .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary-variant);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--color-primary-variant);\n }\n .kol-pagination .kol-button:active .kol-button__text {\n color: var(--color-light);\n outline: none;\n }\n .kol-pagination .kol-button__text {\n color: var(--color-primary);\n background-color: var(--color-light);\n border-radius: var(--border-radius);\n min-width: var(--a11y-min-size);\n min-height: var(--a11y-min-size);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n font-weight: 700;\n border: 1px solid var(--color-primary);\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-pagination__button--selected .kol-button {\n opacity: 1;\n }\n .kol-pagination__button--selected .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary);\n border: 0;\n }\n .kol-pagination__page-size-select .kol-form-field-select {\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n :host {\n display: flex;\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n flex-direction: column;\n }\n .kol-table {\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__table {\n width: 100%;\n border-spacing: 0.075rem;\n }\n .kol-table__head {\n position: sticky;\n top: 0;\n }\n .kol-table__caption {\n min-height: calc(var(--a11y-min-size) + 2px);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) var(--a11y-min-size) calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__scroll-container {\n max-height: 80vh;\n overflow: auto;\n }\n .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {\n outline-color: var(--color-primary-variant);\n outline-style: solid;\n outline-width: 3px;\n outline-offset: 2px;\n transition: outline-offset 0.2s linear;\n }\n .kol-table__focus-element {\n outline: none;\n }\n .kol-table__cell {\n border-color: var(--color-primary);\n border-style: solid;\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n border-width: 0;\n border-bottom-width: calc(var(--border-width) * 2);\n }\n .kol-table__cell--header {\n color: var(--color-light);\n background-color: var(--color-primary);\n font-weight: normal;\n }\n .kol-table__cell--header .kol-button:focus {\n outline-color: var(--color-mute-variant);\n }\n .kol-table__cell--ascending, .kol-table__cell--descending {\n font-weight: 700;\n }\n .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n font-weight: 700;\n }\n .kol-table__selection {\n display: flex;\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: center;\n grid-template-columns: 1fr auto;\n }\n .kol-table__spacer {\n display: none;\n }\n .kol-table__selection {\n --kol-selection-input-main-color: var(--color-primary);\n --kol-selection-input-off-color: var(--color-subtle);\n --kol-selection-input-focus-color: var(--color-primary-variant);\n --kol-selection-input-hover-color: rgb(8, 35, 48, 0.24);\n --kol-selection-input-icon-color: var(--color-light);\n }\n .kol-table__selection-input:not(:disabled):hover {\n box-shadow: 0 2px 8px 2px var(--kol-selection-input-hover-color);\n border-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-input:focus {\n outline-color: var(--kol-selection-input-focus-color);\n outline-style: solid;\n outline-width: 3px;\n border-color: var(--kol-selection-input-main-color);\n outline-offset: 2px;\n }\n .kol-table__selection-input:focus:hover {\n box-shadow: none;\n }\n .kol-table__selection-input--checkbox {\n border-color: var(--kol-selection-input-off-color);\n border-radius: 5px;\n }\n .kol-table__selection-input--checkbox:checked {\n background-color: var(--kol-selection-input-main-color);\n border-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-input--radio {\n border-color: var(--kol-selection-input-off-color);\n display: flex;\n }\n .kol-table__selection-input--radio:checked {\n border-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-input--radio:checked:before {\n background-color: var(--kol-selection-input-main-color);\n }\n .kol-table__selection-icon {\n color: var(--kol-selection-input-icon-color);\n }\n .kol-table__head-row .kol-table__selection {\n --kol-selection-input-main-color: var(--color-light);\n --kol-selection-input-off-color: var(--color-mute);\n --kol-selection-input-focus-color: var(--color-mute-variant);\n --kol-selection-input-hover-color: rgb(255, 255, 255, 0.24);\n --kol-selection-input-icon-color: var(--color-primary);\n }\n .kol-table__sort {\n display: inline-flex;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: center;\n }\n .kol-table__sort-order {\n color: var(--color-primary);\n background-color: var(--color-light);\n border-radius: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n min-width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n padding-right: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n padding-left: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n font-size: calc(11 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n}";
1246
1246
 
1247
1247
  var css_248z$1r = "/* forward the rem function */\n@layer kol-theme-component {\n .kol-tabs {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: var(--grid-template-rows);\n }\n .kol-tabs--align-right {\n --display: grid;\n --grid-template-columns: 1fr auto;\n --button-group-display: grid;\n --button-group-order: 1;\n }\n .kol-tabs--align-left {\n --display: grid;\n --grid-template-columns: auto 1fr;\n --button-group-order: 0;\n }\n .kol-tabs--align-bottom {\n --display: flex;\n --grid-template-rows: 1fr auto;\n --button-group-gap: calc(32 * 1rem / var(--kolibri-root-font-size, 16));\n --button-group-order: 1;\n }\n .kol-tabs--align-top {\n --display: flex;\n --grid-template-rows: auto 1fr;\n --button-group-gap: calc(32 * 1rem / var(--kolibri-root-font-size, 16));\n --button-group-order: 0;\n }\n .kol-tabs__button-group {\n display: var(--display);\n gap: var(--button-group-gap);\n order: var(--button-group-order);\n flex-wrap: wrap;\n }\n .kol-tabs .kol-button {\n color: var(--color-subtle);\n background-color: transparent;\n border-radius: var(--border-radius);\n min-width: var(--a11y-min-size);\n min-height: var(--a11y-min-size);\n padding: 0;\n font-size: calc(18 * 1rem / var(--kolibri-root-font-size, 16));\n font-weight: 700;\n line-height: 1.2;\n border: none;\n font-style: normal;\n }\n .kol-tabs .kol-button:hover {\n color: var(--color-primary);\n }\n .kol-tabs .kol-button.primary, .kol-tabs .kol-button.selected {\n color: var(--color-primary);\n }\n .kol-tabs .kol-button:not(.kol-tabs .kol-button.selected) .kol-span__container {\n padding-bottom: 0.25em;\n }\n .kol-tabs .kol-button.selected .kol-span__container {\n border-bottom: 0.25em solid;\n }\n .kol-tabs .kol-button .kol-span__container {\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tabs__content {\n padding: 0.25em 0;\n }\n .kol-tabs__panel {\n height: 100%;\n }\n .kol-tabs .kol-button-wc {\n width: 100%;\n }\n}";
1248
1248
 
1249
- var css_248z$1q = "/* forward the rem function */\n@layer kol-theme-component {\n .kol-alert {\n background-color: var(--color-light);\n display: flex;\n width: 100%;\n overflow: unset;\n }\n .kol-alert--variant-msg {\n align-items: start;\n }\n .kol-alert--variant-card {\n filter: drop-shadow(0 calc(2 * 1rem / var(--kolibri-root-font-size, 16)) calc(4 * 1rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n border-radius: var(--border-radius);\n flex-direction: column;\n border: var(--border-width) solid var(--alert-accent-color);\n }\n .kol-alert--type-default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--type-error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--type-info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--type-success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--type-warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--variant-card .kol-alert__container {\n background-color: var(--alert-accent-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__closer {\n place-self: center;\n }\n .kol-alert__closer .kol-button {\n border-radius: 50%;\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n cursor: pointer;\n }\n .kol-alert--variant-msg .kol-alert__closer .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--variant-card .kol-alert__closer .kol-button {\n color: var(--color-light);\n }\n .kol-alert__closer .kol-icon {\n font-size: calc(19.2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--variant-card .kol-alert__heading {\n color: var(--color-light);\n display: flex;\n width: 100%;\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--variant-card .kol-alert__icon {\n margin-top: calc(-4 * 1rem / var(--kolibri-root-font-size, 16));\n justify-self: right;\n }\n .kol-alert--variant-card .kol-alert__content {\n padding: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hide-msg) {\n padding-left: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n border-left: 3px solid var(--color-danger);\n }\n .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__hint {\n font-size: calc(14.4 * 1rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field__counter--exceeded {\n color: var(--color-danger);\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-style: solid;\n border-radius: var(--border-radius);\n padding: 0 calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n border-width: 2px;\n -moz-column-gap: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n column-gap: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: stretch;\n }\n .kol-input-container__adornment {\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon:first-child {\n margin-left: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon:last-child {\n margin-right: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n color: var(--color-text);\n background-color: var(--color-mute);\n cursor: not-allowed;\n }\n .kol-input-container:not(.kol-input-container--disabled, .kol-input-container:has(.kol-input--readonly)):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:has(.kol-input:focus, .kol-select:focus, .kol-textarea:focus) {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-input-container:has(.kol-input--readonly), .kol-input-container:has(.kol-textarea--readonly), .kol-input-container--disabled {\n border-color: var(--color-mute-variant);\n border-width: 1px;\n border-bottom: 2px solid var(--color-subtle);\n }\n .kol-input-container:has(.kol-input--readonly) .kol-input-container__container, .kol-input-container:has(.kol-textarea--readonly) .kol-input-container__container, .kol-input-container--disabled .kol-input-container__container {\n padding-top: 1px;\n }\n .kol-input-container__smart-button {\n position: relative;\n z-index: 2;\n }\n .kol-input-container__smart-button .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:has(.kol-input:focus, .kol-select:focus, .kol-textarea:focus) {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-input {\n background-color: transparent;\n height: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n border: none;\n }\n .kol-input::-moz-placeholder {\n color: var(--color-subtle);\n }\n .kol-input::placeholder {\n color: var(--color-subtle);\n }\n .kol-input-container {\n position: relative;\n padding: 0;\n gap: 0;\n grid-template-columns: auto max-content min-content;\n }\n .kol-input-container__adornment {\n position: absolute;\n top: calc(-2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start {\n left: 0;\n }\n .kol-input-container__adornment--end {\n right: 0;\n }\n .kol-input-container:has(.kol-input-container__adornment--start:not(:empty)) .kol-input {\n padding-left: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container:has(.kol-input-container__adornment--start .kol-input-container__smart-button + .kol-input-container__icon) .kol-input {\n padding-left: calc(76 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container:has(.kol-input-container__adornment--end:not(:empty)) .kol-input {\n padding-right: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container:has(.kol-input-container__adornment--end .kol-input-container__icon + .kol-input-container__smart-button) .kol-input {\n padding-right: calc(76 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__container {\n position: relative;\n z-index: 1;\n }\n}\n@layer kol-theme-component {\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__counter {\n order: 4;\n }\n .kol-form-field__hint {\n order: 5;\n }\n .kol-textarea {\n background-color: transparent;\n display: block;\n height: 100%;\n padding: 0 to-rem(8);\n overflow: auto;\n border: none;\n }\n .kol-textarea::-moz-placeholder {\n color: var(--color-subtle);\n }\n .kol-textarea::placeholder {\n color: var(--color-subtle);\n }\n}";
1249
+ var css_248z$1q = "/* forward the rem function */\n@layer kol-theme-component {\n .kol-alert {\n background-color: var(--color-light);\n display: flex;\n width: 100%;\n overflow: unset;\n }\n .kol-alert--variant-msg {\n align-items: start;\n }\n .kol-alert--variant-card {\n filter: drop-shadow(0 calc(2 * 1rem / var(--kolibri-root-font-size, 16)) calc(4 * 1rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n border-radius: var(--border-radius);\n flex-direction: column;\n border: var(--border-width) solid var(--alert-accent-color);\n }\n .kol-alert--type-default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--type-error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--type-info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--type-success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--type-warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--variant-card .kol-alert__container {\n background-color: var(--alert-accent-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__closer {\n place-self: center;\n }\n .kol-alert__closer .kol-button {\n border-radius: 50%;\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n cursor: pointer;\n }\n .kol-alert--variant-msg .kol-alert__closer .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--variant-card .kol-alert__closer .kol-button {\n color: var(--color-light);\n }\n .kol-alert__closer .kol-icon {\n font-size: calc(19.2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--variant-card .kol-alert__heading {\n color: var(--color-light);\n display: flex;\n width: 100%;\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--variant-card .kol-alert__icon {\n margin-top: calc(-4 * 1rem / var(--kolibri-root-font-size, 16));\n justify-self: right;\n }\n .kol-alert--variant-card .kol-alert__content {\n padding: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hide-msg) {\n padding-left: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n border-left: 3px solid var(--color-danger);\n }\n .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__hint {\n font-size: calc(14.4 * 1rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field__counter--exceeded {\n color: var(--color-danger);\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-style: solid;\n border-radius: var(--border-radius);\n padding: 0 calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n border-width: 2px;\n -moz-column-gap: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n column-gap: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: stretch;\n }\n .kol-input-container__adornment {\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon:first-child {\n margin-left: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon:last-child {\n margin-right: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n color: var(--color-text);\n background-color: var(--color-mute);\n cursor: not-allowed;\n }\n .kol-input-container:not(.kol-input-container--disabled, .kol-input-container:has(.kol-input--readonly)):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:has(.kol-input:focus, .kol-select:focus, .kol-textarea:focus) {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-input-container:has(.kol-input--readonly), .kol-input-container:has(.kol-textarea--readonly), .kol-input-container--disabled {\n border-color: var(--color-mute-variant);\n border-width: 1px;\n border-bottom: 2px solid var(--color-subtle);\n }\n .kol-input-container:has(.kol-input--readonly) .kol-input-container__container, .kol-input-container:has(.kol-textarea--readonly) .kol-input-container__container, .kol-input-container--disabled .kol-input-container__container {\n padding-top: 1px;\n }\n .kol-input-container__smart-button {\n position: relative;\n z-index: 2;\n }\n .kol-input-container__smart-button .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:has(.kol-input:focus, .kol-select:focus, .kol-textarea:focus) {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-input {\n background-color: transparent;\n height: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n border: none;\n }\n .kol-input::-moz-placeholder {\n color: var(--color-subtle);\n }\n .kol-input::placeholder {\n color: var(--color-subtle);\n }\n .kol-input-container {\n position: relative;\n padding: 0;\n gap: 0;\n grid-template-columns: auto max-content min-content;\n }\n .kol-input-container__adornment {\n position: absolute;\n top: calc(-2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start {\n left: 0;\n }\n .kol-input-container__adornment--end {\n right: 0;\n }\n .kol-input-container:has(.kol-input-container__adornment--start:not(:empty)) .kol-input {\n padding-left: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container:has(.kol-input-container__adornment--start .kol-input-container__smart-button + .kol-input-container__icon) .kol-input {\n padding-left: calc(76 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container:has(.kol-input-container__adornment--end:not(:empty)) .kol-input {\n padding-right: calc(48 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container:has(.kol-input-container__adornment--end .kol-input-container__icon + .kol-input-container__smart-button) .kol-input {\n padding-right: calc(76 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__container {\n position: relative;\n z-index: 1;\n }\n}\n@layer kol-theme-component {\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__counter {\n order: 4;\n }\n .kol-form-field__hint {\n order: 5;\n }\n .kol-textarea {\n background-color: transparent;\n display: block;\n height: 100%;\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n overflow: auto;\n line-height: 1.5em;\n border: none;\n }\n .kol-textarea::-moz-placeholder {\n color: var(--color-subtle);\n }\n .kol-textarea::placeholder {\n color: var(--color-subtle);\n }\n}";
1250
1250
 
1251
1251
  var css_248z$1p = "/* forward the rem function */\n@layer kol-theme-component {\n .kol-alert {\n background-color: var(--color-light);\n display: flex;\n width: 100%;\n overflow: unset;\n }\n .kol-alert--variant-msg {\n align-items: start;\n }\n .kol-alert--variant-card {\n filter: drop-shadow(0 calc(2 * 1rem / var(--kolibri-root-font-size, 16)) calc(4 * 1rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n border-radius: var(--border-radius);\n flex-direction: column;\n border: var(--border-width) solid var(--alert-accent-color);\n }\n .kol-alert--type-default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--type-error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--type-info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--type-success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--type-warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--variant-card .kol-alert__container {\n background-color: var(--alert-accent-color);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__closer {\n place-self: center;\n }\n .kol-alert__closer .kol-button {\n border-radius: 50%;\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n cursor: pointer;\n }\n .kol-alert--variant-msg .kol-alert__closer .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--variant-card .kol-alert__closer .kol-button {\n color: var(--color-light);\n }\n .kol-alert__closer .kol-icon {\n font-size: calc(19.2 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--variant-card .kol-alert__heading {\n color: var(--color-light);\n display: flex;\n width: 100%;\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n font-size: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--variant-msg .kol-alert__icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--variant-card .kol-alert__icon {\n margin-top: calc(-4 * 1rem / var(--kolibri-root-font-size, 16));\n justify-self: right;\n }\n .kol-alert--variant-card .kol-alert__content {\n padding: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n :host {\n top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n right: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n width: calc(440 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item {\n margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n}";
1252
1252