@unifiedsoftware/styles 1.0.5 → 1.0.7

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.
package/css/styles.css CHANGED
@@ -1,4 +1,66 @@
1
1
  @charset "UTF-8";
2
+ .us-toolbar {
3
+ position: relative;
4
+ width: 100%;
5
+ padding: var(--us-toolbar-padding-y) var(--us-toolbar-padding-x);
6
+ border-bottom: var(--us-toolbar-border);
7
+ background: var(--us-toolbar-background);
8
+ display: flex;
9
+ align-items: center;
10
+ }
11
+ .us-toolbar > .us-overlay {
12
+ position: absolute;
13
+ inset: 0px;
14
+ border-radius: inherit;
15
+ overflow: hidden;
16
+ color: var(--us-overlay-color);
17
+ opacity: var(--us-overlay-opacity);
18
+ background-color: currentColor;
19
+ transition: opacity 15ms linear, background-color 15ms linear;
20
+ }
21
+ .us-toolbar:hover > .us-overlay {
22
+ color: var(--us-_hover-overlay-color, var(--us-overlay-color));
23
+ opacity: var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));
24
+ transition: opacity 30ms linear;
25
+ }
26
+ .us-toolbar:active > .us-overlay {
27
+ color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
28
+ opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
29
+ }
30
+ .us-toolbar > .us-outline-b {
31
+ position: absolute;
32
+ inset: 0px;
33
+ border-radius: inherit;
34
+ overflow: hidden;
35
+ border-bottom: var(--us-outline-border-width) solid var(--us-outline-border-color);
36
+ }
37
+ .us-toolbar__container {
38
+ width: 100%;
39
+ min-height: var(--us-toolbar-min-height);
40
+ margin: 0 auto;
41
+ display: flex;
42
+ align-items: center;
43
+ gap: 0.5rem;
44
+ z-index: 1;
45
+ }
46
+ .us-toolbar__start-action, .us-toolbar__end-action {
47
+ flex-shrink: 0;
48
+ }
49
+ .us-toolbar__content {
50
+ flex-grow: 1;
51
+ overflow: hidden;
52
+ display: flex;
53
+ }
54
+ .us-toolbar__title {
55
+ font-size: var(--us-toolbar-title-font-size);
56
+ font-weight: var(--us-toolbar-title-font-weight);
57
+ text-decoration: none;
58
+ color: inherit;
59
+ overflow: hidden;
60
+ white-space: nowrap;
61
+ text-overflow: ellipsis;
62
+ }
63
+
2
64
  .us-badge {
3
65
  position: absolute;
4
66
  padding: var(--us-badge-padding-y) var(--us-badge-padding-x);
@@ -180,6 +242,145 @@
180
242
  align-items: center;
181
243
  }
182
244
 
245
+ .us-backdrop {
246
+ position: fixed;
247
+ top: 0;
248
+ left: 0;
249
+ width: 100%;
250
+ height: 100vh;
251
+ z-index: 10;
252
+ display: flex;
253
+ justify-content: center;
254
+ align-items: center;
255
+ }
256
+ .us-backdrop-enter {
257
+ opacity: 0;
258
+ }
259
+ .us-backdrop-enter-active {
260
+ opacity: 1;
261
+ transition: opacity 100ms;
262
+ }
263
+ .us-backdrop-exit {
264
+ opacity: 1;
265
+ }
266
+ .us-backdrop-exit-active {
267
+ opacity: 0;
268
+ transition: opacity 200ms;
269
+ transition-delay: 300ms;
270
+ }
271
+ .us-backdrop__overlay {
272
+ position: absolute;
273
+ width: 100%;
274
+ height: 100%;
275
+ z-index: -10;
276
+ background-color: rgba(0, 0, 0, 0.6);
277
+ }
278
+
279
+ .us-drawer {
280
+ position: absolute;
281
+ max-width: var(--us-drawer-width);
282
+ width: 100%;
283
+ height: 100%;
284
+ background-color: var(--us-drawer-background);
285
+ }
286
+ .us-drawer-appear, .us-drawer-enter {
287
+ opacity: 0;
288
+ transform: translateX(-100%);
289
+ }
290
+ .us-drawer-appear-active, .us-drawer-enter-active {
291
+ opacity: 1;
292
+ transform: translateX(0%);
293
+ transition: opacity 100ms, transform 200ms;
294
+ transition-delay: 300ms;
295
+ }
296
+ .us-drawer-exit {
297
+ opacity: 1;
298
+ transform: translateX(0%);
299
+ }
300
+ .us-drawer-exit-active {
301
+ opacity: 0;
302
+ transform: translateX(-100%);
303
+ transition: opacity 300ms, transform 300ms;
304
+ }
305
+ .us-drawer--left, .us-drawer--right {
306
+ max-width: calc(100% - 2rem);
307
+ max-height: 100%;
308
+ }
309
+ .us-drawer--left {
310
+ left: 0;
311
+ }
312
+ .us-drawer--left.us-drawer-appear, .us-drawer--left.us-drawer-enter {
313
+ transform: translateX(-100%);
314
+ }
315
+ .us-drawer--left.us-drawer-appear-active, .us-drawer--left.us-drawer-enter-active {
316
+ transform: translateX(0%);
317
+ }
318
+ .us-drawer--left.us-drawer-exit {
319
+ transform: translateX(0%);
320
+ }
321
+ .us-drawer--left.us-drawer-exit-active {
322
+ transform: translateX(-100%);
323
+ }
324
+ .us-drawer--right.us-drawer-appear, .us-drawer--right.us-drawer-enter {
325
+ transform: translateX(100%);
326
+ }
327
+ .us-drawer--right {
328
+ right: 0;
329
+ }
330
+ .us-drawer--right.us-drawer-appear-active, .us-drawer--right.us-drawer-enter-active {
331
+ transform: translateX(0%);
332
+ }
333
+ .us-drawer--right.us-drawer-exit {
334
+ transform: translateX(0%);
335
+ }
336
+ .us-drawer--right.us-drawer-exit-active {
337
+ transform: translateX(100%);
338
+ }
339
+ .us-drawer--top, .us-drawer--bottom {
340
+ max-width: 100%;
341
+ max-height: calc(100% - 2rem);
342
+ }
343
+ .us-drawer--top {
344
+ top: 0;
345
+ }
346
+ .us-drawer--top.us-drawer-appear, .us-drawer--top.us-drawer-enter {
347
+ transform: translateY(-100%);
348
+ }
349
+ .us-drawer--top.us-drawer-appear-active, .us-drawer--top.us-drawer-enter-active {
350
+ transform: translateY(0%);
351
+ }
352
+ .us-drawer--top.us-drawer-exit {
353
+ transform: translateY(0%);
354
+ }
355
+ .us-drawer--top.us-drawer-exit-active {
356
+ transform: translateY(-100%);
357
+ }
358
+ .us-drawer--bottom {
359
+ bottom: 0;
360
+ }
361
+ .us-drawer--bottom.us-drawer-appear, .us-drawer--bottom.us-drawer-enter {
362
+ transform: translateY(100%);
363
+ }
364
+ .us-drawer--bottom.us-drawer-appear-active, .us-drawer--bottom.us-drawer-enter-active {
365
+ transform: translateY(0%);
366
+ }
367
+ .us-drawer--bottom.us-drawer-exit {
368
+ transform: translateY(0%);
369
+ }
370
+ .us-drawer--bottom.us-drawer-exit-active {
371
+ transform: translateY(100%);
372
+ }
373
+ @media screen and (min-width: 768px) {
374
+ .us-drawer--left, .us-drawer--right {
375
+ max-width: var(--us-drawer-width);
376
+ max-height: 100%;
377
+ }
378
+ .us-drawer--top, .us-drawer--bottom {
379
+ max-width: 100%;
380
+ max-height: var(--us-drawer-width);
381
+ }
382
+ }
383
+
183
384
  .us-menu {
184
385
  margin: 0;
185
386
  padding: var(--us-menu-padding-y) var(--us-menu-padding-x);
@@ -449,6 +650,74 @@
449
650
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
450
651
  }
