@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/fci-styles.css +0 -11
- package/css/fci-styles.min.css +1 -1
- package/css/styles.css +524 -0
- package/css/styles.min.css +1 -1
- package/css/theme-default.css +31 -6
- package/css/theme-default.min.css +1 -1
- package/fci-styles.scss +0 -11
- package/package.json +1 -1
- package/scss/_utilities.scss +52 -0
- package/scss/components/_backdrop.scss +40 -0
- package/scss/components/_drawer.scss +152 -0
- package/scss/components/_index.scss +5 -0
- package/scss/components/_toolbar.scss +47 -0
- package/scss/mixins/_outline.scss +10 -0
- package/scss/themes/default/components/_drawer.scss +6 -0
- package/scss/themes/default/components/_index.scss +5 -0
- package/scss/themes/default/components/_menu.scss +9 -11
- package/scss/themes/default/components/_toolbar.scss +27 -0
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
|
}
|
package/css/styles.min.css
CHANGED
|
@@ -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}
|