451
652
  }
653
+ .us-d-block {
654
+ display: block;
655
+ }
656
+
657
+ .us-d-inline {
658
+ display: inline;
659
+ }
660
+
661
+ .us-d-flex {
662
+ display: flex;
663
+ }
664
+
665
+ .us-d-grid {
666
+ display: grid;
667
+ }
668
+
669
+ .us-d-contents {
670
+ display: contents;
671
+ }
672
+
673
+ .us-d-none {
674
+ display: none;
675
+ }
676
+
677
+ .us-flex-row {
678
+ flex-direction: row;
679
+ }
680
+
681
+ .us-flex-row-reverse {
682
+ flex-direction: row-reverse;
683
+ }
684
+
685
+ .us-flex-col {
686
+ flex-direction: column;
687
+ }
688
+
689
+ .us-flex-col-reverse {
690
+ flex-direction: column-reverse;
691
+ }
692
+
693
+ .us-flex-nowrap {
694
+ flex-wrap: nowrap;
695
+ }
696
+
697
+ .us-flex-wrap {
698
+ flex-wrap: wrap;
699
+ }
700
+
701
+ .us-flex-wrap-reverse {
702
+ flex-wrap: wrap-reverse;
703
+ }
704
+
705
+ .us-flex-grow-0 {
706
+ flex-grow: 0;
707
+ }
708
+
709
+ .us-flex-grow-1 {
710
+ flex-grow: 1;
711
+ }
712
+
713
+ .us-flex-shrink-0 {
714
+ flex-shrink: 0;
715
+ }
716
+
717
+ .us-flex-shrink-1 {
718
+ flex-shrink: 1;
719
+ }
720
+
452
721
  .us-gap-0 {
453
722
  gap: 0;
454
723
  }
@@ -558,6 +827,57 @@
558
827
  }
559
828
 
560
829
  @media screen and (min-width: 0px) {
830
+ .xs\:us-d-block {
831
+ display: block;
832
+ }
833
+ .xs\:us-d-inline {
834
+ display: inline;
835
+ }
836
+ .xs\:us-d-flex {
837
+ display: flex;
838
+ }
839
+ .xs\:us-d-grid {
840
+ display: grid;
841
+ }
842
+ .xs\:us-d-contents {
843
+ display: contents;
844
+ }
845
+ .xs\:us-d-none {
846
+ display: none;
847
+ }
848
+ .xs\:us-flex-row {
849
+ flex-direction: row;
850
+ }
851
+ .xs\:us-flex-row-reverse {
852
+ flex-direction: row-reverse;
853
+ }
854
+ .xs\:us-flex-col {
855
+ flex-direction: column;
856
+ }
857
+ .xs\:us-flex-col-reverse {
858
+ flex-direction: column-reverse;
859
+ }
860
+ .xs\:us-flex-nowrap {
861
+ flex-wrap: nowrap;
862
+ }
863
+ .xs\:us-flex-wrap {
864
+ flex-wrap: wrap;
865
+ }
866
+ .xs\:us-flex-wrap-reverse {
867
+ flex-wrap: wrap-reverse;
868
+ }
869
+ .xs\:us-flex-grow-0 {
870
+ flex-grow: 0;
871
+ }
872
+ .xs\:us-flex-grow-1 {
873
+ flex-grow: 1;
874
+ }
875
+ .xs\:us-flex-shrink-0 {
876
+ flex-shrink: 0;
877
+ }
878
+ .xs\:us-flex-shrink-1 {
879
+ flex-shrink: 1;
880
+ }
561
881
  .xs\:us-gap-0 {
562
882
  gap: 0;
563
883
  }
@@ -641,6 +961,57 @@
641
961
  }
642
962
  }
643
963
  @media screen and (min-width: 600px) {
964
+ .sm\:us-d-block {
965
+ display: block;
966
+ }
967
+ .sm\:us-d-inline {
968
+ display: inline;
969
+ }
970
+ .sm\:us-d-flex {
971
+ display: flex;
972
+ }
973
+ .sm\:us-d-grid {
974
+ display: grid;
975
+ }
976
+ .sm\:us-d-contents {
977
+ display: contents;
978
+ }
979
+ .sm\:us-d-none {
980
+ display: none;
981
+ }
982
+ .sm\:us-flex-row {
983
+ flex-direction: row;
984
+ }
985
+ .sm\:us-flex-row-reverse {
986
+ flex-direction: row-reverse;
987
+ }
988
+ .sm\:us-flex-col {
989
+ flex-direction: column;
990
+ }
991
+ .sm\:us-flex-col-reverse {
992
+ flex-direction: column-reverse;
993
+ }
994
+ .sm\:us-flex-nowrap {
995
+ flex-wrap: nowrap;
996
+ }
997
+ .sm\:us-flex-wrap {
998
+ flex-wrap: wrap;
999
+ }
1000
+ .sm\:us-flex-wrap-reverse {
1001
+ flex-wrap: wrap-reverse;
1002
+ }
1003
+ .sm\:us-flex-grow-0 {
1004
+ flex-grow: 0;
1005
+ }
1006
+ .sm\:us-flex-grow-1 {
1007
+ flex-grow: 1;
1008
+ }
1009
+ .sm\:us-flex-shrink-0 {
1010
+ flex-shrink: 0;
1011
+ }
1012
+ .sm\:us-flex-shrink-1 {
1013
+ flex-shrink: 1;
1014
+ }
644
1015
  .sm\:us-gap-0 {
645
1016
  gap: 0;
646
1017
  }
@@ -724,6 +1095,57 @@
724
1095
  }
725
1096
  }
726
1097
  @media screen and (min-width: 960px) {
1098
+ .md\:us-d-block {
1099
+ display: block;
1100
+ }
1101
+ .md\:us-d-inline {
1102
+ display: inline;
1103
+ }
1104
+ .md\:us-d-flex {
1105
+ display: flex;
1106
+ }
1107
+ .md\:us-d-grid {
1108
+ display: grid;
1109
+ }
1110
+ .md\:us-d-contents {
1111
+ display: contents;
1112
+ }
1113
+ .md\:us-d-none {
1114
+ display: none;
1115
+ }
1116
+ .md\:us-flex-row {
1117
+ flex-direction: row;
1118
+ }
1119
+ .md\:us-flex-row-reverse {
1120
+ flex-direction: row-reverse;
1121
+ }
1122
+ .md\:us-flex-col {
1123
+ flex-direction: column;
1124
+ }
1125
+ .md\:us-flex-col-reverse {
1126
+ flex-direction: column-reverse;
1127
+ }
1128
+ .md\:us-flex-nowrap {
1129
+ flex-wrap: nowrap;
1130
+ }
1131
+ .md\:us-flex-wrap {
1132
+ flex-wrap: wrap;
1133
+ }
1134
+ .md\:us-flex-wrap-reverse {
1135
+ flex-wrap: wrap-reverse;
1136
+ }
1137
+ .md\:us-flex-grow-0 {
1138
+ flex-grow: 0;
1139
+ }
1140
+ .md\:us-flex-grow-1 {
1141
+ flex-grow: 1;
1142
+ }
1143
+ .md\:us-flex-shrink-0 {
1144
+ flex-shrink: 0;
1145
+ }
1146
+ .md\:us-flex-shrink-1 {
1147
+ flex-shrink: 1;
1148
+ }
727
1149
  .md\:us-gap-0 {
728
1150
  gap: 0;
729
1151
  }
@@ -807,6 +1229,57 @@
807
1229
  }
808
1230
  }
809
1231
  @media screen and (min-width: 1264px) {
1232
+ .lg\:us-d-block {
1233
+ display: block;
1234
+ }
1235
+ .lg\:us-d-inline {
1236
+ display: inline;
1237
+ }
1238
+ .lg\:us-d-flex {
1239
+ display: flex;
1240
+ }
1241
+ .lg\:us-d-grid {
1242
+ display: grid;
1243
+ }
1244
+ .lg\:us-d-contents {
1245
+ display: contents;
1246
+ }
1247
+ .lg\:us-d-none {
1248
+ display: none;
1249
+ }
1250
+ .lg\:us-flex-row {
1251
+ flex-direction: row;
1252
+ }
1253
+ .lg\:us-flex-row-reverse {
1254
+ flex-direction: row-reverse;
1255
+ }
1256
+ .lg\:us-flex-col {
1257
+ flex-direction: column;
1258
+ }
1259
+ .lg\:us-flex-col-reverse {
1260
+ flex-direction: column-reverse;
1261
+ }
1262
+ .lg\:us-flex-nowrap {
1263
+ flex-wrap: nowrap;
1264
+ }
1265
+ .lg\:us-flex-wrap {
1266
+ flex-wrap: wrap;
1267
+ }
1268
+ .lg\:us-flex-wrap-reverse {
1269
+ flex-wrap: wrap-reverse;
1270
+ }
1271
+ .lg\:us-flex-grow-0 {
1272
+ flex-grow: 0;
1273
+ }
1274
+ .lg\:us-flex-grow-1 {
1275
+ flex-grow: 1;
1276
+ }
1277
+ .lg\:us-flex-shrink-0 {
1278
+ flex-shrink: 0;
1279
+ }
1280
+ .lg\:us-flex-shrink-1 {
1281
+ flex-shrink: 1;
1282
+ }
810
1283
  .lg\:us-gap-0 {
811
1284
  gap: 0;
812
1285
  }
@@ -890,6 +1363,57 @@
890
1363
  }
891
1364
  }
892
1365
  @media screen and (min-width: 1904px) {
1366
+ .xl\:us-d-block {
1367
+ display: block;
1368
+ }
1369
+ .xl\:us-d-inline {
1370
+ display: inline;
1371
+ }
1372
+ .xl\:us-d-flex {
1373
+ display: flex;
1374
+ }
1375
+ .xl\:us-d-grid {
1376
+ display: grid;
1377
+ }
1378
+ .xl\:us-d-contents {
1379
+ display: contents;
1380
+ }
1381
+ .xl\:us-d-none {
1382
+ display: none;
1383
+ }
1384
+ .xl\:us-flex-row {
1385
+ flex-direction: row;
1386
+ }
1387
+ .xl\:us-flex-row-reverse {
1388
+ flex-direction: row-reverse;
1389
+ }
1390
+ .xl\:us-flex-col {
1391
+ flex-direction: column;
1392
+ }
1393
+ .xl\:us-flex-col-reverse {
1394
+ flex-direction: column-reverse;
1395
+ }
1396
+ .xl\:us-flex-nowrap {
1397
+ flex-wrap: nowrap;
1398
+ }
1399
+ .xl\:us-flex-wrap {
1400
+ flex-wrap: wrap;
1401
+ }
1402
+ .xl\:us-flex-wrap-reverse {
1403
+ flex-wrap: wrap-reverse;
1404
+ }
1405
+ .xl\:us-flex-grow-0 {
1406
+ flex-grow: 0;
1407
+ }
1408
+ .xl\:us-flex-grow-1 {
1409
+ flex-grow: 1;
1410
+ }
1411
+ .xl\:us-flex-shrink-0 {
1412
+ flex-shrink: 0;
1413
+ }
1414
+ .xl\:us-flex-shrink-1 {
1415
+ flex-shrink: 1;
1416
+ }
893
1417
  .xl\:us-gap-0 {
894
1418
  gap: 0;
895
1419
  }
@@ -1 +1 @@
1
- .us-badge{position:absolute;padding:var(--us-badge-padding-y) var(--us-badge-padding-x);font-size:var(--us-badge-font-size);font-weight:var(--us-badge-font-weight);border:var(--us-badge-border-width) solid var(--us-badge-border-color);border-radius:var(--us-badge-border-radius);color:var(--us-badge-color);background-color:var(--us-badge-background);display:inline-flex}.us-badge>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-badge:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-badge:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-badge--top-left{top:10%;left:10%}.us-badge--top-right{right:0;top:0;transform:translate(50%, -50%)}.us-badge--bottom-left{bottom:10%;left:10%}.us-badge--bottom-right{bottom:0;right:0}.us-badge-wrapper{flex-shrink:0;position:relative;display:inline-flex}.us-collapse{overflow:hidden;transition:all .15s ease-in-out}.us-icon{width:1em;height:1em;font-size:var(--us-icon-font-size);color:var(--us-icon-color);display:flex;justify-content:center;align-items:center}.us-chip{position:relative;height:var(--us-chip-height);padding:var(--us-chip-padding-y) var(--us-chip-padding-x);font-size:var(--us-chip-font-size);font-weight:var(--us-chip-font-weight);font-family:var(--us-chip-font-family);border-radius:var(--us-chip-border-radius);color:var(--us-chip-color);background-color:var(--us-chip-background);display:inline-flex;align-items:center;gap:var(--us-chip-gap)}.us-chip>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-chip:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-chip:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-chip>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-button{position:relative;height:var(--us-button-height);padding:var(--us-button-padding-y) var(--us-button-padding-x);font-size:var(--us-button-font-size);font-weight:var(--us-button-font-weight);font-family:var(--us-button-font-family);border:none;outline:none;border-radius:var(--us-button-border-radius);cursor:pointer;color:var(--us-button-color);background-color:var(--us-button-background);display:inline-flex;align-items:center;gap:var(--us-button-gap);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-button:hover{text-decoration:none}.us-button>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-button:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-button:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-button>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-button--disabled{opacity:.6;pointer-events:none}.us-button--icon-only{width:var(--us-button-height);padding:0;border-radius:9999px;justify-content:center}.us-button__outline{position:absolute;inset:0px;z-index:0;border:var(--us-button-outline-border-width) solid var(--us-button-outline-border-color);border-radius:inherit;pointer-events:none}.us-button__start-icon,.us-button__end-icon,.us-button__content{position:relative;display:flex;align-items:center}.us-menu{margin:0;padding:var(--us-menu-padding-y) var(--us-menu-padding-x);color:var(--us-menu-color);background-color:var(--us-menu-background)}.us-menu-item{position:relative;height:var(--us-menu-item-height);padding:var(--us-menu-item-padding-y) var(--us-menu-item-padding-x);font-size:var(--us-menu-item-font-size);font-weight:var(--us-menu-item-font-weight);border-radius:var(--us-menu-item-border-radius);text-decoration:none;cursor:pointer;display:flex;align-items:center;color:var(--us-menu-item-color);background-color:var(--us-menu-item-background);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-menu-item-gap)}.us-menu-item:hover{text-decoration:none}.us-menu-item>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-menu-item:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-menu-item:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-item--disabled{opacity:.6;pointer-events:none}.us-menu-item--selected .us-menu-item__icon{--us-menu-item-icon-color: var(--us-_active-menu-item-icon-color)}.us-menu-item__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-item__icon .us-icon{--us-icon-font-size: var(--us-menu-item-icon-font-size);--us-icon-color: var(--us-menu-item-icon-color)}.us-menu-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-item__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-group{position:relative;height:var(--us-menu-group-height);padding:var(--us-menu-group-padding-y) var(--us-menu-group-padding-x);font-size:var(--us-menu-group-font-size);font-weight:var(--us-menu-group-font-weight);text-decoration:none;border-bottom:var(--us-menu-group-border-width) solid var(--us-menu-group-border-color);border-radius:var(--us-menu-group-border-radius);display:flex;align-items:center;color:var(--us-menu-group-color);background-color:var(--us-menu-group-background);gap:var(--us-menu-group-gap)}.us-menu-group:hover{text-decoration:none}.us-menu-group>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-menu-group:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-menu-group:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-group__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-group__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-group__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-submenu .us-menu{--us-menu-background: var(--us-submenu-background)}.us-divider{width:100%;height:1px;background:#cac4d0}.us-tabs{width:100%;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.us-tabs--start{justify-content:flex-start}.us-tabs--center{justify-content:center}.us-tabs--end{justify-content:flex-end}.us-tabs--stretch .us-tab{flex-grow:1}@media(max-width: 767px)and (hover: none){.us-tabs{overflow:auto}}.us-tab{position:relative;padding:0px 16px;font-size:var(--us-tab-font-size);font-weight:var(--us-tab-font-weight);text-decoration:none;vertical-align:middle;z-index:1;color:var(--us-tab-color);display:inline-flex;justify-content:center;align-items:center;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-tab:hover{text-decoration:none}.us-tab>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-tab:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-tab:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-tab--disabled{opacity:.6;pointer-events:none}.us-tab__content{position:relative;height:40px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.us-tab__indicator{position:absolute;height:var(--us-tab-indicator-height);border-radius:var(--us-tab-indicator-border-radius);inset:auto 0px 0px;opacity:0;z-index:-1;background:var(--us-tab-indicator-color);transform-origin:left bottom}.us-tab--selected .us-tab__indicator{opacity:1}.us-animation-spin{animation:us-animation-spin 1s linear infinite;transform-origin:center center}@keyframes us-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.us-animation-pulse{animation:us-animation-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes us-animation-pulse{0%,100%{opacity:1}50%{opacity:.5}}.us-animation-bounce{animation:us-animation-bounce 1s infinite}@keyframes us-animation-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}.us-gap-0{gap:0}.us-gap-1{gap:.25rem}.us-gap-2{gap:.5rem}.us-gap-3{gap:.75rem}.us-gap-4{gap:1rem}.us-gap-5{gap:1.25rem}.us-gap-6{gap:1.5rem}.us-gap-7{gap:1.75rem}.us-gap-8{gap:2rem}.us-gap-x-0{column-gap:0}.us-gap-x-1{column-gap:.25rem}.us-gap-x-2{column-gap:.5rem}.us-gap-x-3{column-gap:.75rem}.us-gap-x-4{column-gap:1rem}.us-gap-x-5{column-gap:1.25rem}.us-gap-x-6{column-gap:1.5rem}.us-gap-x-7{column-gap:1.75rem}.us-gap-x-8{column-gap:2rem}.us-gap-y-0{row-gap:0}.us-gap-y-1{row-gap:.25rem}.us-gap-y-2{row-gap:.5rem}.us-gap-y-3{row-gap:.75rem}.us-gap-y-4{row-gap:1rem}.us-gap-y-5{row-gap:1.25rem}.us-gap-y-6{row-gap:1.5rem}.us-gap-y-7{row-gap:1.75rem}.us-gap-y-8{row-gap:2rem}@media screen and (min-width: 0px){.xs\:us-gap-0{gap:0}.xs\:us-gap-1{gap:.25rem}.xs\:us-gap-2{gap:.5rem}.xs\:us-gap-3{gap:.75rem}.xs\:us-gap-4{gap:1rem}.xs\:us-gap-5{gap:1.25rem}.xs\:us-gap-6{gap:1.5rem}.xs\:us-gap-7{gap:1.75rem}.xs\:us-gap-8{gap:2rem}.xs\:us-gap-x-0{column-gap:0}.xs\:us-gap-x-1{column-gap:.25rem}.xs\:us-gap-x-2{column-gap:.5rem}.xs\:us-gap-x-3{column-gap:.75rem}.xs\:us-gap-x-4{column-gap:1rem}.xs\:us-gap-x-5{column-gap:1.25rem}.xs\:us-gap-x-6{column-gap:1.5rem}.xs\:us-gap-x-7{column-gap:1.75rem}.xs\:us-gap-x-8{column-gap:2rem}.xs\:us-gap-y-0{row-gap:0}.xs\:us-gap-y-1{row-gap:.25rem}.xs\:us-gap-y-2{row-gap:.5rem}.xs\:us-gap-y-3{row-gap:.75rem}.xs\:us-gap-y-4{row-gap:1rem}.xs\:us-gap-y-5{row-gap:1.25rem}.xs\:us-gap-y-6{row-gap:1.5rem}.xs\:us-gap-y-7{row-gap:1.75rem}.xs\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 600px){.sm\:us-gap-0{gap:0}.sm\:us-gap-1{gap:.25rem}.sm\:us-gap-2{gap:.5rem}.sm\:us-gap-3{gap:.75rem}.sm\:us-gap-4{gap:1rem}.sm\:us-gap-5{gap:1.25rem}.sm\:us-gap-6{gap:1.5rem}.sm\:us-gap-7{gap:1.75rem}.sm\:us-gap-8{gap:2rem}.sm\:us-gap-x-0{column-gap:0}.sm\:us-gap-x-1{column-gap:.25rem}.sm\:us-gap-x-2{column-gap:.5rem}.sm\:us-gap-x-3{column-gap:.75rem}.sm\:us-gap-x-4{column-gap:1rem}.sm\:us-gap-x-5{column-gap:1.25rem}.sm\:us-gap-x-6{column-gap:1.5rem}.sm\:us-gap-x-7{column-gap:1.75rem}.sm\:us-gap-x-8{column-gap:2rem}.sm\:us-gap-y-0{row-gap:0}.sm\:us-gap-y-1{row-gap:.25rem}.sm\:us-gap-y-2{row-gap:.5rem}.sm\:us-gap-y-3{row-gap:.75rem}.sm\:us-gap-y-4{row-gap:1rem}.sm\:us-gap-y-5{row-gap:1.25rem}.sm\:us-gap-y-6{row-gap:1.5rem}.sm\:us-gap-y-7{row-gap:1.75rem}.sm\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 960px){.md\:us-gap-0{gap:0}.md\:us-gap-1{gap:.25rem}.md\:us-gap-2{gap:.5rem}.md\:us-gap-3{gap:.75rem}.md\:us-gap-4{gap:1rem}.md\:us-gap-5{gap:1.25rem}.md\:us-gap-6{gap:1.5rem}.md\:us-gap-7{gap:1.75rem}.md\:us-gap-8{gap:2rem}.md\:us-gap-x-0{column-gap:0}.md\:us-gap-x-1{column-gap:.25rem}.md\:us-gap-x-2{column-gap:.5rem}.md\:us-gap-x-3{column-gap:.75rem}.md\:us-gap-x-4{column-gap:1rem}.md\:us-gap-x-5{column-gap:1.25rem}.md\:us-gap-x-6{column-gap:1.5rem}.md\:us-gap-x-7{column-gap:1.75rem}.md\:us-gap-x-8{column-gap:2rem}.md\:us-gap-y-0{row-gap:0}.md\:us-gap-y-1{row-gap:.25rem}.md\:us-gap-y-2{row-gap:.5rem}.md\:us-gap-y-3{row-gap:.75rem}.md\:us-gap-y-4{row-gap:1rem}.md\:us-gap-y-5{row-gap:1.25rem}.md\:us-gap-y-6{row-gap:1.5rem}.md\:us-gap-y-7{row-gap:1.75rem}.md\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1264px){.lg\:us-gap-0{gap:0}.lg\:us-gap-1{gap:.25rem}.lg\:us-gap-2{gap:.5rem}.lg\:us-gap-3{gap:.75rem}.lg\:us-gap-4{gap:1rem}.lg\:us-gap-5{gap:1.25rem}.lg\:us-gap-6{gap:1.5rem}.lg\:us-gap-7{gap:1.75rem}.lg\:us-gap-8{gap:2rem}.lg\:us-gap-x-0{column-gap:0}.lg\:us-gap-x-1{column-gap:.25rem}.lg\:us-gap-x-2{column-gap:.5rem}.lg\:us-gap-x-3{column-gap:.75rem}.lg\:us-gap-x-4{column-gap:1rem}.lg\:us-gap-x-5{column-gap:1.25rem}.lg\:us-gap-x-6{column-gap:1.5rem}.lg\:us-gap-x-7{column-gap:1.75rem}.lg\:us-gap-x-8{column-gap:2rem}.lg\:us-gap-y-0{row-gap:0}.lg\:us-gap-y-1{row-gap:.25rem}.lg\:us-gap-y-2{row-gap:.5rem}.lg\:us-gap-y-3{row-gap:.75rem}.lg\:us-gap-y-4{row-gap:1rem}.lg\:us-gap-y-5{row-gap:1.25rem}.lg\:us-gap-y-6{row-gap:1.5rem}.lg\:us-gap-y-7{row-gap:1.75rem}.lg\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1904px){.xl\:us-gap-0{gap:0}.xl\:us-gap-1{gap:.25rem}.xl\:us-gap-2{gap:.5rem}.xl\:us-gap-3{gap:.75rem}.xl\:us-gap-4{gap:1rem}.xl\:us-gap-5{gap:1.25rem}.xl\:us-gap-6{gap:1.5rem}.xl\:us-gap-7{gap:1.75rem}.xl\:us-gap-8{gap:2rem}.xl\:us-gap-x-0{column-gap:0}.xl\:us-gap-x-1{column-gap:.25rem}.xl\:us-gap-x-2{column-gap:.5rem}.xl\:us-gap-x-3{column-gap:.75rem}.xl\:us-gap-x-4{column-gap:1rem}.xl\:us-gap-x-5{column-gap:1.25rem}.xl\:us-gap-x-6{column-gap:1.5rem}.xl\:us-gap-x-7{column-gap:1.75rem}.xl\:us-gap-x-8{column-gap:2rem}.xl\:us-gap-y-0{row-gap:0}.xl\:us-gap-y-1{row-gap:.25rem}.xl\:us-gap-y-2{row-gap:.5rem}.xl\:us-gap-y-3{row-gap:.75rem}.xl\:us-gap-y-4{row-gap:1rem}.xl\:us-gap-y-5{row-gap:1.25rem}.xl\:us-gap-y-6{row-gap:1.5rem}.xl\:us-gap-y-7{row-gap:1.75rem}.xl\:us-gap-y-8{row-gap:2rem}}.slider-container{width:300px;height:20px;background-color:#ccc;position:relative;margin-top:20px}.slider-point{width:20px;height:20px;background-color:#007bff;border-radius:50%;position:absolute;cursor:pointer}
1
+ .us-toolbar{position:relative;width:100%;padding:var(--us-toolbar-padding-y) var(--us-toolbar-padding-x);border-bottom:var(--us-toolbar-border);background:var(--us-toolbar-background);display:flex;align-items:center}.us-toolbar>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-toolbar:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-toolbar:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-toolbar>.us-outline-b{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-bottom:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-toolbar__container{width:100%;min-height:var(--us-toolbar-min-height);margin:0 auto;display:flex;align-items:center;gap:.5rem;z-index:1}.us-toolbar__start-action,.us-toolbar__end-action{flex-shrink:0}.us-toolbar__content{flex-grow:1;overflow:hidden;display:flex}.us-toolbar__title{font-size:var(--us-toolbar-title-font-size);font-weight:var(--us-toolbar-title-font-weight);text-decoration:none;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.us-badge{position:absolute;padding:var(--us-badge-padding-y) var(--us-badge-padding-x);font-size:var(--us-badge-font-size);font-weight:var(--us-badge-font-weight);border:var(--us-badge-border-width) solid var(--us-badge-border-color);border-radius:var(--us-badge-border-radius);color:var(--us-badge-color);background-color:var(--us-badge-background);display:inline-flex}.us-badge>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-badge:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-badge:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-badge--top-left{top:10%;left:10%}.us-badge--top-right{right:0;top:0;transform:translate(50%, -50%)}.us-badge--bottom-left{bottom:10%;left:10%}.us-badge--bottom-right{bottom:0;right:0}.us-badge-wrapper{flex-shrink:0;position:relative;display:inline-flex}.us-collapse{overflow:hidden;transition:all .15s ease-in-out}.us-icon{width:1em;height:1em;font-size:var(--us-icon-font-size);color:var(--us-icon-color);display:flex;justify-content:center;align-items:center}.us-chip{position:relative;height:var(--us-chip-height);padding:var(--us-chip-padding-y) var(--us-chip-padding-x);font-size:var(--us-chip-font-size);font-weight:var(--us-chip-font-weight);font-family:var(--us-chip-font-family);border-radius:var(--us-chip-border-radius);color:var(--us-chip-color);background-color:var(--us-chip-background);display:inline-flex;align-items:center;gap:var(--us-chip-gap)}.us-chip>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-chip:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-chip:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-chip>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-button{position:relative;height:var(--us-button-height);padding:var(--us-button-padding-y) var(--us-button-padding-x);font-size:var(--us-button-font-size);font-weight:var(--us-button-font-weight);font-family:var(--us-button-font-family);border:none;outline:none;border-radius:var(--us-button-border-radius);cursor:pointer;color:var(--us-button-color);background-color:var(--us-button-background);display:inline-flex;align-items:center;gap:var(--us-button-gap);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-button:hover{text-decoration:none}.us-button>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-button:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-button:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-button>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-button--disabled{opacity:.6;pointer-events:none}.us-button--icon-only{width:var(--us-button-height);padding:0;border-radius:9999px;justify-content:center}.us-button__outline{position:absolute;inset:0px;z-index:0;border:var(--us-button-outline-border-width) solid var(--us-button-outline-border-color);border-radius:inherit;pointer-events:none}.us-button__start-icon,.us-button__end-icon,.us-button__content{position:relative;display:flex;align-items:center}.us-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10;display:flex;justify-content:center;align-items:center}.us-backdrop-enter{opacity:0}.us-backdrop-enter-active{opacity:1;transition:opacity 100ms}.us-backdrop-exit{opacity:1}.us-backdrop-exit-active{opacity:0;transition:opacity 200ms;transition-delay:300ms}.us-backdrop__overlay{position:absolute;width:100%;height:100%;z-index:-10;background-color:rgba(0,0,0,.6)}.us-drawer{position:absolute;max-width:var(--us-drawer-width);width:100%;height:100%;background-color:var(--us-drawer-background)}.us-drawer-appear,.us-drawer-enter{opacity:0;transform:translateX(-100%)}.us-drawer-appear-active,.us-drawer-enter-active{opacity:1;transform:translateX(0%);transition:opacity 100ms,transform 200ms;transition-delay:300ms}.us-drawer-exit{opacity:1;transform:translateX(0%)}.us-drawer-exit-active{opacity:0;transform:translateX(-100%);transition:opacity 300ms,transform 300ms}.us-drawer--left,.us-drawer--right{max-width:calc(100% - 2rem);max-height:100%}.us-drawer--left{left:0}.us-drawer--left.us-drawer-appear,.us-drawer--left.us-drawer-enter{transform:translateX(-100%)}.us-drawer--left.us-drawer-appear-active,.us-drawer--left.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--left.us-drawer-exit{transform:translateX(0%)}.us-drawer--left.us-drawer-exit-active{transform:translateX(-100%)}.us-drawer--right.us-drawer-appear,.us-drawer--right.us-drawer-enter{transform:translateX(100%)}.us-drawer--right{right:0}.us-drawer--right.us-drawer-appear-active,.us-drawer--right.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--right.us-drawer-exit{transform:translateX(0%)}.us-drawer--right.us-drawer-exit-active{transform:translateX(100%)}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:calc(100% - 2rem)}.us-drawer--top{top:0}.us-drawer--top.us-drawer-appear,.us-drawer--top.us-drawer-enter{transform:translateY(-100%)}.us-drawer--top.us-drawer-appear-active,.us-drawer--top.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--top.us-drawer-exit{transform:translateY(0%)}.us-drawer--top.us-drawer-exit-active{transform:translateY(-100%)}.us-drawer--bottom{bottom:0}.us-drawer--bottom.us-drawer-appear,.us-drawer--bottom.us-drawer-enter{transform:translateY(100%)}.us-drawer--bottom.us-drawer-appear-active,.us-drawer--bottom.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit-active{transform:translateY(100%)}@media screen and (min-width: 768px){.us-drawer--left,.us-drawer--right{max-width:var(--us-drawer-width);max-height:100%}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:var(--us-drawer-width)}}.us-menu{margin:0;padding:var(--us-menu-padding-y) var(--us-menu-padding-x);color:var(--us-menu-color);background-color:var(--us-menu-background)}.us-menu-item{position:relative;height:var(--us-menu-item-height);padding:var(--us-menu-item-padding-y) var(--us-menu-item-padding-x);font-size:var(--us-menu-item-font-size);font-weight:var(--us-menu-item-font-weight);border-radius:var(--us-menu-item-border-radius);text-decoration:none;cursor:pointer;display:flex;align-items:center;color:var(--us-menu-item-color);background-color:var(--us-menu-item-background);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-menu-item-gap)}.us-menu-item:hover{text-decoration:none}.us-menu-item>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-menu-item:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-menu-item:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-item--disabled{opacity:.6;pointer-events:none}.us-menu-item--selected .us-menu-item__icon{--us-menu-item-icon-color: var(--us-_active-menu-item-icon-color)}.us-menu-item__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-item__icon .us-icon{--us-icon-font-size: var(--us-menu-item-icon-font-size);--us-icon-color: var(--us-menu-item-icon-color)}.us-menu-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-item__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-group{position:relative;height:var(--us-menu-group-height);padding:var(--us-menu-group-padding-y) var(--us-menu-group-padding-x);font-size:var(--us-menu-group-font-size);font-weight:var(--us-menu-group-font-weight);text-decoration:none;border-bottom:var(--us-menu-group-border-width) solid var(--us-menu-group-border-color);border-radius:var(--us-menu-group-border-radius);display:flex;align-items:center;color:var(--us-menu-group-color);background-color:var(--us-menu-group-background);gap:var(--us-menu-group-gap)}.us-menu-group:hover{text-decoration:none}.us-menu-group>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-menu-group:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-menu-group:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-group__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-group__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-group__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-submenu .us-menu{--us-menu-background: var(--us-submenu-background)}.us-divider{width:100%;height:1px;background:#cac4d0}.us-tabs{width:100%;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.us-tabs--start{justify-content:flex-start}.us-tabs--center{justify-content:center}.us-tabs--end{justify-content:flex-end}.us-tabs--stretch .us-tab{flex-grow:1}@media(max-width: 767px)and (hover: none){.us-tabs{overflow:auto}}.us-tab{position:relative;padding:0px 16px;font-size:var(--us-tab-font-size);font-weight:var(--us-tab-font-weight);text-decoration:none;vertical-align:middle;z-index:1;color:var(--us-tab-color);display:inline-flex;justify-content:center;align-items:center;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-tab:hover{text-decoration:none}.us-tab>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-tab:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-tab:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-tab--disabled{opacity:.6;pointer-events:none}.us-tab__content{position:relative;height:40px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.us-tab__indicator{position:absolute;height:var(--us-tab-indicator-height);border-radius:var(--us-tab-indicator-border-radius);inset:auto 0px 0px;opacity:0;z-index:-1;background:var(--us-tab-indicator-color);transform-origin:left bottom}.us-tab--selected .us-tab__indicator{opacity:1}.us-animation-spin{animation:us-animation-spin 1s linear infinite;transform-origin:center center}@keyframes us-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.us-animation-pulse{animation:us-animation-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes us-animation-pulse{0%,100%{opacity:1}50%{opacity:.5}}.us-animation-bounce{animation:us-animation-bounce 1s infinite}@keyframes us-animation-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}.us-d-block{display:block}.us-d-inline{display:inline}.us-d-flex{display:flex}.us-d-grid{display:grid}.us-d-contents{display:contents}.us-d-none{display:none}.us-flex-row{flex-direction:row}.us-flex-row-reverse{flex-direction:row-reverse}.us-flex-col{flex-direction:column}.us-flex-col-reverse{flex-direction:column-reverse}.us-flex-nowrap{flex-wrap:nowrap}.us-flex-wrap{flex-wrap:wrap}.us-flex-wrap-reverse{flex-wrap:wrap-reverse}.us-flex-grow-0{flex-grow:0}.us-flex-grow-1{flex-grow:1}.us-flex-shrink-0{flex-shrink:0}.us-flex-shrink-1{flex-shrink:1}.us-gap-0{gap:0}.us-gap-1{gap:.25rem}.us-gap-2{gap:.5rem}.us-gap-3{gap:.75rem}.us-gap-4{gap:1rem}.us-gap-5{gap:1.25rem}.us-gap-6{gap:1.5rem}.us-gap-7{gap:1.75rem}.us-gap-8{gap:2rem}.us-gap-x-0{column-gap:0}.us-gap-x-1{column-gap:.25rem}.us-gap-x-2{column-gap:.5rem}.us-gap-x-3{column-gap:.75rem}.us-gap-x-4{column-gap:1rem}.us-gap-x-5{column-gap:1.25rem}.us-gap-x-6{column-gap:1.5rem}.us-gap-x-7{column-gap:1.75rem}.us-gap-x-8{column-gap:2rem}.us-gap-y-0{row-gap:0}.us-gap-y-1{row-gap:.25rem}.us-gap-y-2{row-gap:.5rem}.us-gap-y-3{row-gap:.75rem}.us-gap-y-4{row-gap:1rem}.us-gap-y-5{row-gap:1.25rem}.us-gap-y-6{row-gap:1.5rem}.us-gap-y-7{row-gap:1.75rem}.us-gap-y-8{row-gap:2rem}@media screen and (min-width: 0px){.xs\:us-d-block{display:block}.xs\:us-d-inline{display:inline}.xs\:us-d-flex{display:flex}.xs\:us-d-grid{display:grid}.xs\:us-d-contents{display:contents}.xs\:us-d-none{display:none}.xs\:us-flex-row{flex-direction:row}.xs\:us-flex-row-reverse{flex-direction:row-reverse}.xs\:us-flex-col{flex-direction:column}.xs\:us-flex-col-reverse{flex-direction:column-reverse}.xs\:us-flex-nowrap{flex-wrap:nowrap}.xs\:us-flex-wrap{flex-wrap:wrap}.xs\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xs\:us-flex-grow-0{flex-grow:0}.xs\:us-flex-grow-1{flex-grow:1}.xs\:us-flex-shrink-0{flex-shrink:0}.xs\:us-flex-shrink-1{flex-shrink:1}.xs\:us-gap-0{gap:0}.xs\:us-gap-1{gap:.25rem}.xs\:us-gap-2{gap:.5rem}.xs\:us-gap-3{gap:.75rem}.xs\:us-gap-4{gap:1rem}.xs\:us-gap-5{gap:1.25rem}.xs\:us-gap-6{gap:1.5rem}.xs\:us-gap-7{gap:1.75rem}.xs\:us-gap-8{gap:2rem}.xs\:us-gap-x-0{column-gap:0}.xs\:us-gap-x-1{column-gap:.25rem}.xs\:us-gap-x-2{column-gap:.5rem}.xs\:us-gap-x-3{column-gap:.75rem}.xs\:us-gap-x-4{column-gap:1rem}.xs\:us-gap-x-5{column-gap:1.25rem}.xs\:us-gap-x-6{column-gap:1.5rem}.xs\:us-gap-x-7{column-gap:1.75rem}.xs\:us-gap-x-8{column-gap:2rem}.xs\:us-gap-y-0{row-gap:0}.xs\:us-gap-y-1{row-gap:.25rem}.xs\:us-gap-y-2{row-gap:.5rem}.xs\:us-gap-y-3{row-gap:.75rem}.xs\:us-gap-y-4{row-gap:1rem}.xs\:us-gap-y-5{row-gap:1.25rem}.xs\:us-gap-y-6{row-gap:1.5rem}.xs\:us-gap-y-7{row-gap:1.75rem}.xs\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 600px){.sm\:us-d-block{display:block}.sm\:us-d-inline{display:inline}.sm\:us-d-flex{display:flex}.sm\:us-d-grid{display:grid}.sm\:us-d-contents{display:contents}.sm\:us-d-none{display:none}.sm\:us-flex-row{flex-direction:row}.sm\:us-flex-row-reverse{flex-direction:row-reverse}.sm\:us-flex-col{flex-direction:column}.sm\:us-flex-col-reverse{flex-direction:column-reverse}.sm\:us-flex-nowrap{flex-wrap:nowrap}.sm\:us-flex-wrap{flex-wrap:wrap}.sm\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.sm\:us-flex-grow-0{flex-grow:0}.sm\:us-flex-grow-1{flex-grow:1}.sm\:us-flex-shrink-0{flex-shrink:0}.sm\:us-flex-shrink-1{flex-shrink:1}.sm\:us-gap-0{gap:0}.sm\:us-gap-1{gap:.25rem}.sm\:us-gap-2{gap:.5rem}.sm\:us-gap-3{gap:.75rem}.sm\:us-gap-4{gap:1rem}.sm\:us-gap-5{gap:1.25rem}.sm\:us-gap-6{gap:1.5rem}.sm\:us-gap-7{gap:1.75rem}.sm\:us-gap-8{gap:2rem}.sm\:us-gap-x-0{column-gap:0}.sm\:us-gap-x-1{column-gap:.25rem}.sm\:us-gap-x-2{column-gap:.5rem}.sm\:us-gap-x-3{column-gap:.75rem}.sm\:us-gap-x-4{column-gap:1rem}.sm\:us-gap-x-5{column-gap:1.25rem}.sm\:us-gap-x-6{column-gap:1.5rem}.sm\:us-gap-x-7{column-gap:1.75rem}.sm\:us-gap-x-8{column-gap:2rem}.sm\:us-gap-y-0{row-gap:0}.sm\:us-gap-y-1{row-gap:.25rem}.sm\:us-gap-y-2{row-gap:.5rem}.sm\:us-gap-y-3{row-gap:.75rem}.sm\:us-gap-y-4{row-gap:1rem}.sm\:us-gap-y-5{row-gap:1.25rem}.sm\:us-gap-y-6{row-gap:1.5rem}.sm\:us-gap-y-7{row-gap:1.75rem}.sm\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 960px){.md\:us-d-block{display:block}.md\:us-d-inline{display:inline}.md\:us-d-flex{display:flex}.md\:us-d-grid{display:grid}.md\:us-d-contents{display:contents}.md\:us-d-none{display:none}.md\:us-flex-row{flex-direction:row}.md\:us-flex-row-reverse{flex-direction:row-reverse}.md\:us-flex-col{flex-direction:column}.md\:us-flex-col-reverse{flex-direction:column-reverse}.md\:us-flex-nowrap{flex-wrap:nowrap}.md\:us-flex-wrap{flex-wrap:wrap}.md\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.md\:us-flex-grow-0{flex-grow:0}.md\:us-flex-grow-1{flex-grow:1}.md\:us-flex-shrink-0{flex-shrink:0}.md\:us-flex-shrink-1{flex-shrink:1}.md\:us-gap-0{gap:0}.md\:us-gap-1{gap:.25rem}.md\:us-gap-2{gap:.5rem}.md\:us-gap-3{gap:.75rem}.md\:us-gap-4{gap:1rem}.md\:us-gap-5{gap:1.25rem}.md\:us-gap-6{gap:1.5rem}.md\:us-gap-7{gap:1.75rem}.md\:us-gap-8{gap:2rem}.md\:us-gap-x-0{column-gap:0}.md\:us-gap-x-1{column-gap:.25rem}.md\:us-gap-x-2{column-gap:.5rem}.md\:us-gap-x-3{column-gap:.75rem}.md\:us-gap-x-4{column-gap:1rem}.md\:us-gap-x-5{column-gap:1.25rem}.md\:us-gap-x-6{column-gap:1.5rem}.md\:us-gap-x-7{column-gap:1.75rem}.md\:us-gap-x-8{column-gap:2rem}.md\:us-gap-y-0{row-gap:0}.md\:us-gap-y-1{row-gap:.25rem}.md\:us-gap-y-2{row-gap:.5rem}.md\:us-gap-y-3{row-gap:.75rem}.md\:us-gap-y-4{row-gap:1rem}.md\:us-gap-y-5{row-gap:1.25rem}.md\:us-gap-y-6{row-gap:1.5rem}.md\:us-gap-y-7{row-gap:1.75rem}.md\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1264px){.lg\:us-d-block{display:block}.lg\:us-d-inline{display:inline}.lg\:us-d-flex{display:flex}.lg\:us-d-grid{display:grid}.lg\:us-d-contents{display:contents}.lg\:us-d-none{display:none}.lg\:us-flex-row{flex-direction:row}.lg\:us-flex-row-reverse{flex-direction:row-reverse}.lg\:us-flex-col{flex-direction:column}.lg\:us-flex-col-reverse{flex-direction:column-reverse}.lg\:us-flex-nowrap{flex-wrap:nowrap}.lg\:us-flex-wrap{flex-wrap:wrap}.lg\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.lg\:us-flex-grow-0{flex-grow:0}.lg\:us-flex-grow-1{flex-grow:1}.lg\:us-flex-shrink-0{flex-shrink:0}.lg\:us-flex-shrink-1{flex-shrink:1}.lg\:us-gap-0{gap:0}.lg\:us-gap-1{gap:.25rem}.lg\:us-gap-2{gap:.5rem}.lg\:us-gap-3{gap:.75rem}.lg\:us-gap-4{gap:1rem}.lg\:us-gap-5{gap:1.25rem}.lg\:us-gap-6{gap:1.5rem}.lg\:us-gap-7{gap:1.75rem}.lg\:us-gap-8{gap:2rem}.lg\:us-gap-x-0{column-gap:0}.lg\:us-gap-x-1{column-gap:.25rem}.lg\:us-gap-x-2{column-gap:.5rem}.lg\:us-gap-x-3{column-gap:.75rem}.lg\:us-gap-x-4{column-gap:1rem}.lg\:us-gap-x-5{column-gap:1.25rem}.lg\:us-gap-x-6{column-gap:1.5rem}.lg\:us-gap-x-7{column-gap:1.75rem}.lg\:us-gap-x-8{column-gap:2rem}.lg\:us-gap-y-0{row-gap:0}.lg\:us-gap-y-1{row-gap:.25rem}.lg\:us-gap-y-2{row-gap:.5rem}.lg\:us-gap-y-3{row-gap:.75rem}.lg\:us-gap-y-4{row-gap:1rem}.lg\:us-gap-y-5{row-gap:1.25rem}.lg\:us-gap-y-6{row-gap:1.5rem}.lg\:us-gap-y-7{row-gap:1.75rem}.lg\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1904px){.xl\:us-d-block{display:block}.xl\:us-d-inline{display:inline}.xl\:us-d-flex{display:flex}.xl\:us-d-grid{display:grid}.xl\:us-d-contents{display:contents}.xl\:us-d-none{display:none}.xl\:us-flex-row{flex-direction:row}.xl\:us-flex-row-reverse{flex-direction:row-reverse}.xl\:us-flex-col{flex-direction:column}.xl\:us-flex-col-reverse{flex-direction:column-reverse}.xl\:us-flex-nowrap{flex-wrap:nowrap}.xl\:us-flex-wrap{flex-wrap:wrap}.xl\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xl\:us-flex-grow-0{flex-grow:0}.xl\:us-flex-grow-1{flex-grow:1}.xl\:us-flex-shrink-0{flex-shrink:0}.xl\:us-flex-shrink-1{flex-shrink:1}.xl\:us-gap-0{gap:0}.xl\:us-gap-1{gap:.25rem}.xl\:us-gap-2{gap:.5rem}.xl\:us-gap-3{gap:.75rem}.xl\:us-gap-4{gap:1rem}.xl\:us-gap-5{gap:1.25rem}.xl\:us-gap-6{gap:1.5rem}.xl\:us-gap-7{gap:1.75rem}.xl\:us-gap-8{gap:2rem}.xl\:us-gap-x-0{column-gap:0}.xl\:us-gap-x-1{column-gap:.25rem}.xl\:us-gap-x-2{column-gap:.5rem}.xl\:us-gap-x-3{column-gap:.75rem}.xl\:us-gap-x-4{column-gap:1rem}.xl\:us-gap-x-5{column-gap:1.25rem}.xl\:us-gap-x-6{column-gap:1.5rem}.xl\:us-gap-x-7{column-gap:1.75rem}.xl\:us-gap-x-8{column-gap:2rem}.xl\:us-gap-y-0{row-gap:0}.xl\:us-gap-y-1{row-gap:.25rem}.xl\:us-gap-y-2{row-gap:.5rem}.xl\:us-gap-y-3{row-gap:.75rem}.xl\:us-gap-y-4{row-gap:1rem}.xl\:us-gap-y-5{row-gap:1.25rem}.xl\:us-gap-y-6{row-gap:1.5rem}.xl\:us-gap-y-7{row-gap:1.75rem}.xl\:us-gap-y-8{row-gap:2rem}}.slider-container{width:300px;height:20px;background-color:#ccc;position:relative;margin-top:20px}.slider-point{width:20px;height:20px;background-color:#007bff;border-radius:50%;position:absolute;cursor:pointer}