@code-coaching/vuetiful 0.0.2 → 0.0.4
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/dist/style.css +10 -1
- package/dist/styles/all.css +694 -551
- package/dist/types/directives/clipboard.d.ts +3 -0
- package/dist/types/directives/index.d.ts +2 -0
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/code-block/code-block.vue.d.ts +110 -0
- package/dist/types/utils/code-block/highlight.d.ts +4 -0
- package/dist/types/utils/index.d.ts +2 -2
- package/dist/types/utils/theme/theme-switcher.vue.d.ts +1 -1
- package/dist/types/utils/theme/theme.d.ts +3 -3
- package/dist/vuetiful.es.mjs +46490 -38
- package/dist/vuetiful.umd.js +25 -17
- package/package.json +4 -1
- package/src/directives/clipboard.ts +9 -0
- package/src/directives/index.ts +5 -0
- package/src/index.ts +1 -9
- package/src/utils/code-block/code-block.vue +106 -0
- package/src/utils/code-block/highlight.ts +19 -0
- package/src/utils/index.ts +3 -2
- package/dist/types/utils/MyUtil.d.ts +0 -5
- package/src/utils/MyUtil.ts +0 -7
package/dist/styles/all.css
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";
|
|
2
|
-
|
|
3
1
|
/* Stylesheet: all.css */
|
|
4
2
|
|
|
5
3
|
/* Import AFTER your theme, but BEFORE your global stylesheet. */
|
|
@@ -441,21 +439,21 @@ video {
|
|
|
441
439
|
|
|
442
440
|
/* === Body Styles === */
|
|
443
441
|
|
|
444
|
-
body{
|
|
442
|
+
body {
|
|
445
443
|
background-color: rgb(var(--color-surface-50));
|
|
446
444
|
}
|
|
447
445
|
|
|
448
|
-
.dark body{
|
|
446
|
+
.dark body {
|
|
449
447
|
background-color:rgb(var(--color-surface-900));
|
|
450
448
|
}
|
|
451
449
|
|
|
452
450
|
/* === Selection === */
|
|
453
451
|
|
|
454
|
-
::-moz-selection{
|
|
452
|
+
::-moz-selection {
|
|
455
453
|
background-color: rgb(var(--color-primary-500) / 0.3);
|
|
456
454
|
}
|
|
457
455
|
|
|
458
|
-
::selection{
|
|
456
|
+
::selection {
|
|
459
457
|
background-color: rgb(var(--color-primary-500) / 0.3);
|
|
460
458
|
}
|
|
461
459
|
|
|
@@ -475,29 +473,29 @@ html {
|
|
|
475
473
|
|
|
476
474
|
/* === Scrollbars === */
|
|
477
475
|
|
|
478
|
-
::-webkit-scrollbar{
|
|
476
|
+
::-webkit-scrollbar {
|
|
479
477
|
width: 0.5rem;
|
|
480
478
|
}
|
|
481
479
|
|
|
482
|
-
::-webkit-scrollbar-track{
|
|
480
|
+
::-webkit-scrollbar-track {
|
|
483
481
|
padding-left: 1px;
|
|
484
482
|
padding-right: 1px;
|
|
485
483
|
background-color: rgb(var(--color-surface-50)) !important;
|
|
486
484
|
}
|
|
487
485
|
|
|
488
|
-
.dark ::-webkit-scrollbar-track{
|
|
486
|
+
.dark ::-webkit-scrollbar-track {
|
|
489
487
|
background-color: rgb(var(--color-surface-900)) !important;
|
|
490
488
|
}
|
|
491
489
|
|
|
492
|
-
::-webkit-scrollbar-thumb{
|
|
490
|
+
::-webkit-scrollbar-thumb {
|
|
493
491
|
background-color: rgb(var(--color-surface-400));
|
|
494
492
|
}
|
|
495
493
|
|
|
496
|
-
.dark ::-webkit-scrollbar-thumb{
|
|
494
|
+
.dark ::-webkit-scrollbar-thumb {
|
|
497
495
|
background-color: rgb(var(--color-surface-500));
|
|
498
496
|
}
|
|
499
497
|
|
|
500
|
-
::-webkit-scrollbar-thumb{
|
|
498
|
+
::-webkit-scrollbar-thumb {
|
|
501
499
|
border-radius: var(--theme-rounded-base);
|
|
502
500
|
}
|
|
503
501
|
|
|
@@ -525,101 +523,101 @@ html.dark {
|
|
|
525
523
|
|
|
526
524
|
/* === Horizontal Rules === */
|
|
527
525
|
|
|
528
|
-
hr:not(.divider){
|
|
526
|
+
hr:not(.divider) {
|
|
529
527
|
display: block;
|
|
530
528
|
border-top-width: 1px;
|
|
531
529
|
border-style: solid;
|
|
532
530
|
border-color: rgb(var(--color-surface-300));
|
|
533
531
|
}
|
|
534
532
|
|
|
535
|
-
.dark hr:not(.divider){
|
|
533
|
+
.dark hr:not(.divider) {
|
|
536
534
|
border-color:rgb(var(--color-surface-600));
|
|
537
535
|
}
|
|
538
536
|
|
|
539
|
-
body{
|
|
537
|
+
body {
|
|
540
538
|
font-family: var(--theme-font-family-base);
|
|
541
539
|
color: rgba(var(--theme-font-color-base));
|
|
542
540
|
}
|
|
543
541
|
|
|
544
|
-
.dark body{
|
|
542
|
+
.dark body {
|
|
545
543
|
color:rgba(var(--theme-font-color-dark));
|
|
546
544
|
}
|
|
547
545
|
|
|
548
546
|
/* === Headings === */
|
|
549
547
|
|
|
550
|
-
h1:not(.unstyled):is(:not(.prose *)){
|
|
548
|
+
h1:not(.unstyled):is(:not(.prose *)) {
|
|
551
549
|
font-size: 1.875rem;
|
|
552
550
|
line-height: 2.25rem;
|
|
553
551
|
font-family: var(--theme-font-family-heading);
|
|
554
552
|
}
|
|
555
553
|
|
|
556
|
-
@media (min-width: 768px){
|
|
557
|
-
h1:not(.unstyled):is(:not(.prose *)){
|
|
554
|
+
@media (min-width: 768px) {
|
|
555
|
+
h1:not(.unstyled):is(:not(.prose *)) {
|
|
558
556
|
font-size: 3rem;
|
|
559
557
|
line-height: 1;
|
|
560
558
|
}
|
|
561
559
|
}
|
|
562
560
|
|
|
563
|
-
h2:not(.unstyled):is(:not(.prose *)){
|
|
561
|
+
h2:not(.unstyled):is(:not(.prose *)) {
|
|
564
562
|
font-size: 1.5rem;
|
|
565
563
|
line-height: 2rem;
|
|
566
564
|
font-family: var(--theme-font-family-heading);
|
|
567
565
|
}
|
|
568
566
|
|
|
569
|
-
@media (min-width: 768px){
|
|
570
|
-
h2:not(.unstyled):is(:not(.prose *)){
|
|
567
|
+
@media (min-width: 768px) {
|
|
568
|
+
h2:not(.unstyled):is(:not(.prose *)) {
|
|
571
569
|
font-size: 2.25rem;
|
|
572
570
|
line-height: 2.5rem;
|
|
573
571
|
}
|
|
574
572
|
}
|
|
575
573
|
|
|
576
|
-
h3:not(.unstyled):is(:not(.prose *)){
|
|
574
|
+
h3:not(.unstyled):is(:not(.prose *)) {
|
|
577
575
|
font-size: 1.25rem;
|
|
578
576
|
line-height: 1.75rem;
|
|
579
577
|
font-family: var(--theme-font-family-heading);
|
|
580
578
|
}
|
|
581
579
|
|
|
582
|
-
@media (min-width: 768px){
|
|
583
|
-
h3:not(.unstyled):is(:not(.prose *)){
|
|
580
|
+
@media (min-width: 768px) {
|
|
581
|
+
h3:not(.unstyled):is(:not(.prose *)) {
|
|
584
582
|
font-size: 1.5rem;
|
|
585
583
|
line-height: 2rem;
|
|
586
584
|
}
|
|
587
585
|
}
|
|
588
586
|
|
|
589
|
-
h4:not(.unstyled):is(:not(.prose *)){
|
|
587
|
+
h4:not(.unstyled):is(:not(.prose *)) {
|
|
590
588
|
font-size: 1.125rem;
|
|
591
589
|
line-height: 1.75rem;
|
|
592
590
|
font-family: var(--theme-font-family-heading);
|
|
593
591
|
}
|
|
594
592
|
|
|
595
|
-
@media (min-width: 768px){
|
|
596
|
-
h4:not(.unstyled):is(:not(.prose *)){
|
|
593
|
+
@media (min-width: 768px) {
|
|
594
|
+
h4:not(.unstyled):is(:not(.prose *)) {
|
|
597
595
|
font-size: 1.25rem;
|
|
598
596
|
line-height: 1.75rem;
|
|
599
597
|
}
|
|
600
598
|
}
|
|
601
599
|
|
|
602
|
-
h5:not(.unstyled):is(:not(.prose *)){
|
|
600
|
+
h5:not(.unstyled):is(:not(.prose *)) {
|
|
603
601
|
font-size: 1rem;
|
|
604
602
|
line-height: 1.5rem;
|
|
605
603
|
font-family: var(--theme-font-family-heading);
|
|
606
604
|
}
|
|
607
605
|
|
|
608
|
-
@media (min-width: 768px){
|
|
609
|
-
h5:not(.unstyled):is(:not(.prose *)){
|
|
606
|
+
@media (min-width: 768px) {
|
|
607
|
+
h5:not(.unstyled):is(:not(.prose *)) {
|
|
610
608
|
font-size: 1.125rem;
|
|
611
609
|
line-height: 1.75rem;
|
|
612
610
|
}
|
|
613
611
|
}
|
|
614
612
|
|
|
615
|
-
h6:not(.unstyled):is(:not(.prose *)){
|
|
616
|
-
font-size: 0.875rem;
|
|
617
|
-
line-height: 1.25rem;
|
|
613
|
+
h6:not(.unstyled):is(:not(.prose *)) {
|
|
618
614
|
font-family: var(--theme-font-family-heading);
|
|
615
|
+
font-size:.875rem;
|
|
616
|
+
line-height:1.25rem;
|
|
619
617
|
}
|
|
620
618
|
|
|
621
|
-
@media (min-width: 768px){
|
|
622
|
-
h6:not(.unstyled):is(:not(.prose *)){
|
|
619
|
+
@media (min-width: 768px) {
|
|
620
|
+
h6:not(.unstyled):is(:not(.prose *)) {
|
|
623
621
|
font-size: 1rem;
|
|
624
622
|
line-height: 1.5rem;
|
|
625
623
|
}
|
|
@@ -635,7 +633,7 @@ p:not(.unstyled):is(:not(.prose *)) {
|
|
|
635
633
|
|
|
636
634
|
a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(.logo-item):not(a.card):not(
|
|
637
635
|
.list-nav a
|
|
638
|
-
){
|
|
636
|
+
) {
|
|
639
637
|
--tw-text-opacity: 1;
|
|
640
638
|
color: rgb(var(--color-primary-700) / var(--tw-text-opacity));
|
|
641
639
|
text-decoration-line: underline;
|
|
@@ -643,19 +641,19 @@ a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not
|
|
|
643
641
|
|
|
644
642
|
a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(.logo-item):not(a.card):not(
|
|
645
643
|
.list-nav a
|
|
646
|
-
):hover{
|
|
644
|
+
):hover {
|
|
647
645
|
--tw-brightness: brightness(1.1);
|
|
648
646
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
649
647
|
}
|
|
650
648
|
|
|
651
649
|
.dark a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(.logo-item):not(a.card):not(
|
|
652
650
|
.list-nav a
|
|
653
|
-
){
|
|
651
|
+
) {
|
|
654
652
|
--tw-text-opacity: 1;
|
|
655
653
|
color: rgb(var(--color-primary-500) / var(--tw-text-opacity));
|
|
656
654
|
}
|
|
657
655
|
|
|
658
|
-
blockquote:not(.unstyled):is(:not(.prose *)){
|
|
656
|
+
blockquote:not(.unstyled):is(:not(.prose *)) {
|
|
659
657
|
border-left-width: 8px;
|
|
660
658
|
--tw-border-opacity: 1;
|
|
661
659
|
border-left-color: rgb(var(--color-secondary-500) / var(--tw-border-opacity));
|
|
@@ -667,17 +665,25 @@ blockquote:not(.unstyled):is(:not(.prose *)){
|
|
|
667
665
|
color: rgba(var(--theme-font-color-base));
|
|
668
666
|
}
|
|
669
667
|
|
|
668
|
+
.dark blockquote:not(.unstyled):is(:not(.prose *)) {
|
|
669
|
+
color: rgba(var(--theme-font-color-dark));
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
blockquote:not(.unstyled):is(:not(.prose *)){
|
|
673
|
+
padding-left:1rem
|
|
674
|
+
}
|
|
675
|
+
|
|
670
676
|
.dark blockquote:not(.unstyled):is(:not(.prose *)){
|
|
671
|
-
color:rgba(var(--theme-font-color-dark))
|
|
677
|
+
color:rgba(var(--theme-font-color-dark))
|
|
672
678
|
}
|
|
673
679
|
|
|
674
680
|
/* Keyboard */
|
|
675
681
|
|
|
676
|
-
kbd:not(.unstyled):is(:not(.prose *)){
|
|
682
|
+
kbd:not(.unstyled):is(:not(.prose *)) {
|
|
677
683
|
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
678
|
-
font-size: 0.875rem;
|
|
679
|
-
line-height: 1.25rem;
|
|
680
684
|
font-weight: 700;
|
|
685
|
+
font-size:.875rem;
|
|
686
|
+
line-height:1.25rem;
|
|
681
687
|
border-radius: 0.25rem;
|
|
682
688
|
padding-left: 0.375rem;
|
|
683
689
|
padding-right: 0.375rem;
|
|
@@ -686,7 +692,7 @@ kbd:not(.unstyled):is(:not(.prose *)){
|
|
|
686
692
|
background-color: rgb(var(--color-surface-300));
|
|
687
693
|
}
|
|
688
694
|
|
|
689
|
-
.dark kbd:not(.unstyled):is(:not(.prose *)){
|
|
695
|
+
.dark kbd:not(.unstyled):is(:not(.prose *)) {
|
|
690
696
|
background-color: rgb(var(--color-surface-600));
|
|
691
697
|
}
|
|
692
698
|
|
|
@@ -698,7 +704,7 @@ kbd:not(.unstyled):is(:not(.prose *)){
|
|
|
698
704
|
background-color:rgb(var(--color-surface-600))
|
|
699
705
|
}
|
|
700
706
|
|
|
701
|
-
kbd:not(.unstyled):is(:not(.prose *)){
|
|
707
|
+
kbd:not(.unstyled):is(:not(.prose *)) {
|
|
702
708
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
703
709
|
--tw-ring-inset: inset;
|
|
704
710
|
--tw-ring-opacity: 1;
|
|
@@ -715,42 +721,43 @@ kbd:not(.unstyled):is(:not(.prose *)){
|
|
|
715
721
|
|
|
716
722
|
/* For use outside of Skeleton's CodeBlock component */
|
|
717
723
|
|
|
718
|
-
pre:not(.unstyled):not(.code-block pre):is(:not(.prose *)){
|
|
724
|
+
pre:not(.unstyled):not(.code-block pre):is(:not(.prose *)) {
|
|
719
725
|
overflow-x: auto;
|
|
720
|
-
white-space: pre-wrap;
|
|
721
726
|
background-color: rgb(23 23 23 / 0.9);
|
|
722
727
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
723
728
|
font-size: 1rem;
|
|
724
729
|
line-height: 1.5rem;
|
|
725
|
-
|
|
726
|
-
color
|
|
730
|
+
white-space:pre-wrap;
|
|
731
|
+
background-color:#171717e6;
|
|
727
732
|
padding:1rem;
|
|
733
|
+
--tw-text-opacity: 1;
|
|
734
|
+
color:rgb(255 255 255 / var(--tw-text-opacity));
|
|
728
735
|
border-radius:var(--theme-rounded-container);
|
|
729
736
|
}
|
|
730
737
|
|
|
731
|
-
code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)){
|
|
738
|
+
code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)) {
|
|
732
739
|
white-space: nowrap;
|
|
733
740
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
734
|
-
font-size: 0.75rem;
|
|
735
|
-
line-height: 1rem;
|
|
736
741
|
--tw-text-opacity: 1;
|
|
737
742
|
color: rgb(var(--color-primary-700) / var(--tw-text-opacity));
|
|
743
|
+
font-size:.75rem;
|
|
744
|
+
line-height:1rem;
|
|
738
745
|
}
|
|
739
746
|
|
|
740
|
-
.dark code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)){
|
|
747
|
+
.dark code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)) {
|
|
741
748
|
--tw-text-opacity: 1;
|
|
742
749
|
color: rgb(var(--color-primary-400) / var(--tw-text-opacity));
|
|
743
750
|
}
|
|
744
751
|
|
|
745
|
-
code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)){
|
|
752
|
+
code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)) {
|
|
746
753
|
background-color: rgb(var(--color-primary-500) / 0.3);
|
|
747
754
|
}
|
|
748
755
|
|
|
749
|
-
.dark code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)){
|
|
756
|
+
.dark code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)) {
|
|
750
757
|
background-color: rgb(var(--color-primary-500) / 0.2);
|
|
751
758
|
}
|
|
752
759
|
|
|
753
|
-
code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)){
|
|
760
|
+
code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)) {
|
|
754
761
|
padding-top: 0.125rem;
|
|
755
762
|
padding-bottom: 0.125rem;
|
|
756
763
|
padding-left: 0.25rem;
|
|
@@ -765,7 +772,7 @@ code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)){
|
|
|
765
772
|
/* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del */
|
|
766
773
|
|
|
767
774
|
ins:not(.unstyled):is(:not(.prose *)),
|
|
768
|
-
del:not(.unstyled):is(:not(.prose *)){
|
|
775
|
+
del:not(.unstyled):is(:not(.prose *)) {
|
|
769
776
|
position: relative;
|
|
770
777
|
display: block;
|
|
771
778
|
padding: 0.125rem;
|
|
@@ -774,7 +781,7 @@ ins:not(.unstyled):is(:not(.prose *)),
|
|
|
774
781
|
}
|
|
775
782
|
|
|
776
783
|
ins:not(.unstyled):is(:not(.prose *))::before,
|
|
777
|
-
del:not(.unstyled):is(:not(.prose *))::before{
|
|
784
|
+
del:not(.unstyled):is(:not(.prose *))::before {
|
|
778
785
|
left: 0.25rem;
|
|
779
786
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
780
787
|
position:absolute;
|
|
@@ -788,14 +795,14 @@ del:not(.unstyled):is(:not(.prose *))::before {
|
|
|
788
795
|
content: '−';
|
|
789
796
|
}
|
|
790
797
|
|
|
791
|
-
ins:not(.unstyled):is(:not(.prose *)){
|
|
798
|
+
ins:not(.unstyled):is(:not(.prose *)) {
|
|
792
799
|
--tw-bg-opacity: 1;
|
|
793
800
|
background-color: rgb(var(--color-success-500) / var(--tw-bg-opacity));
|
|
794
801
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
795
802
|
color: rgb(var(--on-success));
|
|
796
803
|
}
|
|
797
804
|
|
|
798
|
-
del:not(.unstyled):is(:not(.prose *)){
|
|
805
|
+
del:not(.unstyled):is(:not(.prose *)) {
|
|
799
806
|
--tw-bg-opacity: 1;
|
|
800
807
|
background-color: rgb(var(--color-error-500) / var(--tw-bg-opacity));
|
|
801
808
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
@@ -806,14 +813,14 @@ del:not(.unstyled):is(:not(.prose *)){
|
|
|
806
813
|
|
|
807
814
|
/* Useful for displaying timestamps */
|
|
808
815
|
|
|
809
|
-
time:not(.unstyled):is(:not(.prose *)){
|
|
810
|
-
font-size: 0.875rem;
|
|
811
|
-
line-height: 1.25rem;
|
|
816
|
+
time:not(.unstyled):is(:not(.prose *)) {
|
|
812
817
|
--tw-text-opacity: 1;
|
|
813
818
|
color: rgb(var(--color-surface-500) / var(--tw-text-opacity));
|
|
819
|
+
font-size:.875rem;
|
|
820
|
+
line-height:1.25rem;
|
|
814
821
|
}
|
|
815
822
|
|
|
816
|
-
.dark time:not(.unstyled):is(:not(.prose *)){
|
|
823
|
+
.dark time:not(.unstyled):is(:not(.prose *)) {
|
|
817
824
|
--tw-text-opacity: 1;
|
|
818
825
|
color: rgb(var(--color-surface-400) / var(--tw-text-opacity));
|
|
819
826
|
}
|
|
@@ -822,39 +829,39 @@ time:not(.unstyled):is(:not(.prose *)){
|
|
|
822
829
|
|
|
823
830
|
fieldset,
|
|
824
831
|
legend,
|
|
825
|
-
label{
|
|
832
|
+
label {
|
|
826
833
|
display: block;
|
|
827
834
|
}
|
|
828
835
|
|
|
829
836
|
/* Placeholders */
|
|
830
837
|
|
|
831
|
-
::-moz-placeholder{
|
|
838
|
+
::-moz-placeholder {
|
|
832
839
|
color: rgb(var(--color-surface-500));
|
|
833
840
|
}
|
|
834
841
|
|
|
835
|
-
.dark ::-moz-placeholder{
|
|
842
|
+
.dark ::-moz-placeholder {
|
|
836
843
|
color:rgb(var(--color-surface-400));
|
|
837
844
|
}
|
|
838
845
|
|
|
839
|
-
::-moz-placeholder{
|
|
846
|
+
::-moz-placeholder {
|
|
840
847
|
color: rgb(var(--color-surface-500));
|
|
841
848
|
}
|
|
842
849
|
|
|
843
|
-
::placeholder{
|
|
850
|
+
::placeholder {
|
|
844
851
|
color: rgb(var(--color-surface-500));
|
|
845
852
|
}
|
|
846
853
|
|
|
847
|
-
.dark ::-moz-placeholder{
|
|
854
|
+
.dark ::-moz-placeholder {
|
|
848
855
|
color:rgb(var(--color-surface-400));
|
|
849
856
|
}
|
|
850
857
|
|
|
851
|
-
.dark ::placeholder{
|
|
858
|
+
.dark ::placeholder {
|
|
852
859
|
color:rgb(var(--color-surface-400));
|
|
853
860
|
}
|
|
854
861
|
|
|
855
862
|
/* Date Calendar Picker (Webkit) */
|
|
856
863
|
|
|
857
|
-
.dark ::-webkit-calendar-picker-indicator{
|
|
864
|
+
.dark ::-webkit-calendar-picker-indicator {
|
|
858
865
|
--tw-invert: invert(100%);
|
|
859
866
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
860
867
|
}
|
|
@@ -867,37 +874,37 @@ progress {
|
|
|
867
874
|
-webkit-appearance: none;
|
|
868
875
|
appearance: none;
|
|
869
876
|
height: 0.5rem;
|
|
870
|
-
overflow: hidden;
|
|
871
877
|
width:100%;
|
|
878
|
+
overflow:hidden;
|
|
872
879
|
border-radius:var(--theme-rounded-base);
|
|
873
880
|
background-color: rgb(var(--color-surface-400));
|
|
874
881
|
}
|
|
875
882
|
|
|
876
|
-
.dark progress{
|
|
883
|
+
.dark progress {
|
|
877
884
|
background-color:rgb(var(--color-surface-500));
|
|
878
885
|
}
|
|
879
886
|
|
|
880
|
-
progress::-webkit-progress-bar{
|
|
887
|
+
progress::-webkit-progress-bar {
|
|
881
888
|
background-color: rgb(var(--color-surface-400));
|
|
882
889
|
}
|
|
883
890
|
|
|
884
|
-
.dark progress::-webkit-progress-bar{
|
|
891
|
+
.dark progress::-webkit-progress-bar {
|
|
885
892
|
background-color:rgb(var(--color-surface-500));
|
|
886
893
|
}
|
|
887
894
|
|
|
888
|
-
progress::-webkit-progress-value{
|
|
895
|
+
progress::-webkit-progress-value {
|
|
889
896
|
background-color: rgb(var(--color-surface-900));
|
|
890
897
|
}
|
|
891
898
|
|
|
892
|
-
.dark progress::-webkit-progress-value{
|
|
899
|
+
.dark progress::-webkit-progress-value {
|
|
893
900
|
background-color:rgb(var(--color-surface-50));
|
|
894
901
|
}
|
|
895
902
|
|
|
896
|
-
::-moz-progress-bar{
|
|
903
|
+
::-moz-progress-bar {
|
|
897
904
|
background-color: rgb(var(--color-surface-900));
|
|
898
905
|
}
|
|
899
906
|
|
|
900
|
-
.dark ::-moz-progress-bar{
|
|
907
|
+
.dark ::-moz-progress-bar {
|
|
901
908
|
background-color:rgb(var(--color-surface-50));
|
|
902
909
|
}
|
|
903
910
|
|
|
@@ -909,12 +916,12 @@ progress::-webkit-progress-value{
|
|
|
909
916
|
|
|
910
917
|
/* https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color */
|
|
911
918
|
|
|
912
|
-
[type='range']{
|
|
919
|
+
[type='range'] {
|
|
913
920
|
accent-color: rgb(var(--color-surface-900) / 1);
|
|
914
921
|
width:100%;
|
|
915
922
|
}
|
|
916
923
|
|
|
917
|
-
.dark [type='range']{
|
|
924
|
+
.dark [type='range'] {
|
|
918
925
|
accent-color: rgb(var(--color-surface-50) / 1);
|
|
919
926
|
}
|
|
920
927
|
|
|
@@ -954,7 +961,7 @@ progress::-webkit-progress-value{
|
|
|
954
961
|
|
|
955
962
|
/* Material */
|
|
956
963
|
|
|
957
|
-
*, ::before, ::after{
|
|
964
|
+
*, ::before, ::after {
|
|
958
965
|
--tw-border-spacing-x: 0;
|
|
959
966
|
--tw-border-spacing-y: 0;
|
|
960
967
|
--tw-translate-x: 0;
|
|
@@ -1001,7 +1008,7 @@ progress::-webkit-progress-value{
|
|
|
1001
1008
|
--tw-backdrop-sepia: ;
|
|
1002
1009
|
}
|
|
1003
1010
|
|
|
1004
|
-
::backdrop{
|
|
1011
|
+
::backdrop {
|
|
1005
1012
|
--tw-border-spacing-x: 0;
|
|
1006
1013
|
--tw-border-spacing-y: 0;
|
|
1007
1014
|
--tw-translate-x: 0;
|
|
@@ -1056,17 +1063,17 @@ progress::-webkit-progress-value{
|
|
|
1056
1063
|
|
|
1057
1064
|
/* === States === */
|
|
1058
1065
|
|
|
1059
|
-
button:disabled{
|
|
1066
|
+
button:disabled {
|
|
1060
1067
|
cursor: not-allowed !important;
|
|
1061
1068
|
opacity: 0.5 !important;
|
|
1062
1069
|
}
|
|
1063
1070
|
|
|
1064
|
-
button:disabled:hover{
|
|
1071
|
+
button:disabled:hover {
|
|
1065
1072
|
--tw-brightness: brightness(1);
|
|
1066
1073
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1067
1074
|
}
|
|
1068
1075
|
|
|
1069
|
-
button:disabled:active{
|
|
1076
|
+
button:disabled:active {
|
|
1070
1077
|
--tw-scale-x: 1;
|
|
1071
1078
|
--tw-scale-y: 1;
|
|
1072
1079
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -1093,7 +1100,7 @@ button:disabled:active{
|
|
|
1093
1100
|
justify-content: center;
|
|
1094
1101
|
}
|
|
1095
1102
|
|
|
1096
|
-
.btn > :not([hidden]) ~ :not([hidden]){
|
|
1103
|
+
.btn > :not([hidden]) ~ :not([hidden]) {
|
|
1097
1104
|
--tw-space-x-reverse: 0;
|
|
1098
1105
|
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1099
1106
|
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
@@ -1105,7 +1112,7 @@ button:disabled:active{
|
|
|
1105
1112
|
/* States */
|
|
1106
1113
|
}
|
|
1107
1114
|
|
|
1108
|
-
.btn:hover{
|
|
1115
|
+
.btn:hover {
|
|
1109
1116
|
--tw-brightness: brightness(1.15);
|
|
1110
1117
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1111
1118
|
}
|
|
@@ -1120,7 +1127,7 @@ button:disabled:active{
|
|
|
1120
1127
|
border-radius:var(--theme-rounded-base);
|
|
1121
1128
|
}
|
|
1122
1129
|
|
|
1123
|
-
.btn:active{
|
|
1130
|
+
.btn:active {
|
|
1124
1131
|
--tw-scale-x: 95%;
|
|
1125
1132
|
--tw-scale-y: 95%;
|
|
1126
1133
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -1132,6 +1139,15 @@ button:disabled:active{
|
|
|
1132
1139
|
|
|
1133
1140
|
/* Note: Default values are built into `.btn` */
|
|
1134
1141
|
|
|
1142
|
+
.btn-sm {
|
|
1143
|
+
padding-left: 0.75rem;
|
|
1144
|
+
padding-right: 0.75rem;
|
|
1145
|
+
padding-top: 0.375rem;
|
|
1146
|
+
padding-bottom: 0.375rem;
|
|
1147
|
+
font-size:.875rem;
|
|
1148
|
+
line-height:1.25rem;
|
|
1149
|
+
}
|
|
1150
|
+
|
|
1135
1151
|
/* === Icon Button === */
|
|
1136
1152
|
|
|
1137
1153
|
/* A circular button meant for housing icons. */
|
|
@@ -1157,7 +1173,7 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button {
|
|
|
1157
1173
|
justify-content: center;
|
|
1158
1174
|
}
|
|
1159
1175
|
|
|
1160
|
-
input[type='file']:not(.file-dropzone-input)::file-selector-button > :not([hidden]) ~ :not([hidden]){
|
|
1176
|
+
input[type='file']:not(.file-dropzone-input)::file-selector-button > :not([hidden]) ~ :not([hidden]) {
|
|
1161
1177
|
--tw-space-x-reverse: 0;
|
|
1162
1178
|
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1163
1179
|
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
@@ -1169,7 +1185,7 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
|
1169
1185
|
/* States */
|
|
1170
1186
|
}
|
|
1171
1187
|
|
|
1172
|
-
input[type='file']:not(.file-dropzone-input)::file-selector-button:hover{
|
|
1188
|
+
input[type='file']:not(.file-dropzone-input)::file-selector-button:hover {
|
|
1173
1189
|
--tw-brightness: brightness(1.15);
|
|
1174
1190
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1175
1191
|
}
|
|
@@ -1184,7 +1200,7 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button {
|
|
|
1184
1200
|
border-radius:var(--theme-rounded-base);
|
|
1185
1201
|
}
|
|
1186
1202
|
|
|
1187
|
-
input[type='file']:not(.file-dropzone-input)::file-selector-button:active{
|
|
1203
|
+
input[type='file']:not(.file-dropzone-input)::file-selector-button:active {
|
|
1188
1204
|
--tw-scale-x: 95%;
|
|
1189
1205
|
--tw-scale-y: 95%;
|
|
1190
1206
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -1192,30 +1208,30 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button:active{
|
|
|
1192
1208
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1193
1209
|
}
|
|
1194
1210
|
|
|
1195
|
-
input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
1211
|
+
input[type='file']:not(.file-dropzone-input)::file-selector-button {
|
|
1196
1212
|
padding-left: 0.75rem;
|
|
1197
1213
|
padding-right: 0.75rem;
|
|
1198
1214
|
padding-top: 0.375rem;
|
|
1199
1215
|
padding-bottom: 0.375rem;
|
|
1200
|
-
font-size
|
|
1201
|
-
line-height:
|
|
1216
|
+
font-size:.875rem;
|
|
1217
|
+
line-height:1.25rem;
|
|
1202
1218
|
background-color: rgb(var(--color-surface-900));
|
|
1203
1219
|
}
|
|
1204
1220
|
|
|
1205
|
-
.dark input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
1221
|
+
.dark input[type='file']:not(.file-dropzone-input)::file-selector-button {
|
|
1206
1222
|
background-color: rgb(var(--color-surface-50));
|
|
1207
1223
|
}
|
|
1208
1224
|
|
|
1209
|
-
input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
1225
|
+
input[type='file']:not(.file-dropzone-input)::file-selector-button {
|
|
1210
1226
|
color: rgb(var(--color-surface-50));
|
|
1211
1227
|
}
|
|
1212
1228
|
|
|
1213
|
-
.dark input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
1229
|
+
.dark input[type='file']:not(.file-dropzone-input)::file-selector-button {
|
|
1214
1230
|
background-color:rgb(var(--color-surface-50));
|
|
1215
1231
|
color:rgb(var(--color-surface-900));
|
|
1216
1232
|
}
|
|
1217
1233
|
|
|
1218
|
-
input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
1234
|
+
input[type='file']:not(.file-dropzone-input)::file-selector-button {
|
|
1219
1235
|
margin-right: 0.5rem;
|
|
1220
1236
|
border-width: 0px;
|
|
1221
1237
|
}
|
|
@@ -1242,7 +1258,7 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
|
1242
1258
|
|
|
1243
1259
|
.list > :not([hidden]) ~ :not([hidden]),
|
|
1244
1260
|
.list-dl > :not([hidden]) ~ :not([hidden]),
|
|
1245
|
-
.list-nav ul > :not([hidden]) ~ :not([hidden]){
|
|
1261
|
+
.list-nav ul > :not([hidden]) ~ :not([hidden]) {
|
|
1246
1262
|
--tw-space-y-reverse: 0;
|
|
1247
1263
|
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1248
1264
|
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
@@ -1252,14 +1268,14 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
|
1252
1268
|
|
|
1253
1269
|
.list-nav a,
|
|
1254
1270
|
.list-nav button,
|
|
1255
|
-
.list-option{
|
|
1271
|
+
.list-option {
|
|
1256
1272
|
display: flex;
|
|
1257
1273
|
align-items: center;
|
|
1258
1274
|
}
|
|
1259
1275
|
|
|
1260
1276
|
.list-nav a > :not([hidden]) ~ :not([hidden]),
|
|
1261
1277
|
.list-nav button > :not([hidden]) ~ :not([hidden]),
|
|
1262
|
-
.list-option > :not([hidden]) ~ :not([hidden]){
|
|
1278
|
+
.list-option > :not([hidden]) ~ :not([hidden]) {
|
|
1263
1279
|
--tw-space-x-reverse: 0;
|
|
1264
1280
|
margin-right: calc(1rem * var(--tw-space-x-reverse));
|
|
1265
1281
|
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
|
|
@@ -1267,7 +1283,7 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
|
1267
1283
|
|
|
1268
1284
|
.list-nav a,
|
|
1269
1285
|
.list-nav button,
|
|
1270
|
-
.list-option{
|
|
1286
|
+
.list-option {
|
|
1271
1287
|
white-space: nowrap;
|
|
1272
1288
|
display:flex;
|
|
1273
1289
|
align-items:center;
|
|
@@ -1281,7 +1297,7 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
|
1281
1297
|
|
|
1282
1298
|
.list-nav a:hover,
|
|
1283
1299
|
.list-nav button:hover,
|
|
1284
|
-
.list-option:hover{
|
|
1300
|
+
.list-option:hover {
|
|
1285
1301
|
background-color: rgb(var(--color-primary-500) / 0.1);
|
|
1286
1302
|
}
|
|
1287
1303
|
|
|
@@ -1306,11 +1322,11 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
|
1306
1322
|
|
|
1307
1323
|
/* === Sort Styles ==== */
|
|
1308
1324
|
|
|
1309
|
-
[data-sort]{
|
|
1325
|
+
[data-sort] {
|
|
1310
1326
|
cursor:pointer;
|
|
1311
1327
|
}
|
|
1312
1328
|
|
|
1313
|
-
[data-sort]:hover:hover{
|
|
1329
|
+
[data-sort]:hover:hover {
|
|
1314
1330
|
background-color: rgb(var(--color-primary-500) / 0.1);
|
|
1315
1331
|
}
|
|
1316
1332
|
|
|
@@ -1318,7 +1334,7 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
|
1318
1334
|
/* Sort Icon - invisible by default */
|
|
1319
1335
|
}
|
|
1320
1336
|
|
|
1321
|
-
[data-sort]::after{
|
|
1337
|
+
[data-sort]::after {
|
|
1322
1338
|
margin-left: 0.5rem !important;
|
|
1323
1339
|
opacity: 0;
|
|
1324
1340
|
--tw-content: '↓' !important;
|
|
@@ -1349,1097 +1365,1174 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
|
1349
1365
|
|
|
1350
1366
|
/* Soft */
|
|
1351
1367
|
|
|
1368
|
+
.variant-soft,
|
|
1369
|
+
.variant-soft-surface {
|
|
1370
|
+
background-color: rgb(var(--color-surface-400) / 0.2);
|
|
1371
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
|
|
1372
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
|
|
1373
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
|
|
1374
|
+
color: rgb(var(--color-surface-700));
|
|
1375
|
+
}
|
|
1376
|
+
|
|
1377
|
+
.dark .variant-soft,.dark
|
|
1378
|
+
.variant-soft-surface {
|
|
1379
|
+
color:rgb(var(--color-surface-200));
|
|
1380
|
+
background-color: rgb(var(--color-surface-500) / 0.2);
|
|
1381
|
+
}
|
|
1382
|
+
|
|
1352
1383
|
/* Glass */
|
|
1353
1384
|
|
|
1354
|
-
.absolute{
|
|
1385
|
+
.absolute {
|
|
1355
1386
|
position: absolute;
|
|
1356
1387
|
}
|
|
1357
1388
|
|
|
1358
|
-
.-m-4{
|
|
1389
|
+
.-m-4 {
|
|
1359
1390
|
margin: -1rem;
|
|
1360
1391
|
}
|
|
1361
1392
|
|
|
1362
|
-
.flex{
|
|
1393
|
+
.flex {
|
|
1363
1394
|
display: flex;
|
|
1364
1395
|
}
|
|
1365
1396
|
|
|
1366
|
-
.aspect-square{
|
|
1397
|
+
.aspect-square {
|
|
1367
1398
|
aspect-ratio: 1 / 1;
|
|
1368
1399
|
}
|
|
1369
1400
|
|
|
1370
|
-
.h-6{
|
|
1401
|
+
.h-6 {
|
|
1371
1402
|
height: 1.5rem;
|
|
1372
1403
|
}
|
|
1373
1404
|
|
|
1374
|
-
.h-fit{
|
|
1405
|
+
.h-fit {
|
|
1375
1406
|
height: -moz-fit-content;
|
|
1376
1407
|
height: fit-content;
|
|
1377
1408
|
}
|
|
1378
1409
|
|
|
1379
|
-
.h-full{
|
|
1410
|
+
.h-full {
|
|
1380
1411
|
height: 100%;
|
|
1381
1412
|
}
|
|
1382
1413
|
|
|
1383
|
-
.max-h-64{
|
|
1414
|
+
.max-h-64 {
|
|
1384
1415
|
max-height: 16rem;
|
|
1385
1416
|
}
|
|
1386
1417
|
|
|
1387
|
-
.w-12{
|
|
1418
|
+
.w-12 {
|
|
1388
1419
|
width: 3rem;
|
|
1389
1420
|
}
|
|
1390
1421
|
|
|
1391
|
-
.w-24{
|
|
1422
|
+
.w-24 {
|
|
1392
1423
|
width: 6rem;
|
|
1393
1424
|
}
|
|
1394
1425
|
|
|
1395
|
-
.w-60{
|
|
1426
|
+
.w-60 {
|
|
1396
1427
|
width: 15rem;
|
|
1397
1428
|
}
|
|
1398
1429
|
|
|
1399
|
-
.w-\[70\%\]{
|
|
1430
|
+
.w-\[70\%\] {
|
|
1400
1431
|
width: 70%;
|
|
1401
1432
|
}
|
|
1402
1433
|
|
|
1403
|
-
.w-fit{
|
|
1434
|
+
.w-fit {
|
|
1404
1435
|
width: -moz-fit-content;
|
|
1405
1436
|
width: fit-content;
|
|
1406
1437
|
}
|
|
1407
1438
|
|
|
1408
|
-
.w-full{
|
|
1439
|
+
.w-full {
|
|
1409
1440
|
width: 100%;
|
|
1410
1441
|
}
|
|
1411
1442
|
|
|
1412
|
-
.translate-x-\[100\%\]{
|
|
1443
|
+
.translate-x-\[100\%\] {
|
|
1413
1444
|
--tw-translate-x: 100%;
|
|
1414
1445
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1415
1446
|
}
|
|
1416
1447
|
|
|
1417
|
-
.scale-\[0\.8\]{
|
|
1448
|
+
.scale-\[0\.8\] {
|
|
1418
1449
|
--tw-scale-x: 0.8;
|
|
1419
1450
|
--tw-scale-y: 0.8;
|
|
1420
1451
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1421
1452
|
}
|
|
1422
1453
|
|
|
1423
|
-
.cursor-pointer{
|
|
1454
|
+
.cursor-pointer {
|
|
1424
1455
|
cursor: pointer;
|
|
1425
1456
|
}
|
|
1426
1457
|
|
|
1427
|
-
.flex-col{
|
|
1458
|
+
.flex-col {
|
|
1428
1459
|
flex-direction: column;
|
|
1429
1460
|
}
|
|
1430
1461
|
|
|
1431
|
-
.items-center{
|
|
1462
|
+
.items-center {
|
|
1432
1463
|
align-items: center;
|
|
1433
1464
|
}
|
|
1434
1465
|
|
|
1435
|
-
.justify-center{
|
|
1466
|
+
.justify-center {
|
|
1436
1467
|
justify-content: center;
|
|
1437
1468
|
}
|
|
1438
1469
|
|
|
1439
|
-
.justify-between{
|
|
1470
|
+
.justify-between {
|
|
1440
1471
|
justify-content: space-between;
|
|
1441
1472
|
}
|
|
1442
1473
|
|
|
1443
|
-
.gap-4{
|
|
1474
|
+
.gap-4 {
|
|
1444
1475
|
gap: 1rem;
|
|
1445
1476
|
}
|
|
1446
1477
|
|
|
1447
|
-
.space-y-4 > :not([hidden]) ~ :not([hidden]){
|
|
1478
|
+
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
1448
1479
|
--tw-space-y-reverse: 0;
|
|
1449
1480
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1450
1481
|
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
1451
1482
|
}
|
|
1452
1483
|
|
|
1453
|
-
.overflow-
|
|
1484
|
+
.overflow-hidden {
|
|
1485
|
+
overflow: hidden;
|
|
1486
|
+
}
|
|
1487
|
+
|
|
1488
|
+
.overflow-y-auto {
|
|
1454
1489
|
overflow-y: auto;
|
|
1455
1490
|
}
|
|
1456
1491
|
|
|
1457
|
-
.
|
|
1492
|
+
.whitespace-pre-wrap {
|
|
1493
|
+
white-space: pre-wrap;
|
|
1494
|
+
}
|
|
1495
|
+
|
|
1496
|
+
.break-all {
|
|
1497
|
+
word-break: break-all;
|
|
1498
|
+
}
|
|
1499
|
+
|
|
1500
|
+
.rounded {
|
|
1458
1501
|
border-radius: 0.25rem;
|
|
1459
1502
|
}
|
|
1460
1503
|
|
|
1461
|
-
.bg-
|
|
1504
|
+
.bg-neutral-900\/90 {
|
|
1505
|
+
background-color: rgb(23 23 23 / 0.9);
|
|
1506
|
+
}
|
|
1507
|
+
|
|
1508
|
+
.bg-primary-50 {
|
|
1462
1509
|
--tw-bg-opacity: 1;
|
|
1463
1510
|
background-color: rgb(var(--color-primary-50) / var(--tw-bg-opacity));
|
|
1464
1511
|
}
|
|
1465
1512
|
|
|
1466
|
-
.bg-primary-900{
|
|
1513
|
+
.bg-primary-900 {
|
|
1467
1514
|
--tw-bg-opacity: 1;
|
|
1468
1515
|
background-color: rgb(var(--color-primary-900) / var(--tw-bg-opacity));
|
|
1469
1516
|
}
|
|
1470
1517
|
|
|
1471
|
-
.bg-surface-200{
|
|
1518
|
+
.bg-surface-200 {
|
|
1472
1519
|
--tw-bg-opacity: 1;
|
|
1473
1520
|
background-color: rgb(var(--color-surface-200) / var(--tw-bg-opacity));
|
|
1474
1521
|
}
|
|
1475
1522
|
|
|
1476
|
-
.bg-surface-50{
|
|
1523
|
+
.bg-surface-50 {
|
|
1477
1524
|
--tw-bg-opacity: 1;
|
|
1478
1525
|
background-color: rgb(var(--color-surface-50) / var(--tw-bg-opacity));
|
|
1479
1526
|
}
|
|
1480
1527
|
|
|
1481
|
-
.bg-surface-900{
|
|
1528
|
+
.bg-surface-900 {
|
|
1482
1529
|
--tw-bg-opacity: 1;
|
|
1483
1530
|
background-color: rgb(var(--color-surface-900) / var(--tw-bg-opacity));
|
|
1484
1531
|
}
|
|
1485
1532
|
|
|
1486
|
-
.p-2{
|
|
1533
|
+
.p-2 {
|
|
1487
1534
|
padding: 0.5rem;
|
|
1488
1535
|
}
|
|
1489
1536
|
|
|
1490
|
-
.p-4{
|
|
1537
|
+
.p-4 {
|
|
1491
1538
|
padding: 1rem;
|
|
1492
1539
|
}
|
|
1493
1540
|
|
|
1494
|
-
.
|
|
1541
|
+
.pb-0 {
|
|
1542
|
+
padding-bottom: 0px;
|
|
1543
|
+
}
|
|
1544
|
+
|
|
1545
|
+
.pl-4 {
|
|
1546
|
+
padding-left: 1rem;
|
|
1547
|
+
}
|
|
1548
|
+
|
|
1549
|
+
.pt-1 {
|
|
1550
|
+
padding-top: 0.25rem;
|
|
1551
|
+
}
|
|
1552
|
+
|
|
1553
|
+
.text-center {
|
|
1495
1554
|
text-align: center;
|
|
1496
1555
|
}
|
|
1497
1556
|
|
|
1498
|
-
.
|
|
1557
|
+
.text-sm {
|
|
1558
|
+
font-size: 0.875rem;
|
|
1559
|
+
line-height: 1.25rem;
|
|
1560
|
+
}
|
|
1561
|
+
|
|
1562
|
+
.text-xs {
|
|
1563
|
+
font-size: 0.75rem;
|
|
1564
|
+
line-height: 1rem;
|
|
1565
|
+
}
|
|
1566
|
+
|
|
1567
|
+
.uppercase {
|
|
1568
|
+
text-transform: uppercase;
|
|
1569
|
+
}
|
|
1570
|
+
|
|
1571
|
+
.capitalize {
|
|
1499
1572
|
text-transform: capitalize;
|
|
1500
1573
|
}
|
|
1501
1574
|
|
|
1502
|
-
.text-primary-50{
|
|
1575
|
+
.text-primary-50 {
|
|
1503
1576
|
--tw-text-opacity: 1;
|
|
1504
1577
|
color: rgb(var(--color-primary-50) / var(--tw-text-opacity));
|
|
1505
1578
|
}
|
|
1506
1579
|
|
|
1507
|
-
.text-primary-900{
|
|
1580
|
+
.text-primary-900 {
|
|
1508
1581
|
--tw-text-opacity: 1;
|
|
1509
1582
|
color: rgb(var(--color-primary-900) / var(--tw-text-opacity));
|
|
1510
1583
|
}
|
|
1511
1584
|
|
|
1512
|
-
.text-surface-50{
|
|
1585
|
+
.text-surface-50 {
|
|
1513
1586
|
--tw-text-opacity: 1;
|
|
1514
1587
|
color: rgb(var(--color-surface-50) / var(--tw-text-opacity));
|
|
1515
1588
|
}
|
|
1516
1589
|
|
|
1517
|
-
.text-surface-900{
|
|
1590
|
+
.text-surface-900 {
|
|
1518
1591
|
--tw-text-opacity: 1;
|
|
1519
1592
|
color: rgb(var(--color-surface-900) / var(--tw-text-opacity));
|
|
1520
1593
|
}
|
|
1521
1594
|
|
|
1522
|
-
.
|
|
1595
|
+
.text-white {
|
|
1596
|
+
--tw-text-opacity: 1;
|
|
1597
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1598
|
+
}
|
|
1599
|
+
|
|
1600
|
+
.text-white\/50 {
|
|
1601
|
+
color: rgb(255 255 255 / 0.5);
|
|
1602
|
+
}
|
|
1603
|
+
|
|
1604
|
+
.shadow {
|
|
1605
|
+
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
1606
|
+
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
1607
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1608
|
+
}
|
|
1609
|
+
|
|
1610
|
+
.shadow-xl {
|
|
1523
1611
|
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
1524
1612
|
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
1525
1613
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1526
1614
|
}
|
|
1527
1615
|
|
|
1528
|
-
.ring{
|
|
1616
|
+
.ring {
|
|
1529
1617
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1530
1618
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1531
1619
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1532
1620
|
}
|
|
1533
1621
|
|
|
1534
|
-
.ring-\[1px\]{
|
|
1622
|
+
.ring-\[1px\] {
|
|
1535
1623
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1536
1624
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1537
1625
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1538
1626
|
}
|
|
1539
1627
|
|
|
1540
|
-
.ring-primary-500\/30{
|
|
1628
|
+
.ring-primary-500\/30 {
|
|
1541
1629
|
--tw-ring-color: rgb(var(--color-primary-500) / 0.3);
|
|
1542
1630
|
}
|
|
1543
1631
|
|
|
1544
|
-
.ring-surface-500\/30{
|
|
1632
|
+
.ring-surface-500\/30 {
|
|
1545
1633
|
--tw-ring-color: rgb(var(--color-surface-500) / 0.3);
|
|
1546
1634
|
}
|
|
1547
1635
|
|
|
1548
|
-
.
|
|
1636
|
+
.blur {
|
|
1637
|
+
--tw-blur: blur(8px);
|
|
1638
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1639
|
+
}
|
|
1640
|
+
|
|
1641
|
+
.transition-all {
|
|
1549
1642
|
transition-property: all;
|
|
1550
1643
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1551
1644
|
transition-duration: 150ms;
|
|
1552
1645
|
}
|
|
1553
1646
|
|
|
1554
|
-
.duration-\[200ms\]{
|
|
1647
|
+
.duration-\[200ms\] {
|
|
1555
1648
|
transition-duration: 200ms;
|
|
1556
1649
|
}
|
|
1557
1650
|
|
|
1558
|
-
.dark .bg-primary-backdrop-token{
|
|
1651
|
+
.dark .bg-primary-backdrop-token {
|
|
1559
1652
|
background-color: rgb(var(--color-primary-900) / 0.7);
|
|
1560
1653
|
}
|
|
1561
1654
|
|
|
1562
|
-
.dark .bg-primary-50-900-token{
|
|
1655
|
+
.dark .bg-primary-50-900-token {
|
|
1563
1656
|
background-color: rgb(var(--color-primary-900));
|
|
1564
1657
|
}
|
|
1565
1658
|
|
|
1566
|
-
.dark .bg-primary-100-800-token{
|
|
1659
|
+
.dark .bg-primary-100-800-token {
|
|
1567
1660
|
background-color: rgb(var(--color-primary-800));
|
|
1568
1661
|
}
|
|
1569
1662
|
|
|
1570
|
-
.dark .bg-primary-200-700-token{
|
|
1663
|
+
.dark .bg-primary-200-700-token {
|
|
1571
1664
|
background-color: rgb(var(--color-primary-700));
|
|
1572
1665
|
}
|
|
1573
1666
|
|
|
1574
|
-
.dark .bg-primary-300-600-token{
|
|
1667
|
+
.dark .bg-primary-300-600-token {
|
|
1575
1668
|
background-color: rgb(var(--color-primary-600));
|
|
1576
1669
|
}
|
|
1577
1670
|
|
|
1578
|
-
.dark .bg-primary-400-500-token{
|
|
1671
|
+
.dark .bg-primary-400-500-token {
|
|
1579
1672
|
background-color: rgb(var(--color-primary-500));
|
|
1580
1673
|
}
|
|
1581
1674
|
|
|
1582
|
-
.dark .bg-primary-900-50-token{
|
|
1675
|
+
.dark .bg-primary-900-50-token {
|
|
1583
1676
|
background-color: rgb(var(--color-primary-50));
|
|
1584
1677
|
}
|
|
1585
1678
|
|
|
1586
|
-
.dark .bg-primary-800-100-token{
|
|
1679
|
+
.dark .bg-primary-800-100-token {
|
|
1587
1680
|
background-color: rgb(var(--color-primary-100));
|
|
1588
1681
|
}
|
|
1589
1682
|
|
|
1590
|
-
.dark .bg-primary-700-200-token{
|
|
1683
|
+
.dark .bg-primary-700-200-token {
|
|
1591
1684
|
background-color: rgb(var(--color-primary-200));
|
|
1592
1685
|
}
|
|
1593
1686
|
|
|
1594
|
-
.dark .bg-primary-600-300-token{
|
|
1687
|
+
.dark .bg-primary-600-300-token {
|
|
1595
1688
|
background-color: rgb(var(--color-primary-300));
|
|
1596
1689
|
}
|
|
1597
1690
|
|
|
1598
|
-
.dark .bg-primary-500-400-token{
|
|
1691
|
+
.dark .bg-primary-500-400-token {
|
|
1599
1692
|
background-color: rgb(var(--color-primary-400));
|
|
1600
1693
|
}
|
|
1601
1694
|
|
|
1602
|
-
.dark .bg-secondary-backdrop-token{
|
|
1695
|
+
.dark .bg-secondary-backdrop-token {
|
|
1603
1696
|
background-color: rgb(var(--color-secondary-900) / 0.7);
|
|
1604
1697
|
}
|
|
1605
1698
|
|
|
1606
|
-
.dark .bg-secondary-50-900-token{
|
|
1699
|
+
.dark .bg-secondary-50-900-token {
|
|
1607
1700
|
background-color: rgb(var(--color-secondary-900));
|
|
1608
1701
|
}
|
|
1609
1702
|
|
|
1610
|
-
.dark .bg-secondary-100-800-token{
|
|
1703
|
+
.dark .bg-secondary-100-800-token {
|
|
1611
1704
|
background-color: rgb(var(--color-secondary-800));
|
|
1612
1705
|
}
|
|
1613
1706
|
|
|
1614
|
-
.dark .bg-secondary-200-700-token{
|
|
1707
|
+
.dark .bg-secondary-200-700-token {
|
|
1615
1708
|
background-color: rgb(var(--color-secondary-700));
|
|
1616
1709
|
}
|
|
1617
1710
|
|
|
1618
|
-
.dark .bg-secondary-300-600-token{
|
|
1711
|
+
.dark .bg-secondary-300-600-token {
|
|
1619
1712
|
background-color: rgb(var(--color-secondary-600));
|
|
1620
1713
|
}
|
|
1621
1714
|
|
|
1622
|
-
.dark .bg-secondary-400-500-token{
|
|
1715
|
+
.dark .bg-secondary-400-500-token {
|
|
1623
1716
|
background-color: rgb(var(--color-secondary-500));
|
|
1624
1717
|
}
|
|
1625
1718
|
|
|
1626
|
-
.dark .bg-secondary-900-50-token{
|
|
1719
|
+
.dark .bg-secondary-900-50-token {
|
|
1627
1720
|
background-color: rgb(var(--color-secondary-50));
|
|
1628
1721
|
}
|
|
1629
1722
|
|
|
1630
|
-
.dark .bg-secondary-800-100-token{
|
|
1723
|
+
.dark .bg-secondary-800-100-token {
|
|
1631
1724
|
background-color: rgb(var(--color-secondary-100));
|
|
1632
1725
|
}
|
|
1633
1726
|
|
|
1634
|
-
.dark .bg-secondary-700-200-token{
|
|
1727
|
+
.dark .bg-secondary-700-200-token {
|
|
1635
1728
|
background-color: rgb(var(--color-secondary-200));
|
|
1636
1729
|
}
|
|
1637
1730
|
|
|
1638
|
-
.dark .bg-secondary-600-300-token{
|
|
1731
|
+
.dark .bg-secondary-600-300-token {
|
|
1639
1732
|
background-color: rgb(var(--color-secondary-300));
|
|
1640
1733
|
}
|
|
1641
1734
|
|
|
1642
|
-
.dark .bg-secondary-500-400-token{
|
|
1735
|
+
.dark .bg-secondary-500-400-token {
|
|
1643
1736
|
background-color: rgb(var(--color-secondary-400));
|
|
1644
1737
|
}
|
|
1645
1738
|
|
|
1646
|
-
.dark .bg-tertiary-backdrop-token{
|
|
1739
|
+
.dark .bg-tertiary-backdrop-token {
|
|
1647
1740
|
background-color: rgb(var(--color-tertiary-900) / 0.7);
|
|
1648
1741
|
}
|
|
1649
1742
|
|
|
1650
|
-
.dark .bg-tertiary-50-900-token{
|
|
1743
|
+
.dark .bg-tertiary-50-900-token {
|
|
1651
1744
|
background-color: rgb(var(--color-tertiary-900));
|
|
1652
1745
|
}
|
|
1653
1746
|
|
|
1654
|
-
.dark .bg-tertiary-100-800-token{
|
|
1747
|
+
.dark .bg-tertiary-100-800-token {
|
|
1655
1748
|
background-color: rgb(var(--color-tertiary-800));
|
|
1656
1749
|
}
|
|
1657
1750
|
|
|
1658
|
-
.dark .bg-tertiary-200-700-token{
|
|
1751
|
+
.dark .bg-tertiary-200-700-token {
|
|
1659
1752
|
background-color: rgb(var(--color-tertiary-700));
|
|
1660
1753
|
}
|
|
1661
1754
|
|
|
1662
|
-
.dark .bg-tertiary-300-600-token{
|
|
1755
|
+
.dark .bg-tertiary-300-600-token {
|
|
1663
1756
|
background-color: rgb(var(--color-tertiary-600));
|
|
1664
1757
|
}
|
|
1665
1758
|
|
|
1666
|
-
.dark .bg-tertiary-400-500-token{
|
|
1759
|
+
.dark .bg-tertiary-400-500-token {
|
|
1667
1760
|
background-color: rgb(var(--color-tertiary-500));
|
|
1668
1761
|
}
|
|
1669
1762
|
|
|
1670
|
-
.dark .bg-tertiary-900-50-token{
|
|
1763
|
+
.dark .bg-tertiary-900-50-token {
|
|
1671
1764
|
background-color: rgb(var(--color-tertiary-50));
|
|
1672
1765
|
}
|
|
1673
1766
|
|
|
1674
|
-
.dark .bg-tertiary-800-100-token{
|
|
1767
|
+
.dark .bg-tertiary-800-100-token {
|
|
1675
1768
|
background-color: rgb(var(--color-tertiary-100));
|
|
1676
1769
|
}
|
|
1677
1770
|
|
|
1678
|
-
.dark .bg-tertiary-700-200-token{
|
|
1771
|
+
.dark .bg-tertiary-700-200-token {
|
|
1679
1772
|
background-color: rgb(var(--color-tertiary-200));
|
|
1680
1773
|
}
|
|
1681
1774
|
|
|
1682
|
-
.dark .bg-tertiary-600-300-token{
|
|
1775
|
+
.dark .bg-tertiary-600-300-token {
|
|
1683
1776
|
background-color: rgb(var(--color-tertiary-300));
|
|
1684
1777
|
}
|
|
1685
1778
|
|
|
1686
|
-
.dark .bg-tertiary-500-400-token{
|
|
1779
|
+
.dark .bg-tertiary-500-400-token {
|
|
1687
1780
|
background-color: rgb(var(--color-tertiary-400));
|
|
1688
1781
|
}
|
|
1689
1782
|
|
|
1690
|
-
.dark .bg-success-backdrop-token{
|
|
1783
|
+
.dark .bg-success-backdrop-token {
|
|
1691
1784
|
background-color: rgb(var(--color-success-900) / 0.7);
|
|
1692
1785
|
}
|
|
1693
1786
|
|
|
1694
|
-
.dark .bg-success-50-900-token{
|
|
1787
|
+
.dark .bg-success-50-900-token {
|
|
1695
1788
|
background-color: rgb(var(--color-success-900));
|
|
1696
1789
|
}
|
|
1697
1790
|
|
|
1698
|
-
.dark .bg-success-100-800-token{
|
|
1791
|
+
.dark .bg-success-100-800-token {
|
|
1699
1792
|
background-color: rgb(var(--color-success-800));
|
|
1700
1793
|
}
|
|
1701
1794
|
|
|
1702
|
-
.dark .bg-success-200-700-token{
|
|
1795
|
+
.dark .bg-success-200-700-token {
|
|
1703
1796
|
background-color: rgb(var(--color-success-700));
|
|
1704
1797
|
}
|
|
1705
1798
|
|
|
1706
|
-
.dark .bg-success-300-600-token{
|
|
1799
|
+
.dark .bg-success-300-600-token {
|
|
1707
1800
|
background-color: rgb(var(--color-success-600));
|
|
1708
1801
|
}
|
|
1709
1802
|
|
|
1710
|
-
.dark .bg-success-400-500-token{
|
|
1803
|
+
.dark .bg-success-400-500-token {
|
|
1711
1804
|
background-color: rgb(var(--color-success-500));
|
|
1712
1805
|
}
|
|
1713
1806
|
|
|
1714
|
-
.dark .bg-success-900-50-token{
|
|
1807
|
+
.dark .bg-success-900-50-token {
|
|
1715
1808
|
background-color: rgb(var(--color-success-50));
|
|
1716
1809
|
}
|
|
1717
1810
|
|
|
1718
|
-
.dark .bg-success-800-100-token{
|
|
1811
|
+
.dark .bg-success-800-100-token {
|
|
1719
1812
|
background-color: rgb(var(--color-success-100));
|
|
1720
1813
|
}
|
|
1721
1814
|
|
|
1722
|
-
.dark .bg-success-700-200-token{
|
|
1815
|
+
.dark .bg-success-700-200-token {
|
|
1723
1816
|
background-color: rgb(var(--color-success-200));
|
|
1724
1817
|
}
|
|
1725
1818
|
|
|
1726
|
-
.dark .bg-success-600-300-token{
|
|
1819
|
+
.dark .bg-success-600-300-token {
|
|
1727
1820
|
background-color: rgb(var(--color-success-300));
|
|
1728
1821
|
}
|
|
1729
1822
|
|
|
1730
|
-
.dark .bg-success-500-400-token{
|
|
1823
|
+
.dark .bg-success-500-400-token {
|
|
1731
1824
|
background-color: rgb(var(--color-success-400));
|
|
1732
1825
|
}
|
|
1733
1826
|
|
|
1734
|
-
.dark .bg-warning-backdrop-token{
|
|
1827
|
+
.dark .bg-warning-backdrop-token {
|
|
1735
1828
|
background-color: rgb(var(--color-warning-900) / 0.7);
|
|
1736
1829
|
}
|
|
1737
1830
|
|
|
1738
|
-
.dark .bg-warning-50-900-token{
|
|
1831
|
+
.dark .bg-warning-50-900-token {
|
|
1739
1832
|
background-color: rgb(var(--color-warning-900));
|
|
1740
1833
|
}
|
|
1741
1834
|
|
|
1742
|
-
.dark .bg-warning-100-800-token{
|
|
1835
|
+
.dark .bg-warning-100-800-token {
|
|
1743
1836
|
background-color: rgb(var(--color-warning-800));
|
|
1744
1837
|
}
|
|
1745
1838
|
|
|
1746
|
-
.dark .bg-warning-200-700-token{
|
|
1839
|
+
.dark .bg-warning-200-700-token {
|
|
1747
1840
|
background-color: rgb(var(--color-warning-700));
|
|
1748
1841
|
}
|
|
1749
1842
|
|
|
1750
|
-
.dark .bg-warning-300-600-token{
|
|
1843
|
+
.dark .bg-warning-300-600-token {
|
|
1751
1844
|
background-color: rgb(var(--color-warning-600));
|
|
1752
1845
|
}
|
|
1753
1846
|
|
|
1754
|
-
.dark .bg-warning-400-500-token{
|
|
1847
|
+
.dark .bg-warning-400-500-token {
|
|
1755
1848
|
background-color: rgb(var(--color-warning-500));
|
|
1756
1849
|
}
|
|
1757
1850
|
|
|
1758
|
-
.dark .bg-warning-900-50-token{
|
|
1851
|
+
.dark .bg-warning-900-50-token {
|
|
1759
1852
|
background-color: rgb(var(--color-warning-50));
|
|
1760
1853
|
}
|
|
1761
1854
|
|
|
1762
|
-
.dark .bg-warning-800-100-token{
|
|
1855
|
+
.dark .bg-warning-800-100-token {
|
|
1763
1856
|
background-color: rgb(var(--color-warning-100));
|
|
1764
1857
|
}
|
|
1765
1858
|
|
|
1766
|
-
.dark .bg-warning-700-200-token{
|
|
1859
|
+
.dark .bg-warning-700-200-token {
|
|
1767
1860
|
background-color: rgb(var(--color-warning-200));
|
|
1768
1861
|
}
|
|
1769
1862
|
|
|
1770
|
-
.dark .bg-warning-600-300-token{
|
|
1863
|
+
.dark .bg-warning-600-300-token {
|
|
1771
1864
|
background-color: rgb(var(--color-warning-300));
|
|
1772
1865
|
}
|
|
1773
1866
|
|
|
1774
|
-
.dark .bg-warning-500-400-token{
|
|
1867
|
+
.dark .bg-warning-500-400-token {
|
|
1775
1868
|
background-color: rgb(var(--color-warning-400));
|
|
1776
1869
|
}
|
|
1777
1870
|
|
|
1778
|
-
.dark .bg-error-backdrop-token{
|
|
1871
|
+
.dark .bg-error-backdrop-token {
|
|
1779
1872
|
background-color: rgb(var(--color-error-900) / 0.7);
|
|
1780
1873
|
}
|
|
1781
1874
|
|
|
1782
|
-
.dark .bg-error-50-900-token{
|
|
1875
|
+
.dark .bg-error-50-900-token {
|
|
1783
1876
|
background-color: rgb(var(--color-error-900));
|
|
1784
1877
|
}
|
|
1785
1878
|
|
|
1786
|
-
.dark .bg-error-100-800-token{
|
|
1879
|
+
.dark .bg-error-100-800-token {
|
|
1787
1880
|
background-color: rgb(var(--color-error-800));
|
|
1788
1881
|
}
|
|
1789
1882
|
|
|
1790
|
-
.dark .bg-error-200-700-token{
|
|
1883
|
+
.dark .bg-error-200-700-token {
|
|
1791
1884
|
background-color: rgb(var(--color-error-700));
|
|
1792
1885
|
}
|
|
1793
1886
|
|
|
1794
|
-
.dark .bg-error-300-600-token{
|
|
1887
|
+
.dark .bg-error-300-600-token {
|
|
1795
1888
|
background-color: rgb(var(--color-error-600));
|
|
1796
1889
|
}
|
|
1797
1890
|
|
|
1798
|
-
.dark .bg-error-400-500-token{
|
|
1891
|
+
.dark .bg-error-400-500-token {
|
|
1799
1892
|
background-color: rgb(var(--color-error-500));
|
|
1800
1893
|
}
|
|
1801
1894
|
|
|
1802
|
-
.dark .bg-error-900-50-token{
|
|
1895
|
+
.dark .bg-error-900-50-token {
|
|
1803
1896
|
background-color: rgb(var(--color-error-50));
|
|
1804
1897
|
}
|
|
1805
1898
|
|
|
1806
|
-
.dark .bg-error-800-100-token{
|
|
1899
|
+
.dark .bg-error-800-100-token {
|
|
1807
1900
|
background-color: rgb(var(--color-error-100));
|
|
1808
1901
|
}
|
|
1809
1902
|
|
|
1810
|
-
.dark .bg-error-700-200-token{
|
|
1903
|
+
.dark .bg-error-700-200-token {
|
|
1811
1904
|
background-color: rgb(var(--color-error-200));
|
|
1812
1905
|
}
|
|
1813
1906
|
|
|
1814
|
-
.dark .bg-error-600-300-token{
|
|
1907
|
+
.dark .bg-error-600-300-token {
|
|
1815
1908
|
background-color: rgb(var(--color-error-300));
|
|
1816
1909
|
}
|
|
1817
1910
|
|
|
1818
|
-
.dark .bg-error-500-400-token{
|
|
1911
|
+
.dark .bg-error-500-400-token {
|
|
1819
1912
|
background-color: rgb(var(--color-error-400));
|
|
1820
1913
|
}
|
|
1821
1914
|
|
|
1822
|
-
.dark .bg-surface-backdrop-token{
|
|
1915
|
+
.dark .bg-surface-backdrop-token {
|
|
1823
1916
|
background-color: rgb(var(--color-surface-900) / 0.7);
|
|
1824
1917
|
}
|
|
1825
1918
|
|
|
1826
|
-
.dark .bg-surface-50-900-token{
|
|
1919
|
+
.dark .bg-surface-50-900-token {
|
|
1827
1920
|
background-color: rgb(var(--color-surface-900));
|
|
1828
1921
|
}
|
|
1829
1922
|
|
|
1830
|
-
.dark .bg-surface-100-800-token{
|
|
1923
|
+
.dark .bg-surface-100-800-token {
|
|
1831
1924
|
background-color: rgb(var(--color-surface-800));
|
|
1832
1925
|
}
|
|
1833
1926
|
|
|
1834
|
-
.dark .bg-surface-200-700-token{
|
|
1927
|
+
.dark .bg-surface-200-700-token {
|
|
1835
1928
|
background-color: rgb(var(--color-surface-700));
|
|
1836
1929
|
}
|
|
1837
1930
|
|
|
1838
|
-
.dark .bg-surface-300-600-token{
|
|
1931
|
+
.dark .bg-surface-300-600-token {
|
|
1839
1932
|
background-color: rgb(var(--color-surface-600));
|
|
1840
1933
|
}
|
|
1841
1934
|
|
|
1842
|
-
.dark .bg-surface-400-500-token{
|
|
1935
|
+
.dark .bg-surface-400-500-token {
|
|
1843
1936
|
background-color: rgb(var(--color-surface-500));
|
|
1844
1937
|
}
|
|
1845
1938
|
|
|
1846
|
-
.dark .bg-surface-900-50-token{
|
|
1939
|
+
.dark .bg-surface-900-50-token {
|
|
1847
1940
|
background-color: rgb(var(--color-surface-50));
|
|
1848
1941
|
}
|
|
1849
1942
|
|
|
1850
|
-
.dark .bg-surface-800-100-token{
|
|
1943
|
+
.dark .bg-surface-800-100-token {
|
|
1851
1944
|
background-color: rgb(var(--color-surface-100));
|
|
1852
1945
|
}
|
|
1853
1946
|
|
|
1854
|
-
.dark .bg-surface-700-200-token{
|
|
1947
|
+
.dark .bg-surface-700-200-token {
|
|
1855
1948
|
background-color: rgb(var(--color-surface-200));
|
|
1856
1949
|
}
|
|
1857
1950
|
|
|
1858
|
-
.dark .bg-surface-600-300-token{
|
|
1951
|
+
.dark .bg-surface-600-300-token {
|
|
1859
1952
|
background-color: rgb(var(--color-surface-300));
|
|
1860
1953
|
}
|
|
1861
1954
|
|
|
1862
|
-
.dark .bg-surface-500-400-token{
|
|
1955
|
+
.dark .bg-surface-500-400-token {
|
|
1863
1956
|
background-color: rgb(var(--color-surface-400));
|
|
1864
1957
|
}
|
|
1865
1958
|
|
|
1866
|
-
.dark .border-primary-50-900-token{
|
|
1959
|
+
.dark .border-primary-50-900-token {
|
|
1867
1960
|
border-color: rgb(var(--color-primary-900));
|
|
1868
1961
|
}
|
|
1869
1962
|
|
|
1870
|
-
.dark .border-primary-100-800-token{
|
|
1963
|
+
.dark .border-primary-100-800-token {
|
|
1871
1964
|
border-color: rgb(var(--color-primary-800));
|
|
1872
1965
|
}
|
|
1873
1966
|
|
|
1874
|
-
.dark .border-primary-200-700-token{
|
|
1967
|
+
.dark .border-primary-200-700-token {
|
|
1875
1968
|
border-color: rgb(var(--color-primary-700));
|
|
1876
1969
|
}
|
|
1877
1970
|
|
|
1878
|
-
.dark .border-primary-300-600-token{
|
|
1971
|
+
.dark .border-primary-300-600-token {
|
|
1879
1972
|
border-color: rgb(var(--color-primary-600));
|
|
1880
1973
|
}
|
|
1881
1974
|
|
|
1882
|
-
.dark .border-primary-400-500-token{
|
|
1975
|
+
.dark .border-primary-400-500-token {
|
|
1883
1976
|
border-color: rgb(var(--color-primary-500));
|
|
1884
1977
|
}
|
|
1885
1978
|
|
|
1886
|
-
.dark .border-primary-900-50-token{
|
|
1979
|
+
.dark .border-primary-900-50-token {
|
|
1887
1980
|
border-color: rgb(var(--color-primary-50));
|
|
1888
1981
|
}
|
|
1889
1982
|
|
|
1890
|
-
.dark .border-primary-800-100-token{
|
|
1983
|
+
.dark .border-primary-800-100-token {
|
|
1891
1984
|
border-color: rgb(var(--color-primary-100));
|
|
1892
1985
|
}
|
|
1893
1986
|
|
|
1894
|
-
.dark .border-primary-700-200-token{
|
|
1987
|
+
.dark .border-primary-700-200-token {
|
|
1895
1988
|
border-color: rgb(var(--color-primary-200));
|
|
1896
1989
|
}
|
|
1897
1990
|
|
|
1898
|
-
.dark .border-primary-600-300-token{
|
|
1991
|
+
.dark .border-primary-600-300-token {
|
|
1899
1992
|
border-color: rgb(var(--color-primary-300));
|
|
1900
1993
|
}
|
|
1901
1994
|
|
|
1902
|
-
.dark .border-primary-500-400-token{
|
|
1995
|
+
.dark .border-primary-500-400-token {
|
|
1903
1996
|
border-color: rgb(var(--color-primary-400));
|
|
1904
1997
|
}
|
|
1905
1998
|
|
|
1906
|
-
.dark .border-secondary-50-900-token{
|
|
1999
|
+
.dark .border-secondary-50-900-token {
|
|
1907
2000
|
border-color: rgb(var(--color-secondary-900));
|
|
1908
2001
|
}
|
|
1909
2002
|
|
|
1910
|
-
.dark .border-secondary-100-800-token{
|
|
2003
|
+
.dark .border-secondary-100-800-token {
|
|
1911
2004
|
border-color: rgb(var(--color-secondary-800));
|
|
1912
2005
|
}
|
|
1913
2006
|
|
|
1914
|
-
.dark .border-secondary-200-700-token{
|
|
2007
|
+
.dark .border-secondary-200-700-token {
|
|
1915
2008
|
border-color: rgb(var(--color-secondary-700));
|
|
1916
2009
|
}
|
|
1917
2010
|
|
|
1918
|
-
.dark .border-secondary-300-600-token{
|
|
2011
|
+
.dark .border-secondary-300-600-token {
|
|
1919
2012
|
border-color: rgb(var(--color-secondary-600));
|
|
1920
2013
|
}
|
|
1921
2014
|
|
|
1922
|
-
.dark .border-secondary-400-500-token{
|
|
2015
|
+
.dark .border-secondary-400-500-token {
|
|
1923
2016
|
border-color: rgb(var(--color-secondary-500));
|
|
1924
2017
|
}
|
|
1925
2018
|
|
|
1926
|
-
.dark .border-secondary-900-50-token{
|
|
2019
|
+
.dark .border-secondary-900-50-token {
|
|
1927
2020
|
border-color: rgb(var(--color-secondary-50));
|
|
1928
2021
|
}
|
|
1929
2022
|
|
|
1930
|
-
.dark .border-secondary-800-100-token{
|
|
2023
|
+
.dark .border-secondary-800-100-token {
|
|
1931
2024
|
border-color: rgb(var(--color-secondary-100));
|
|
1932
2025
|
}
|
|
1933
2026
|
|
|
1934
|
-
.dark .border-secondary-700-200-token{
|
|
2027
|
+
.dark .border-secondary-700-200-token {
|
|
1935
2028
|
border-color: rgb(var(--color-secondary-200));
|
|
1936
2029
|
}
|
|
1937
2030
|
|
|
1938
|
-
.dark .border-secondary-600-300-token{
|
|
2031
|
+
.dark .border-secondary-600-300-token {
|
|
1939
2032
|
border-color: rgb(var(--color-secondary-300));
|
|
1940
2033
|
}
|
|
1941
2034
|
|
|
1942
|
-
.dark .border-secondary-500-400-token{
|
|
2035
|
+
.dark .border-secondary-500-400-token {
|
|
1943
2036
|
border-color: rgb(var(--color-secondary-400));
|
|
1944
2037
|
}
|
|
1945
2038
|
|
|
1946
|
-
.dark .border-tertiary-50-900-token{
|
|
2039
|
+
.dark .border-tertiary-50-900-token {
|
|
1947
2040
|
border-color: rgb(var(--color-tertiary-900));
|
|
1948
2041
|
}
|
|
1949
2042
|
|
|
1950
|
-
.dark .border-tertiary-100-800-token{
|
|
2043
|
+
.dark .border-tertiary-100-800-token {
|
|
1951
2044
|
border-color: rgb(var(--color-tertiary-800));
|
|
1952
2045
|
}
|
|
1953
2046
|
|
|
1954
|
-
.dark .border-tertiary-200-700-token{
|
|
2047
|
+
.dark .border-tertiary-200-700-token {
|
|
1955
2048
|
border-color: rgb(var(--color-tertiary-700));
|
|
1956
2049
|
}
|
|
1957
2050
|
|
|
1958
|
-
.dark .border-tertiary-300-600-token{
|
|
2051
|
+
.dark .border-tertiary-300-600-token {
|
|
1959
2052
|
border-color: rgb(var(--color-tertiary-600));
|
|
1960
2053
|
}
|
|
1961
2054
|
|
|
1962
|
-
.dark .border-tertiary-400-500-token{
|
|
2055
|
+
.dark .border-tertiary-400-500-token {
|
|
1963
2056
|
border-color: rgb(var(--color-tertiary-500));
|
|
1964
2057
|
}
|
|
1965
2058
|
|
|
1966
|
-
.dark .border-tertiary-900-50-token{
|
|
2059
|
+
.dark .border-tertiary-900-50-token {
|
|
1967
2060
|
border-color: rgb(var(--color-tertiary-50));
|
|
1968
2061
|
}
|
|
1969
2062
|
|
|
1970
|
-
.dark .border-tertiary-800-100-token{
|
|
2063
|
+
.dark .border-tertiary-800-100-token {
|
|
1971
2064
|
border-color: rgb(var(--color-tertiary-100));
|
|
1972
2065
|
}
|
|
1973
2066
|
|
|
1974
|
-
.dark .border-tertiary-700-200-token{
|
|
2067
|
+
.dark .border-tertiary-700-200-token {
|
|
1975
2068
|
border-color: rgb(var(--color-tertiary-200));
|
|
1976
2069
|
}
|
|
1977
2070
|
|
|
1978
|
-
.dark .border-tertiary-600-300-token{
|
|
2071
|
+
.dark .border-tertiary-600-300-token {
|
|
1979
2072
|
border-color: rgb(var(--color-tertiary-300));
|
|
1980
2073
|
}
|
|
1981
2074
|
|
|
1982
|
-
.dark .border-tertiary-500-400-token{
|
|
2075
|
+
.dark .border-tertiary-500-400-token {
|
|
1983
2076
|
border-color: rgb(var(--color-tertiary-400));
|
|
1984
2077
|
}
|
|
1985
2078
|
|
|
1986
|
-
.dark .border-success-50-900-token{
|
|
2079
|
+
.dark .border-success-50-900-token {
|
|
1987
2080
|
border-color: rgb(var(--color-success-900));
|
|
1988
2081
|
}
|
|
1989
2082
|
|
|
1990
|
-
.dark .border-success-100-800-token{
|
|
2083
|
+
.dark .border-success-100-800-token {
|
|
1991
2084
|
border-color: rgb(var(--color-success-800));
|
|
1992
2085
|
}
|
|
1993
2086
|
|
|
1994
|
-
.dark .border-success-200-700-token{
|
|
2087
|
+
.dark .border-success-200-700-token {
|
|
1995
2088
|
border-color: rgb(var(--color-success-700));
|
|
1996
2089
|
}
|
|
1997
2090
|
|
|
1998
|
-
.dark .border-success-300-600-token{
|
|
2091
|
+
.dark .border-success-300-600-token {
|
|
1999
2092
|
border-color: rgb(var(--color-success-600));
|
|
2000
2093
|
}
|
|
2001
2094
|
|
|
2002
|
-
.dark .border-success-400-500-token{
|
|
2095
|
+
.dark .border-success-400-500-token {
|
|
2003
2096
|
border-color: rgb(var(--color-success-500));
|
|
2004
2097
|
}
|
|
2005
2098
|
|
|
2006
|
-
.dark .border-success-900-50-token{
|
|
2099
|
+
.dark .border-success-900-50-token {
|
|
2007
2100
|
border-color: rgb(var(--color-success-50));
|
|
2008
2101
|
}
|
|
2009
2102
|
|
|
2010
|
-
.dark .border-success-800-100-token{
|
|
2103
|
+
.dark .border-success-800-100-token {
|
|
2011
2104
|
border-color: rgb(var(--color-success-100));
|
|
2012
2105
|
}
|
|
2013
2106
|
|
|
2014
|
-
.dark .border-success-700-200-token{
|
|
2107
|
+
.dark .border-success-700-200-token {
|
|
2015
2108
|
border-color: rgb(var(--color-success-200));
|
|
2016
2109
|
}
|
|
2017
2110
|
|
|
2018
|
-
.dark .border-success-600-300-token{
|
|
2111
|
+
.dark .border-success-600-300-token {
|
|
2019
2112
|
border-color: rgb(var(--color-success-300));
|
|
2020
2113
|
}
|
|
2021
2114
|
|
|
2022
|
-
.dark .border-success-500-400-token{
|
|
2115
|
+
.dark .border-success-500-400-token {
|
|
2023
2116
|
border-color: rgb(var(--color-success-400));
|
|
2024
2117
|
}
|
|
2025
2118
|
|
|
2026
|
-
.dark .border-warning-50-900-token{
|
|
2119
|
+
.dark .border-warning-50-900-token {
|
|
2027
2120
|
border-color: rgb(var(--color-warning-900));
|
|
2028
2121
|
}
|
|
2029
2122
|
|
|
2030
|
-
.dark .border-warning-100-800-token{
|
|
2123
|
+
.dark .border-warning-100-800-token {
|
|
2031
2124
|
border-color: rgb(var(--color-warning-800));
|
|
2032
2125
|
}
|
|
2033
2126
|
|
|
2034
|
-
.dark .border-warning-200-700-token{
|
|
2127
|
+
.dark .border-warning-200-700-token {
|
|
2035
2128
|
border-color: rgb(var(--color-warning-700));
|
|
2036
2129
|
}
|
|
2037
2130
|
|
|
2038
|
-
.dark .border-warning-300-600-token{
|
|
2131
|
+
.dark .border-warning-300-600-token {
|
|
2039
2132
|
border-color: rgb(var(--color-warning-600));
|
|
2040
2133
|
}
|
|
2041
2134
|
|
|
2042
|
-
.dark .border-warning-400-500-token{
|
|
2135
|
+
.dark .border-warning-400-500-token {
|
|
2043
2136
|
border-color: rgb(var(--color-warning-500));
|
|
2044
2137
|
}
|
|
2045
2138
|
|
|
2046
|
-
.dark .border-warning-900-50-token{
|
|
2139
|
+
.dark .border-warning-900-50-token {
|
|
2047
2140
|
border-color: rgb(var(--color-warning-50));
|
|
2048
2141
|
}
|
|
2049
2142
|
|
|
2050
|
-
.dark .border-warning-800-100-token{
|
|
2143
|
+
.dark .border-warning-800-100-token {
|
|
2051
2144
|
border-color: rgb(var(--color-warning-100));
|
|
2052
2145
|
}
|
|
2053
2146
|
|
|
2054
|
-
.dark .border-warning-700-200-token{
|
|
2147
|
+
.dark .border-warning-700-200-token {
|
|
2055
2148
|
border-color: rgb(var(--color-warning-200));
|
|
2056
2149
|
}
|
|
2057
2150
|
|
|
2058
|
-
.dark .border-warning-600-300-token{
|
|
2151
|
+
.dark .border-warning-600-300-token {
|
|
2059
2152
|
border-color: rgb(var(--color-warning-300));
|
|
2060
2153
|
}
|
|
2061
2154
|
|
|
2062
|
-
.dark .border-warning-500-400-token{
|
|
2155
|
+
.dark .border-warning-500-400-token {
|
|
2063
2156
|
border-color: rgb(var(--color-warning-400));
|
|
2064
2157
|
}
|
|
2065
2158
|
|
|
2066
|
-
.dark .border-error-50-900-token{
|
|
2159
|
+
.dark .border-error-50-900-token {
|
|
2067
2160
|
border-color: rgb(var(--color-error-900));
|
|
2068
2161
|
}
|
|
2069
2162
|
|
|
2070
|
-
.dark .border-error-100-800-token{
|
|
2163
|
+
.dark .border-error-100-800-token {
|
|
2071
2164
|
border-color: rgb(var(--color-error-800));
|
|
2072
2165
|
}
|
|
2073
2166
|
|
|
2074
|
-
.dark .border-error-200-700-token{
|
|
2167
|
+
.dark .border-error-200-700-token {
|
|
2075
2168
|
border-color: rgb(var(--color-error-700));
|
|
2076
2169
|
}
|
|
2077
2170
|
|
|
2078
|
-
.dark .border-error-300-600-token{
|
|
2171
|
+
.dark .border-error-300-600-token {
|
|
2079
2172
|
border-color: rgb(var(--color-error-600));
|
|
2080
2173
|
}
|
|
2081
2174
|
|
|
2082
|
-
.dark .border-error-400-500-token{
|
|
2175
|
+
.dark .border-error-400-500-token {
|
|
2083
2176
|
border-color: rgb(var(--color-error-500));
|
|
2084
2177
|
}
|
|
2085
2178
|
|
|
2086
|
-
.dark .border-error-900-50-token{
|
|
2179
|
+
.dark .border-error-900-50-token {
|
|
2087
2180
|
border-color: rgb(var(--color-error-50));
|
|
2088
2181
|
}
|
|
2089
2182
|
|
|
2090
|
-
.dark .border-error-800-100-token{
|
|
2183
|
+
.dark .border-error-800-100-token {
|
|
2091
2184
|
border-color: rgb(var(--color-error-100));
|
|
2092
2185
|
}
|
|
2093
2186
|
|
|
2094
|
-
.dark .border-error-700-200-token{
|
|
2187
|
+
.dark .border-error-700-200-token {
|
|
2095
2188
|
border-color: rgb(var(--color-error-200));
|
|
2096
2189
|
}
|
|
2097
2190
|
|
|
2098
|
-
.dark .border-error-600-300-token{
|
|
2191
|
+
.dark .border-error-600-300-token {
|
|
2099
2192
|
border-color: rgb(var(--color-error-300));
|
|
2100
2193
|
}
|
|
2101
2194
|
|
|
2102
|
-
.dark .border-error-500-400-token{
|
|
2195
|
+
.dark .border-error-500-400-token {
|
|
2103
2196
|
border-color: rgb(var(--color-error-400));
|
|
2104
2197
|
}
|
|
2105
2198
|
|
|
2106
|
-
.dark .border-surface-50-900-token{
|
|
2199
|
+
.dark .border-surface-50-900-token {
|
|
2107
2200
|
border-color: rgb(var(--color-surface-900));
|
|
2108
2201
|
}
|
|
2109
2202
|
|
|
2110
|
-
.dark .border-surface-100-800-token{
|
|
2203
|
+
.dark .border-surface-100-800-token {
|
|
2111
2204
|
border-color: rgb(var(--color-surface-800));
|
|
2112
2205
|
}
|
|
2113
2206
|
|
|
2114
|
-
.dark .border-surface-200-700-token{
|
|
2207
|
+
.dark .border-surface-200-700-token {
|
|
2115
2208
|
border-color: rgb(var(--color-surface-700));
|
|
2116
2209
|
}
|
|
2117
2210
|
|
|
2118
|
-
.dark .border-surface-300-600-token{
|
|
2211
|
+
.dark .border-surface-300-600-token {
|
|
2119
2212
|
border-color: rgb(var(--color-surface-600));
|
|
2120
2213
|
}
|
|
2121
2214
|
|
|
2122
|
-
.dark .border-surface-400-500-token{
|
|
2215
|
+
.dark .border-surface-400-500-token {
|
|
2123
2216
|
border-color: rgb(var(--color-surface-500));
|
|
2124
2217
|
}
|
|
2125
2218
|
|
|
2126
|
-
.dark .border-surface-900-50-token{
|
|
2219
|
+
.dark .border-surface-900-50-token {
|
|
2127
2220
|
border-color: rgb(var(--color-surface-50));
|
|
2128
2221
|
}
|
|
2129
2222
|
|
|
2130
|
-
.dark .border-surface-800-100-token{
|
|
2223
|
+
.dark .border-surface-800-100-token {
|
|
2131
2224
|
border-color: rgb(var(--color-surface-100));
|
|
2132
2225
|
}
|
|
2133
2226
|
|
|
2134
|
-
.dark .border-surface-700-200-token{
|
|
2227
|
+
.dark .border-surface-700-200-token {
|
|
2135
2228
|
border-color: rgb(var(--color-surface-200));
|
|
2136
2229
|
}
|
|
2137
2230
|
|
|
2138
|
-
.dark .border-surface-600-300-token{
|
|
2231
|
+
.dark .border-surface-600-300-token {
|
|
2139
2232
|
border-color: rgb(var(--color-surface-300));
|
|
2140
2233
|
}
|
|
2141
2234
|
|
|
2142
|
-
.dark .border-surface-500-400-token{
|
|
2235
|
+
.dark .border-surface-500-400-token {
|
|
2143
2236
|
border-color: rgb(var(--color-surface-400));
|
|
2144
2237
|
}
|
|
2145
2238
|
|
|
2146
|
-
.rounded-token{
|
|
2239
|
+
.rounded-token {
|
|
2147
2240
|
border-radius: var(--theme-rounded-base);
|
|
2148
2241
|
}
|
|
2149
2242
|
|
|
2150
|
-
.rounded-container-token{
|
|
2243
|
+
.rounded-container-token {
|
|
2151
2244
|
border-radius: var(--theme-rounded-container);
|
|
2152
2245
|
}
|
|
2153
2246
|
|
|
2154
|
-
.dark .fill-token{
|
|
2247
|
+
.dark .fill-token {
|
|
2155
2248
|
fill: rgba(var(--theme-font-color-dark));
|
|
2156
2249
|
}
|
|
2157
2250
|
|
|
2158
|
-
.dark .text-token{
|
|
2251
|
+
.dark .text-token {
|
|
2159
2252
|
color: rgba(var(--theme-font-color-dark));
|
|
2160
2253
|
}
|
|
2161
2254
|
|
|
2162
|
-
.dark .text-primary-50-900-token{
|
|
2255
|
+
.dark .text-primary-50-900-token {
|
|
2163
2256
|
color: rgb(var(--color-primary-900));
|
|
2164
2257
|
}
|
|
2165
2258
|
|
|
2166
|
-
.dark .text-primary-100-800-token{
|
|
2259
|
+
.dark .text-primary-100-800-token {
|
|
2167
2260
|
color: rgb(var(--color-primary-800));
|
|
2168
2261
|
}
|
|
2169
2262
|
|
|
2170
|
-
.dark .text-primary-200-700-token{
|
|
2263
|
+
.dark .text-primary-200-700-token {
|
|
2171
2264
|
color: rgb(var(--color-primary-700));
|
|
2172
2265
|
}
|
|
2173
2266
|
|
|
2174
|
-
.dark .text-primary-300-600-token{
|
|
2267
|
+
.dark .text-primary-300-600-token {
|
|
2175
2268
|
color: rgb(var(--color-primary-600));
|
|
2176
2269
|
}
|
|
2177
2270
|
|
|
2178
|
-
.dark .text-primary-400-500-token{
|
|
2271
|
+
.dark .text-primary-400-500-token {
|
|
2179
2272
|
color: rgb(var(--color-primary-500));
|
|
2180
2273
|
}
|
|
2181
2274
|
|
|
2182
|
-
.dark .text-primary-900-50-token{
|
|
2275
|
+
.dark .text-primary-900-50-token {
|
|
2183
2276
|
color: rgb(var(--color-primary-50));
|
|
2184
2277
|
}
|
|
2185
2278
|
|
|
2186
|
-
.dark .text-primary-800-100-token{
|
|
2279
|
+
.dark .text-primary-800-100-token {
|
|
2187
2280
|
color: rgb(var(--color-primary-100));
|
|
2188
2281
|
}
|
|
2189
2282
|
|
|
2190
|
-
.dark .text-primary-700-200-token{
|
|
2283
|
+
.dark .text-primary-700-200-token {
|
|
2191
2284
|
color: rgb(var(--color-primary-200));
|
|
2192
2285
|
}
|
|
2193
2286
|
|
|
2194
|
-
.dark .text-primary-600-300-token{
|
|
2287
|
+
.dark .text-primary-600-300-token {
|
|
2195
2288
|
color: rgb(var(--color-primary-300));
|
|
2196
2289
|
}
|
|
2197
2290
|
|
|
2198
|
-
.dark .text-primary-500-400-token{
|
|
2291
|
+
.dark .text-primary-500-400-token {
|
|
2199
2292
|
color: rgb(var(--color-primary-400));
|
|
2200
2293
|
}
|
|
2201
2294
|
|
|
2202
|
-
.dark .text-secondary-50-900-token{
|
|
2295
|
+
.dark .text-secondary-50-900-token {
|
|
2203
2296
|
color: rgb(var(--color-secondary-900));
|
|
2204
2297
|
}
|
|
2205
2298
|
|
|
2206
|
-
.dark .text-secondary-100-800-token{
|
|
2299
|
+
.dark .text-secondary-100-800-token {
|
|
2207
2300
|
color: rgb(var(--color-secondary-800));
|
|
2208
2301
|
}
|
|
2209
2302
|
|
|
2210
|
-
.dark .text-secondary-200-700-token{
|
|
2303
|
+
.dark .text-secondary-200-700-token {
|
|
2211
2304
|
color: rgb(var(--color-secondary-700));
|
|
2212
2305
|
}
|
|
2213
2306
|
|
|
2214
|
-
.dark .text-secondary-300-600-token{
|
|
2307
|
+
.dark .text-secondary-300-600-token {
|
|
2215
2308
|
color: rgb(var(--color-secondary-600));
|
|
2216
2309
|
}
|
|
2217
2310
|
|
|
2218
|
-
.dark .text-secondary-400-500-token{
|
|
2311
|
+
.dark .text-secondary-400-500-token {
|
|
2219
2312
|
color: rgb(var(--color-secondary-500));
|
|
2220
2313
|
}
|
|
2221
2314
|
|
|
2222
|
-
.dark .text-secondary-900-50-token{
|
|
2315
|
+
.dark .text-secondary-900-50-token {
|
|
2223
2316
|
color: rgb(var(--color-secondary-50));
|
|
2224
2317
|
}
|
|
2225
2318
|
|
|
2226
|
-
.dark .text-secondary-800-100-token{
|
|
2319
|
+
.dark .text-secondary-800-100-token {
|
|
2227
2320
|
color: rgb(var(--color-secondary-100));
|
|
2228
2321
|
}
|
|
2229
2322
|
|
|
2230
|
-
.dark .text-secondary-700-200-token{
|
|
2323
|
+
.dark .text-secondary-700-200-token {
|
|
2231
2324
|
color: rgb(var(--color-secondary-200));
|
|
2232
2325
|
}
|
|
2233
2326
|
|
|
2234
|
-
.dark .text-secondary-600-300-token{
|
|
2327
|
+
.dark .text-secondary-600-300-token {
|
|
2235
2328
|
color: rgb(var(--color-secondary-300));
|
|
2236
2329
|
}
|
|
2237
2330
|
|
|
2238
|
-
.dark .text-secondary-500-400-token{
|
|
2331
|
+
.dark .text-secondary-500-400-token {
|
|
2239
2332
|
color: rgb(var(--color-secondary-400));
|
|
2240
2333
|
}
|
|
2241
2334
|
|
|
2242
|
-
.dark .text-tertiary-50-900-token{
|
|
2335
|
+
.dark .text-tertiary-50-900-token {
|
|
2243
2336
|
color: rgb(var(--color-tertiary-900));
|
|
2244
2337
|
}
|
|
2245
2338
|
|
|
2246
|
-
.dark .text-tertiary-100-800-token{
|
|
2339
|
+
.dark .text-tertiary-100-800-token {
|
|
2247
2340
|
color: rgb(var(--color-tertiary-800));
|
|
2248
2341
|
}
|
|
2249
2342
|
|
|
2250
|
-
.dark .text-tertiary-200-700-token{
|
|
2343
|
+
.dark .text-tertiary-200-700-token {
|
|
2251
2344
|
color: rgb(var(--color-tertiary-700));
|
|
2252
2345
|
}
|
|
2253
2346
|
|
|
2254
|
-
.dark .text-tertiary-300-600-token{
|
|
2347
|
+
.dark .text-tertiary-300-600-token {
|
|
2255
2348
|
color: rgb(var(--color-tertiary-600));
|
|
2256
2349
|
}
|
|
2257
2350
|
|
|
2258
|
-
.dark .text-tertiary-400-500-token{
|
|
2351
|
+
.dark .text-tertiary-400-500-token {
|
|
2259
2352
|
color: rgb(var(--color-tertiary-500));
|
|
2260
2353
|
}
|
|
2261
2354
|
|
|
2262
|
-
.dark .text-tertiary-900-50-token{
|
|
2355
|
+
.dark .text-tertiary-900-50-token {
|
|
2263
2356
|
color: rgb(var(--color-tertiary-50));
|
|
2264
2357
|
}
|
|
2265
2358
|
|
|
2266
|
-
.dark .text-tertiary-800-100-token{
|
|
2359
|
+
.dark .text-tertiary-800-100-token {
|
|
2267
2360
|
color: rgb(var(--color-tertiary-100));
|
|
2268
2361
|
}
|
|
2269
2362
|
|
|
2270
|
-
.dark .text-tertiary-700-200-token{
|
|
2363
|
+
.dark .text-tertiary-700-200-token {
|
|
2271
2364
|
color: rgb(var(--color-tertiary-200));
|
|
2272
2365
|
}
|
|
2273
2366
|
|
|
2274
|
-
.dark .text-tertiary-600-300-token{
|
|
2367
|
+
.dark .text-tertiary-600-300-token {
|
|
2275
2368
|
color: rgb(var(--color-tertiary-300));
|
|
2276
2369
|
}
|
|
2277
2370
|
|
|
2278
|
-
.dark .text-tertiary-500-400-token{
|
|
2371
|
+
.dark .text-tertiary-500-400-token {
|
|
2279
2372
|
color: rgb(var(--color-tertiary-400));
|
|
2280
2373
|
}
|
|
2281
2374
|
|
|
2282
|
-
.dark .text-success-50-900-token{
|
|
2375
|
+
.dark .text-success-50-900-token {
|
|
2283
2376
|
color: rgb(var(--color-success-900));
|
|
2284
2377
|
}
|
|
2285
2378
|
|
|
2286
|
-
.dark .text-success-100-800-token{
|
|
2379
|
+
.dark .text-success-100-800-token {
|
|
2287
2380
|
color: rgb(var(--color-success-800));
|
|
2288
2381
|
}
|
|
2289
2382
|
|
|
2290
|
-
.dark .text-success-200-700-token{
|
|
2383
|
+
.dark .text-success-200-700-token {
|
|
2291
2384
|
color: rgb(var(--color-success-700));
|
|
2292
2385
|
}
|
|
2293
2386
|
|
|
2294
|
-
.dark .text-success-300-600-token{
|
|
2387
|
+
.dark .text-success-300-600-token {
|
|
2295
2388
|
color: rgb(var(--color-success-600));
|
|
2296
2389
|
}
|
|
2297
2390
|
|
|
2298
|
-
.dark .text-success-400-500-token{
|
|
2391
|
+
.dark .text-success-400-500-token {
|
|
2299
2392
|
color: rgb(var(--color-success-500));
|
|
2300
2393
|
}
|
|
2301
2394
|
|
|
2302
|
-
.dark .text-success-900-50-token{
|
|
2395
|
+
.dark .text-success-900-50-token {
|
|
2303
2396
|
color: rgb(var(--color-success-50));
|
|
2304
2397
|
}
|
|
2305
2398
|
|
|
2306
|
-
.dark .text-success-800-100-token{
|
|
2399
|
+
.dark .text-success-800-100-token {
|
|
2307
2400
|
color: rgb(var(--color-success-100));
|
|
2308
2401
|
}
|
|
2309
2402
|
|
|
2310
|
-
.dark .text-success-700-200-token{
|
|
2403
|
+
.dark .text-success-700-200-token {
|
|
2311
2404
|
color: rgb(var(--color-success-200));
|
|
2312
2405
|
}
|
|
2313
2406
|
|
|
2314
|
-
.dark .text-success-600-300-token{
|
|
2407
|
+
.dark .text-success-600-300-token {
|
|
2315
2408
|
color: rgb(var(--color-success-300));
|
|
2316
2409
|
}
|
|
2317
2410
|
|
|
2318
|
-
.dark .text-success-500-400-token{
|
|
2411
|
+
.dark .text-success-500-400-token {
|
|
2319
2412
|
color: rgb(var(--color-success-400));
|
|
2320
2413
|
}
|
|
2321
2414
|
|
|
2322
|
-
.dark .text-warning-50-900-token{
|
|
2415
|
+
.dark .text-warning-50-900-token {
|
|
2323
2416
|
color: rgb(var(--color-warning-900));
|
|
2324
2417
|
}
|
|
2325
2418
|
|
|
2326
|
-
.dark .text-warning-100-800-token{
|
|
2419
|
+
.dark .text-warning-100-800-token {
|
|
2327
2420
|
color: rgb(var(--color-warning-800));
|
|
2328
2421
|
}
|
|
2329
2422
|
|
|
2330
|
-
.dark .text-warning-200-700-token{
|
|
2423
|
+
.dark .text-warning-200-700-token {
|
|
2331
2424
|
color: rgb(var(--color-warning-700));
|
|
2332
2425
|
}
|
|
2333
2426
|
|
|
2334
|
-
.dark .text-warning-300-600-token{
|
|
2427
|
+
.dark .text-warning-300-600-token {
|
|
2335
2428
|
color: rgb(var(--color-warning-600));
|
|
2336
2429
|
}
|
|
2337
2430
|
|
|
2338
|
-
.dark .text-warning-400-500-token{
|
|
2431
|
+
.dark .text-warning-400-500-token {
|
|
2339
2432
|
color: rgb(var(--color-warning-500));
|
|
2340
2433
|
}
|
|
2341
2434
|
|
|
2342
|
-
.dark .text-warning-900-50-token{
|
|
2435
|
+
.dark .text-warning-900-50-token {
|
|
2343
2436
|
color: rgb(var(--color-warning-50));
|
|
2344
2437
|
}
|
|
2345
2438
|
|
|
2346
|
-
.dark .text-warning-800-100-token{
|
|
2439
|
+
.dark .text-warning-800-100-token {
|
|
2347
2440
|
color: rgb(var(--color-warning-100));
|
|
2348
2441
|
}
|
|
2349
2442
|
|
|
2350
|
-
.dark .text-warning-700-200-token{
|
|
2443
|
+
.dark .text-warning-700-200-token {
|
|
2351
2444
|
color: rgb(var(--color-warning-200));
|
|
2352
2445
|
}
|
|
2353
2446
|
|
|
2354
|
-
.dark .text-warning-600-300-token{
|
|
2447
|
+
.dark .text-warning-600-300-token {
|
|
2355
2448
|
color: rgb(var(--color-warning-300));
|
|
2356
2449
|
}
|
|
2357
2450
|
|
|
2358
|
-
.dark .text-warning-500-400-token{
|
|
2451
|
+
.dark .text-warning-500-400-token {
|
|
2359
2452
|
color: rgb(var(--color-warning-400));
|
|
2360
2453
|
}
|
|
2361
2454
|
|
|
2362
|
-
.dark .text-error-50-900-token{
|
|
2455
|
+
.dark .text-error-50-900-token {
|
|
2363
2456
|
color: rgb(var(--color-error-900));
|
|
2364
2457
|
}
|
|
2365
2458
|
|
|
2366
|
-
.dark .text-error-100-800-token{
|
|
2459
|
+
.dark .text-error-100-800-token {
|
|
2367
2460
|
color: rgb(var(--color-error-800));
|
|
2368
2461
|
}
|
|
2369
2462
|
|
|
2370
|
-
.dark .text-error-200-700-token{
|
|
2463
|
+
.dark .text-error-200-700-token {
|
|
2371
2464
|
color: rgb(var(--color-error-700));
|
|
2372
2465
|
}
|
|
2373
2466
|
|
|
2374
|
-
.dark .text-error-300-600-token{
|
|
2467
|
+
.dark .text-error-300-600-token {
|
|
2375
2468
|
color: rgb(var(--color-error-600));
|
|
2376
2469
|
}
|
|
2377
2470
|
|
|
2378
|
-
.dark .text-error-400-500-token{
|
|
2471
|
+
.dark .text-error-400-500-token {
|
|
2379
2472
|
color: rgb(var(--color-error-500));
|
|
2380
2473
|
}
|
|
2381
2474
|
|
|
2382
|
-
.dark .text-error-900-50-token{
|
|
2475
|
+
.dark .text-error-900-50-token {
|
|
2383
2476
|
color: rgb(var(--color-error-50));
|
|
2384
2477
|
}
|
|
2385
2478
|
|
|
2386
|
-
.dark .text-error-800-100-token{
|
|
2479
|
+
.dark .text-error-800-100-token {
|
|
2387
2480
|
color: rgb(var(--color-error-100));
|
|
2388
2481
|
}
|
|
2389
2482
|
|
|
2390
|
-
.dark .text-error-700-200-token{
|
|
2483
|
+
.dark .text-error-700-200-token {
|
|
2391
2484
|
color: rgb(var(--color-error-200));
|
|
2392
2485
|
}
|
|
2393
2486
|
|
|
2394
|
-
.dark .text-error-600-300-token{
|
|
2487
|
+
.dark .text-error-600-300-token {
|
|
2395
2488
|
color: rgb(var(--color-error-300));
|
|
2396
2489
|
}
|
|
2397
2490
|
|
|
2398
|
-
.dark .text-error-500-400-token{
|
|
2491
|
+
.dark .text-error-500-400-token {
|
|
2399
2492
|
color: rgb(var(--color-error-400));
|
|
2400
2493
|
}
|
|
2401
2494
|
|
|
2402
|
-
.dark .text-surface-50-900-token{
|
|
2495
|
+
.dark .text-surface-50-900-token {
|
|
2403
2496
|
color: rgb(var(--color-surface-900));
|
|
2404
2497
|
}
|
|
2405
2498
|
|
|
2406
|
-
.dark .text-surface-100-800-token{
|
|
2499
|
+
.dark .text-surface-100-800-token {
|
|
2407
2500
|
color: rgb(var(--color-surface-800));
|
|
2408
2501
|
}
|
|
2409
2502
|
|
|
2410
|
-
.dark .text-surface-200-700-token{
|
|
2503
|
+
.dark .text-surface-200-700-token {
|
|
2411
2504
|
color: rgb(var(--color-surface-700));
|
|
2412
2505
|
}
|
|
2413
2506
|
|
|
2414
|
-
.dark .text-surface-300-600-token{
|
|
2507
|
+
.dark .text-surface-300-600-token {
|
|
2415
2508
|
color: rgb(var(--color-surface-600));
|
|
2416
2509
|
}
|
|
2417
2510
|
|
|
2418
|
-
.dark .text-surface-400-500-token{
|
|
2511
|
+
.dark .text-surface-400-500-token {
|
|
2419
2512
|
color: rgb(var(--color-surface-500));
|
|
2420
2513
|
}
|
|
2421
2514
|
|
|
2422
|
-
.dark .text-surface-900-50-token{
|
|
2515
|
+
.dark .text-surface-900-50-token {
|
|
2423
2516
|
color: rgb(var(--color-surface-50));
|
|
2424
2517
|
}
|
|
2425
2518
|
|
|
2426
|
-
.dark .text-surface-800-100-token{
|
|
2519
|
+
.dark .text-surface-800-100-token {
|
|
2427
2520
|
color: rgb(var(--color-surface-100));
|
|
2428
2521
|
}
|
|
2429
2522
|
|
|
2430
|
-
.dark .text-surface-700-200-token{
|
|
2523
|
+
.dark .text-surface-700-200-token {
|
|
2431
2524
|
color: rgb(var(--color-surface-200));
|
|
2432
2525
|
}
|
|
2433
2526
|
|
|
2434
|
-
.dark .text-surface-600-300-token{
|
|
2527
|
+
.dark .text-surface-600-300-token {
|
|
2435
2528
|
color: rgb(var(--color-surface-300));
|
|
2436
2529
|
}
|
|
2437
2530
|
|
|
2438
|
-
.dark .text-surface-500-400-token{
|
|
2531
|
+
.dark .text-surface-500-400-token {
|
|
2439
2532
|
color: rgb(var(--color-surface-400));
|
|
2440
2533
|
}
|
|
2441
2534
|
|
|
2442
|
-
.dark .ring-outline-token{
|
|
2535
|
+
.dark .ring-outline-token {
|
|
2443
2536
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
2444
2537
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
2445
2538
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
@@ -2447,302 +2540,302 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
|
2447
2540
|
--tw-ring-color: rgb(250 250 250 / 0.05);
|
|
2448
2541
|
}
|
|
2449
2542
|
|
|
2450
|
-
.dark .ring-primary-50-900-token{
|
|
2543
|
+
.dark .ring-primary-50-900-token {
|
|
2451
2544
|
--tw-ring-color: rgb(var(--color-primary-900) / 1);
|
|
2452
2545
|
}
|
|
2453
2546
|
|
|
2454
|
-
.dark .ring-primary-100-800-token{
|
|
2547
|
+
.dark .ring-primary-100-800-token {
|
|
2455
2548
|
--tw-ring-color: rgb(var(--color-primary-800) / 1);
|
|
2456
2549
|
}
|
|
2457
2550
|
|
|
2458
|
-
.dark .ring-primary-200-700-token{
|
|
2551
|
+
.dark .ring-primary-200-700-token {
|
|
2459
2552
|
--tw-ring-color: rgb(var(--color-primary-700) / 1);
|
|
2460
2553
|
}
|
|
2461
2554
|
|
|
2462
|
-
.dark .ring-primary-300-600-token{
|
|
2555
|
+
.dark .ring-primary-300-600-token {
|
|
2463
2556
|
--tw-ring-color: rgb(var(--color-primary-600) / 1);
|
|
2464
2557
|
}
|
|
2465
2558
|
|
|
2466
|
-
.dark .ring-primary-400-500-token{
|
|
2559
|
+
.dark .ring-primary-400-500-token {
|
|
2467
2560
|
--tw-ring-color: rgb(var(--color-primary-500) / 1);
|
|
2468
2561
|
}
|
|
2469
2562
|
|
|
2470
|
-
.dark .ring-primary-900-50-token{
|
|
2563
|
+
.dark .ring-primary-900-50-token {
|
|
2471
2564
|
--tw-ring-color: rgb(var(--color-primary-50) / 1);
|
|
2472
2565
|
}
|
|
2473
2566
|
|
|
2474
|
-
.dark .ring-primary-800-100-token{
|
|
2567
|
+
.dark .ring-primary-800-100-token {
|
|
2475
2568
|
--tw-ring-color: rgb(var(--color-primary-100) / 1);
|
|
2476
2569
|
}
|
|
2477
2570
|
|
|
2478
|
-
.dark .ring-primary-700-200-token{
|
|
2571
|
+
.dark .ring-primary-700-200-token {
|
|
2479
2572
|
--tw-ring-color: rgb(var(--color-primary-200) / 1);
|
|
2480
2573
|
}
|
|
2481
2574
|
|
|
2482
|
-
.dark .ring-primary-600-300-token{
|
|
2575
|
+
.dark .ring-primary-600-300-token {
|
|
2483
2576
|
--tw-ring-color: rgb(var(--color-primary-300) / 1);
|
|
2484
2577
|
}
|
|
2485
2578
|
|
|
2486
|
-
.dark .ring-primary-500-400-token{
|
|
2579
|
+
.dark .ring-primary-500-400-token {
|
|
2487
2580
|
--tw-ring-color: rgb(var(--color-primary-400) / 1);
|
|
2488
2581
|
}
|
|
2489
2582
|
|
|
2490
|
-
.dark .ring-secondary-50-900-token{
|
|
2583
|
+
.dark .ring-secondary-50-900-token {
|
|
2491
2584
|
--tw-ring-color: rgb(var(--color-secondary-900) / 1);
|
|
2492
2585
|
}
|
|
2493
2586
|
|
|
2494
|
-
.dark .ring-secondary-100-800-token{
|
|
2587
|
+
.dark .ring-secondary-100-800-token {
|
|
2495
2588
|
--tw-ring-color: rgb(var(--color-secondary-800) / 1);
|
|
2496
2589
|
}
|
|
2497
2590
|
|
|
2498
|
-
.dark .ring-secondary-200-700-token{
|
|
2591
|
+
.dark .ring-secondary-200-700-token {
|
|
2499
2592
|
--tw-ring-color: rgb(var(--color-secondary-700) / 1);
|
|
2500
2593
|
}
|
|
2501
2594
|
|
|
2502
|
-
.dark .ring-secondary-300-600-token{
|
|
2595
|
+
.dark .ring-secondary-300-600-token {
|
|
2503
2596
|
--tw-ring-color: rgb(var(--color-secondary-600) / 1);
|
|
2504
2597
|
}
|
|
2505
2598
|
|
|
2506
|
-
.dark .ring-secondary-400-500-token{
|
|
2599
|
+
.dark .ring-secondary-400-500-token {
|
|
2507
2600
|
--tw-ring-color: rgb(var(--color-secondary-500) / 1);
|
|
2508
2601
|
}
|
|
2509
2602
|
|
|
2510
|
-
.dark .ring-secondary-900-50-token{
|
|
2603
|
+
.dark .ring-secondary-900-50-token {
|
|
2511
2604
|
--tw-ring-color: rgb(var(--color-secondary-50) / 1);
|
|
2512
2605
|
}
|
|
2513
2606
|
|
|
2514
|
-
.dark .ring-secondary-800-100-token{
|
|
2607
|
+
.dark .ring-secondary-800-100-token {
|
|
2515
2608
|
--tw-ring-color: rgb(var(--color-secondary-100) / 1);
|
|
2516
2609
|
}
|
|
2517
2610
|
|
|
2518
|
-
.dark .ring-secondary-700-200-token{
|
|
2611
|
+
.dark .ring-secondary-700-200-token {
|
|
2519
2612
|
--tw-ring-color: rgb(var(--color-secondary-200) / 1);
|
|
2520
2613
|
}
|
|
2521
2614
|
|
|
2522
|
-
.dark .ring-secondary-600-300-token{
|
|
2615
|
+
.dark .ring-secondary-600-300-token {
|
|
2523
2616
|
--tw-ring-color: rgb(var(--color-secondary-300) / 1);
|
|
2524
2617
|
}
|
|
2525
2618
|
|
|
2526
|
-
.dark .ring-secondary-500-400-token{
|
|
2619
|
+
.dark .ring-secondary-500-400-token {
|
|
2527
2620
|
--tw-ring-color: rgb(var(--color-secondary-400) / 1);
|
|
2528
2621
|
}
|
|
2529
2622
|
|
|
2530
|
-
.dark .ring-tertiary-50-900-token{
|
|
2623
|
+
.dark .ring-tertiary-50-900-token {
|
|
2531
2624
|
--tw-ring-color: rgb(var(--color-tertiary-900) / 1);
|
|
2532
2625
|
}
|
|
2533
2626
|
|
|
2534
|
-
.dark .ring-tertiary-100-800-token{
|
|
2627
|
+
.dark .ring-tertiary-100-800-token {
|
|
2535
2628
|
--tw-ring-color: rgb(var(--color-tertiary-800) / 1);
|
|
2536
2629
|
}
|
|
2537
2630
|
|
|
2538
|
-
.dark .ring-tertiary-200-700-token{
|
|
2631
|
+
.dark .ring-tertiary-200-700-token {
|
|
2539
2632
|
--tw-ring-color: rgb(var(--color-tertiary-700) / 1);
|
|
2540
2633
|
}
|
|
2541
2634
|
|
|
2542
|
-
.dark .ring-tertiary-300-600-token{
|
|
2635
|
+
.dark .ring-tertiary-300-600-token {
|
|
2543
2636
|
--tw-ring-color: rgb(var(--color-tertiary-600) / 1);
|
|
2544
2637
|
}
|
|
2545
2638
|
|
|
2546
|
-
.dark .ring-tertiary-400-500-token{
|
|
2639
|
+
.dark .ring-tertiary-400-500-token {
|
|
2547
2640
|
--tw-ring-color: rgb(var(--color-tertiary-500) / 1);
|
|
2548
2641
|
}
|
|
2549
2642
|
|
|
2550
|
-
.dark .ring-tertiary-900-50-token{
|
|
2643
|
+
.dark .ring-tertiary-900-50-token {
|
|
2551
2644
|
--tw-ring-color: rgb(var(--color-tertiary-50) / 1);
|
|
2552
2645
|
}
|
|
2553
2646
|
|
|
2554
|
-
.dark .ring-tertiary-800-100-token{
|
|
2647
|
+
.dark .ring-tertiary-800-100-token {
|
|
2555
2648
|
--tw-ring-color: rgb(var(--color-tertiary-100) / 1);
|
|
2556
2649
|
}
|
|
2557
2650
|
|
|
2558
|
-
.dark .ring-tertiary-700-200-token{
|
|
2651
|
+
.dark .ring-tertiary-700-200-token {
|
|
2559
2652
|
--tw-ring-color: rgb(var(--color-tertiary-200) / 1);
|
|
2560
2653
|
}
|
|
2561
2654
|
|
|
2562
|
-
.dark .ring-tertiary-600-300-token{
|
|
2655
|
+
.dark .ring-tertiary-600-300-token {
|
|
2563
2656
|
--tw-ring-color: rgb(var(--color-tertiary-300) / 1);
|
|
2564
2657
|
}
|
|
2565
2658
|
|
|
2566
|
-
.dark .ring-tertiary-500-400-token{
|
|
2659
|
+
.dark .ring-tertiary-500-400-token {
|
|
2567
2660
|
--tw-ring-color: rgb(var(--color-tertiary-400) / 1);
|
|
2568
2661
|
}
|
|
2569
2662
|
|
|
2570
|
-
.dark .ring-success-50-900-token{
|
|
2663
|
+
.dark .ring-success-50-900-token {
|
|
2571
2664
|
--tw-ring-color: rgb(var(--color-success-900) / 1);
|
|
2572
2665
|
}
|
|
2573
2666
|
|
|
2574
|
-
.dark .ring-success-100-800-token{
|
|
2667
|
+
.dark .ring-success-100-800-token {
|
|
2575
2668
|
--tw-ring-color: rgb(var(--color-success-800) / 1);
|
|
2576
2669
|
}
|
|
2577
2670
|
|
|
2578
|
-
.dark .ring-success-200-700-token{
|
|
2671
|
+
.dark .ring-success-200-700-token {
|
|
2579
2672
|
--tw-ring-color: rgb(var(--color-success-700) / 1);
|
|
2580
2673
|
}
|
|
2581
2674
|
|
|
2582
|
-
.dark .ring-success-300-600-token{
|
|
2675
|
+
.dark .ring-success-300-600-token {
|
|
2583
2676
|
--tw-ring-color: rgb(var(--color-success-600) / 1);
|
|
2584
2677
|
}
|
|
2585
2678
|
|
|
2586
|
-
.dark .ring-success-400-500-token{
|
|
2679
|
+
.dark .ring-success-400-500-token {
|
|
2587
2680
|
--tw-ring-color: rgb(var(--color-success-500) / 1);
|
|
2588
2681
|
}
|
|
2589
2682
|
|
|
2590
|
-
.dark .ring-success-900-50-token{
|
|
2683
|
+
.dark .ring-success-900-50-token {
|
|
2591
2684
|
--tw-ring-color: rgb(var(--color-success-50) / 1);
|
|
2592
2685
|
}
|
|
2593
2686
|
|
|
2594
|
-
.dark .ring-success-800-100-token{
|
|
2687
|
+
.dark .ring-success-800-100-token {
|
|
2595
2688
|
--tw-ring-color: rgb(var(--color-success-100) / 1);
|
|
2596
2689
|
}
|
|
2597
2690
|
|
|
2598
|
-
.dark .ring-success-700-200-token{
|
|
2691
|
+
.dark .ring-success-700-200-token {
|
|
2599
2692
|
--tw-ring-color: rgb(var(--color-success-200) / 1);
|
|
2600
2693
|
}
|
|
2601
2694
|
|
|
2602
|
-
.dark .ring-success-600-300-token{
|
|
2695
|
+
.dark .ring-success-600-300-token {
|
|
2603
2696
|
--tw-ring-color: rgb(var(--color-success-300) / 1);
|
|
2604
2697
|
}
|
|
2605
2698
|
|
|
2606
|
-
.dark .ring-success-500-400-token{
|
|
2699
|
+
.dark .ring-success-500-400-token {
|
|
2607
2700
|
--tw-ring-color: rgb(var(--color-success-400) / 1);
|
|
2608
2701
|
}
|
|
2609
2702
|
|
|
2610
|
-
.dark .ring-warning-50-900-token{
|
|
2703
|
+
.dark .ring-warning-50-900-token {
|
|
2611
2704
|
--tw-ring-color: rgb(var(--color-warning-900) / 1);
|
|
2612
2705
|
}
|
|
2613
2706
|
|
|
2614
|
-
.dark .ring-warning-100-800-token{
|
|
2707
|
+
.dark .ring-warning-100-800-token {
|
|
2615
2708
|
--tw-ring-color: rgb(var(--color-warning-800) / 1);
|
|
2616
2709
|
}
|
|
2617
2710
|
|
|
2618
|
-
.dark .ring-warning-200-700-token{
|
|
2711
|
+
.dark .ring-warning-200-700-token {
|
|
2619
2712
|
--tw-ring-color: rgb(var(--color-warning-700) / 1);
|
|
2620
2713
|
}
|
|
2621
2714
|
|
|
2622
|
-
.dark .ring-warning-300-600-token{
|
|
2715
|
+
.dark .ring-warning-300-600-token {
|
|
2623
2716
|
--tw-ring-color: rgb(var(--color-warning-600) / 1);
|
|
2624
2717
|
}
|
|
2625
2718
|
|
|
2626
|
-
.dark .ring-warning-400-500-token{
|
|
2719
|
+
.dark .ring-warning-400-500-token {
|
|
2627
2720
|
--tw-ring-color: rgb(var(--color-warning-500) / 1);
|
|
2628
2721
|
}
|
|
2629
2722
|
|
|
2630
|
-
.dark .ring-warning-900-50-token{
|
|
2723
|
+
.dark .ring-warning-900-50-token {
|
|
2631
2724
|
--tw-ring-color: rgb(var(--color-warning-50) / 1);
|
|
2632
2725
|
}
|
|
2633
2726
|
|
|
2634
|
-
.dark .ring-warning-800-100-token{
|
|
2727
|
+
.dark .ring-warning-800-100-token {
|
|
2635
2728
|
--tw-ring-color: rgb(var(--color-warning-100) / 1);
|
|
2636
2729
|
}
|
|
2637
2730
|
|
|
2638
|
-
.dark .ring-warning-700-200-token{
|
|
2731
|
+
.dark .ring-warning-700-200-token {
|
|
2639
2732
|
--tw-ring-color: rgb(var(--color-warning-200) / 1);
|
|
2640
2733
|
}
|
|
2641
2734
|
|
|
2642
|
-
.dark .ring-warning-600-300-token{
|
|
2735
|
+
.dark .ring-warning-600-300-token {
|
|
2643
2736
|
--tw-ring-color: rgb(var(--color-warning-300) / 1);
|
|
2644
2737
|
}
|
|
2645
2738
|
|
|
2646
|
-
.dark .ring-warning-500-400-token{
|
|
2739
|
+
.dark .ring-warning-500-400-token {
|
|
2647
2740
|
--tw-ring-color: rgb(var(--color-warning-400) / 1);
|
|
2648
2741
|
}
|
|
2649
2742
|
|
|
2650
|
-
.dark .ring-error-50-900-token{
|
|
2743
|
+
.dark .ring-error-50-900-token {
|
|
2651
2744
|
--tw-ring-color: rgb(var(--color-error-900) / 1);
|
|
2652
2745
|
}
|
|
2653
2746
|
|
|
2654
|
-
.dark .ring-error-100-800-token{
|
|
2747
|
+
.dark .ring-error-100-800-token {
|
|
2655
2748
|
--tw-ring-color: rgb(var(--color-error-800) / 1);
|
|
2656
2749
|
}
|
|
2657
2750
|
|
|
2658
|
-
.dark .ring-error-200-700-token{
|
|
2751
|
+
.dark .ring-error-200-700-token {
|
|
2659
2752
|
--tw-ring-color: rgb(var(--color-error-700) / 1);
|
|
2660
2753
|
}
|
|
2661
2754
|
|
|
2662
|
-
.dark .ring-error-300-600-token{
|
|
2755
|
+
.dark .ring-error-300-600-token {
|
|
2663
2756
|
--tw-ring-color: rgb(var(--color-error-600) / 1);
|
|
2664
2757
|
}
|
|
2665
2758
|
|
|
2666
|
-
.dark .ring-error-400-500-token{
|
|
2759
|
+
.dark .ring-error-400-500-token {
|
|
2667
2760
|
--tw-ring-color: rgb(var(--color-error-500) / 1);
|
|
2668
2761
|
}
|
|
2669
2762
|
|
|
2670
|
-
.dark .ring-error-900-50-token{
|
|
2763
|
+
.dark .ring-error-900-50-token {
|
|
2671
2764
|
--tw-ring-color: rgb(var(--color-error-50) / 1);
|
|
2672
2765
|
}
|
|
2673
2766
|
|
|
2674
|
-
.dark .ring-error-800-100-token{
|
|
2767
|
+
.dark .ring-error-800-100-token {
|
|
2675
2768
|
--tw-ring-color: rgb(var(--color-error-100) / 1);
|
|
2676
2769
|
}
|
|
2677
2770
|
|
|
2678
|
-
.dark .ring-error-700-200-token{
|
|
2771
|
+
.dark .ring-error-700-200-token {
|
|
2679
2772
|
--tw-ring-color: rgb(var(--color-error-200) / 1);
|
|
2680
2773
|
}
|
|
2681
2774
|
|
|
2682
|
-
.dark .ring-error-600-300-token{
|
|
2775
|
+
.dark .ring-error-600-300-token {
|
|
2683
2776
|
--tw-ring-color: rgb(var(--color-error-300) / 1);
|
|
2684
2777
|
}
|
|
2685
2778
|
|
|
2686
|
-
.dark .ring-error-500-400-token{
|
|
2779
|
+
.dark .ring-error-500-400-token {
|
|
2687
2780
|
--tw-ring-color: rgb(var(--color-error-400) / 1);
|
|
2688
2781
|
}
|
|
2689
2782
|
|
|
2690
|
-
.dark .ring-surface-50-900-token{
|
|
2783
|
+
.dark .ring-surface-50-900-token {
|
|
2691
2784
|
--tw-ring-color: rgb(var(--color-surface-900) / 1);
|
|
2692
2785
|
}
|
|
2693
2786
|
|
|
2694
|
-
.dark .ring-surface-100-800-token{
|
|
2787
|
+
.dark .ring-surface-100-800-token {
|
|
2695
2788
|
--tw-ring-color: rgb(var(--color-surface-800) / 1);
|
|
2696
2789
|
}
|
|
2697
2790
|
|
|
2698
|
-
.dark .ring-surface-200-700-token{
|
|
2791
|
+
.dark .ring-surface-200-700-token {
|
|
2699
2792
|
--tw-ring-color: rgb(var(--color-surface-700) / 1);
|
|
2700
2793
|
}
|
|
2701
2794
|
|
|
2702
|
-
.dark .ring-surface-300-600-token{
|
|
2795
|
+
.dark .ring-surface-300-600-token {
|
|
2703
2796
|
--tw-ring-color: rgb(var(--color-surface-600) / 1);
|
|
2704
2797
|
}
|
|
2705
2798
|
|
|
2706
|
-
.dark .ring-surface-400-500-token{
|
|
2799
|
+
.dark .ring-surface-400-500-token {
|
|
2707
2800
|
--tw-ring-color: rgb(var(--color-surface-500) / 1);
|
|
2708
2801
|
}
|
|
2709
2802
|
|
|
2710
|
-
.dark .ring-surface-900-50-token{
|
|
2803
|
+
.dark .ring-surface-900-50-token {
|
|
2711
2804
|
--tw-ring-color: rgb(var(--color-surface-50) / 1);
|
|
2712
2805
|
}
|
|
2713
2806
|
|
|
2714
|
-
.dark .ring-surface-800-100-token{
|
|
2807
|
+
.dark .ring-surface-800-100-token {
|
|
2715
2808
|
--tw-ring-color: rgb(var(--color-surface-100) / 1);
|
|
2716
2809
|
}
|
|
2717
2810
|
|
|
2718
|
-
.dark .ring-surface-700-200-token{
|
|
2811
|
+
.dark .ring-surface-700-200-token {
|
|
2719
2812
|
--tw-ring-color: rgb(var(--color-surface-200) / 1);
|
|
2720
2813
|
}
|
|
2721
2814
|
|
|
2722
|
-
.dark .ring-surface-600-300-token{
|
|
2815
|
+
.dark .ring-surface-600-300-token {
|
|
2723
2816
|
--tw-ring-color: rgb(var(--color-surface-300) / 1);
|
|
2724
2817
|
}
|
|
2725
2818
|
|
|
2726
|
-
.dark .ring-surface-500-400-token{
|
|
2819
|
+
.dark .ring-surface-500-400-token {
|
|
2727
2820
|
--tw-ring-color: rgb(var(--color-surface-400) / 1);
|
|
2728
2821
|
}
|
|
2729
2822
|
|
|
2730
|
-
.hover\:cursor-pointer:hover{
|
|
2823
|
+
.hover\:cursor-pointer:hover {
|
|
2731
2824
|
cursor: pointer;
|
|
2732
2825
|
}
|
|
2733
2826
|
|
|
2734
|
-
.hover\:bg-primary-100:hover{
|
|
2827
|
+
.hover\:bg-primary-100:hover {
|
|
2735
2828
|
--tw-bg-opacity: 1;
|
|
2736
2829
|
background-color: rgb(var(--color-primary-100) / var(--tw-bg-opacity));
|
|
2737
2830
|
}
|
|
2738
2831
|
|
|
2739
|
-
.hover\:text-primary-900:hover{
|
|
2832
|
+
.hover\:text-primary-900:hover {
|
|
2740
2833
|
--tw-text-opacity: 1;
|
|
2741
2834
|
color: rgb(var(--color-primary-900) / var(--tw-text-opacity));
|
|
2742
2835
|
}
|
|
2743
2836
|
|
|
2744
|
-
@media (min-width: 1024px){
|
|
2745
|
-
.lg\:max-h-\[500px\]{
|
|
2837
|
+
@media (min-width: 1024px) {
|
|
2838
|
+
.lg\:max-h-\[500px\] {
|
|
2746
2839
|
max-height: 500px;
|
|
2747
2840
|
}
|
|
2748
2841
|
}
|
|
@@ -2791,17 +2884,17 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
|
2791
2884
|
|
|
2792
2885
|
/* === Modal (helpers) === */
|
|
2793
2886
|
|
|
2794
|
-
.w-modal-slim{
|
|
2887
|
+
.w-modal-slim {
|
|
2795
2888
|
max-width: 400px;
|
|
2796
2889
|
width:100%;
|
|
2797
2890
|
}
|
|
2798
2891
|
|
|
2799
|
-
.w-modal{
|
|
2892
|
+
.w-modal {
|
|
2800
2893
|
max-width: 640px;
|
|
2801
2894
|
width:100%;
|
|
2802
2895
|
}
|
|
2803
2896
|
|
|
2804
|
-
.w-modal-wide{
|
|
2897
|
+
.w-modal-wide {
|
|
2805
2898
|
max-width: 80%;
|
|
2806
2899
|
width:100%;
|
|
2807
2900
|
}
|
|
@@ -2824,7 +2917,7 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button{
|
|
|
2824
2917
|
transition-duration: 200ms;
|
|
2825
2918
|
}
|
|
2826
2919
|
|
|
2827
|
-
[data-popup] .arrow{
|
|
2920
|
+
[data-popup] .arrow {
|
|
2828
2921
|
height: 0.5rem;
|
|
2829
2922
|
width: 0.5rem;
|
|
2830
2923
|
--tw-rotate: 45deg;
|
|
@@ -3246,14 +3339,30 @@ img,video{
|
|
|
3246
3339
|
margin-bottom:calc(1rem * var(--tw-space-y-reverse))
|
|
3247
3340
|
}
|
|
3248
3341
|
|
|
3342
|
+
.overflow-hidden{
|
|
3343
|
+
overflow:hidden
|
|
3344
|
+
}
|
|
3345
|
+
|
|
3249
3346
|
.overflow-y-auto{
|
|
3250
3347
|
overflow-y:auto
|
|
3251
3348
|
}
|
|
3252
3349
|
|
|
3350
|
+
.whitespace-pre-wrap{
|
|
3351
|
+
white-space:pre-wrap
|
|
3352
|
+
}
|
|
3353
|
+
|
|
3354
|
+
.break-all{
|
|
3355
|
+
word-break:break-all
|
|
3356
|
+
}
|
|
3357
|
+
|
|
3253
3358
|
.rounded{
|
|
3254
3359
|
border-radius:.25rem
|
|
3255
3360
|
}
|
|
3256
3361
|
|
|
3362
|
+
.bg-neutral-900\/90{
|
|
3363
|
+
background-color:#171717e6
|
|
3364
|
+
}
|
|
3365
|
+
|
|
3257
3366
|
.bg-primary-50{
|
|
3258
3367
|
--tw-bg-opacity: 1;
|
|
3259
3368
|
background-color:rgb(var(--color-primary-50) / var(--tw-bg-opacity))
|
|
@@ -3287,10 +3396,36 @@ img,video{
|
|
|
3287
3396
|
padding:1rem
|
|
3288
3397
|
}
|
|
3289
3398
|
|
|
3399
|
+
.pb-0{
|
|
3400
|
+
padding-bottom:0
|
|
3401
|
+
}
|
|
3402
|
+
|
|
3403
|
+
.pl-4{
|
|
3404
|
+
padding-left:1rem
|
|
3405
|
+
}
|
|
3406
|
+
|
|
3407
|
+
.pt-1{
|
|
3408
|
+
padding-top:.25rem
|
|
3409
|
+
}
|
|
3410
|
+
|
|
3290
3411
|
.text-center{
|
|
3291
3412
|
text-align:center
|
|
3292
3413
|
}
|
|
3293
3414
|
|
|
3415
|
+
.text-sm{
|
|
3416
|
+
font-size:.875rem;
|
|
3417
|
+
line-height:1.25rem
|
|
3418
|
+
}
|
|
3419
|
+
|
|
3420
|
+
.text-xs{
|
|
3421
|
+
font-size:.75rem;
|
|
3422
|
+
line-height:1rem
|
|
3423
|
+
}
|
|
3424
|
+
|
|
3425
|
+
.uppercase{
|
|
3426
|
+
text-transform:uppercase
|
|
3427
|
+
}
|
|
3428
|
+
|
|
3294
3429
|
.capitalize{
|
|
3295
3430
|
text-transform:capitalize
|
|
3296
3431
|
}
|
|
@@ -3315,6 +3450,21 @@ img,video{
|
|
|
3315
3450
|
color:rgb(var(--color-surface-900) / var(--tw-text-opacity))
|
|
3316
3451
|
}
|
|
3317
3452
|
|
|
3453
|
+
.text-white{
|
|
3454
|
+
--tw-text-opacity: 1;
|
|
3455
|
+
color:rgb(255 255 255 / var(--tw-text-opacity))
|
|
3456
|
+
}
|
|
3457
|
+
|
|
3458
|
+
.text-white\/50{
|
|
3459
|
+
color:#ffffff80
|
|
3460
|
+
}
|
|
3461
|
+
|
|
3462
|
+
.shadow{
|
|
3463
|
+
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
|
|
3464
|
+
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
3465
|
+
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
|
|
3466
|
+
}
|
|
3467
|
+
|
|
3318
3468
|
.shadow-xl{
|
|
3319
3469
|
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
|
|
3320
3470
|
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
@@ -3341,6 +3491,11 @@ img,video{
|
|
|
3341
3491
|
--tw-ring-color: rgb(var(--color-surface-500) / .3)
|
|
3342
3492
|
}
|
|
3343
3493
|
|
|
3494
|
+
.blur{
|
|
3495
|
+
--tw-blur: blur(8px);
|
|
3496
|
+
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
|
|
3497
|
+
}
|
|
3498
|
+
|
|
3344
3499
|
.transition-all{
|
|
3345
3500
|
transition-property:all;
|
|
3346
3501
|
transition-timing-function:cubic-bezier(.4,0,.2,1);
|
|
@@ -4543,107 +4698,95 @@ img,video{
|
|
|
4543
4698
|
}
|
|
4544
4699
|
}
|
|
4545
4700
|
|
|
4546
|
-
|
|
4547
|
-
|
|
4548
|
-
|
|
4549
|
-
|
|
4550
|
-
|
|
4551
|
-
|
|
4552
|
-
|
|
4553
|
-
|
|
4554
|
-
|
|
4555
|
-
|
|
4556
|
-
|
|
4557
|
-
|
|
4558
|
-
|
|
4559
|
-
|
|
4560
|
-
|
|
4561
|
-
|
|
4562
|
-
|
|
4563
|
-
|
|
4564
|
-
|
|
4565
|
-
|
|
4566
|
-
|
|
4567
|
-
|
|
4568
|
-
|
|
4569
|
-
|
|
4570
|
-
|
|
4571
|
-
|
|
4572
|
-
|
|
4573
|
-
|
|
4574
|
-
|
|
4575
|
-
|
|
4576
|
-
|
|
4577
|
-
|
|
4578
|
-
|
|
4579
|
-
|
|
4580
|
-
|
|
4581
|
-
|
|
4582
|
-
|
|
4583
|
-
|
|
4584
|
-
|
|
4585
|
-
|
|
4586
|
-
|
|
4587
|
-
|
|
4588
|
-
|
|
4589
|
-
|
|
4590
|
-
|
|
4591
|
-
|
|
4592
|
-
|
|
4593
|
-
|
|
4594
|
-
|
|
4595
|
-
|
|
4596
|
-
|
|
4597
|
-
|
|
4598
|
-
|
|
4599
|
-
|
|
4600
|
-
|
|
4601
|
-
|
|
4602
|
-
|
|
4603
|
-
|
|
4604
|
-
|
|
4605
|
-
|
|
4606
|
-
|
|
4607
|
-
|
|
4608
|
-
|
|
4609
|
-
|
|
4610
|
-
|
|
4611
|
-
|
|
4612
|
-
--color-error-100: 252 218 218;
|
|
4613
|
-
--color-error-200: 251 208 208;
|
|
4614
|
-
--color-error-300: 249 180 180;
|
|
4615
|
-
--color-error-400: 244 124 124;
|
|
4616
|
-
--color-error-500: 239 68 68;
|
|
4617
|
-
--color-error-600: 215 61 61;
|
|
4618
|
-
--color-error-700: 179 51 51;
|
|
4619
|
-
--color-error-800: 143 41 41;
|
|
4620
|
-
--color-error-900: 117 33 33;
|
|
4621
|
-
--color-surface-50: 232 232 253;
|
|
4622
|
-
--color-surface-100: 224 224 252;
|
|
4623
|
-
--color-surface-200: 216 217 252;
|
|
4624
|
-
--color-surface-300: 193 194 249;
|
|
4625
|
-
--color-surface-400: 146 148 245;
|
|
4626
|
-
--color-surface-500: 99 102 241;
|
|
4627
|
-
--color-surface-600: 89 92 217;
|
|
4628
|
-
--color-surface-700: 74 77 181;
|
|
4629
|
-
--color-surface-800: 59 61 145;
|
|
4630
|
-
--color-surface-900: 49 50 118
|
|
4631
|
-
}
|
|
4632
|
-
|
|
4633
|
-
[data-theme=vuetiful] h1,[data-theme=vuetiful] h2,[data-theme=vuetiful] h3,[data-theme=vuetiful] h4,[data-theme=vuetiful] h5,[data-theme=vuetiful] h6,[data-theme=vuetiful] a,[data-theme=vuetiful] button{
|
|
4701
|
+
.cc-theme-switcher__popup[data-v-3283243a]{
|
|
4702
|
+
position:absolute;
|
|
4703
|
+
z-index:1;
|
|
4704
|
+
margin-top:.25rem
|
|
4705
|
+
}
|
|
4706
|
+
|
|
4707
|
+
pre code.hljs{
|
|
4708
|
+
display:block;
|
|
4709
|
+
overflow-x:auto;
|
|
4710
|
+
padding:1em
|
|
4711
|
+
}
|
|
4712
|
+
|
|
4713
|
+
code.hljs{
|
|
4714
|
+
padding:3px 5px
|
|
4715
|
+
}
|
|
4716
|
+
|
|
4717
|
+
/*!
|
|
4718
|
+
Theme: GitHub Dark
|
|
4719
|
+
Description: Dark theme as seen on github.com
|
|
4720
|
+
Author: github.com
|
|
4721
|
+
Maintainer: @Hirse
|
|
4722
|
+
Updated: 2021-05-15
|
|
4723
|
+
|
|
4724
|
+
Outdated base version: https://github.com/primer/github-syntax-dark
|
|
4725
|
+
Current colors taken from GitHub's CSS
|
|
4726
|
+
*/
|
|
4727
|
+
|
|
4728
|
+
.hljs{
|
|
4729
|
+
color:#c9d1d9;
|
|
4730
|
+
background:#0d1117
|
|
4731
|
+
}
|
|
4732
|
+
|
|
4733
|
+
.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{
|
|
4734
|
+
color:#ff7b72
|
|
4735
|
+
}
|
|
4736
|
+
|
|
4737
|
+
.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{
|
|
4738
|
+
color:#d2a8ff
|
|
4739
|
+
}
|
|
4740
|
+
|
|
4741
|
+
.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{
|
|
4742
|
+
color:#79c0ff
|
|
4743
|
+
}
|
|
4744
|
+
|
|
4745
|
+
.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{
|
|
4746
|
+
color:#a5d6ff
|
|
4747
|
+
}
|
|
4748
|
+
|
|
4749
|
+
.hljs-built_in,.hljs-symbol{
|
|
4750
|
+
color:#ffa657
|
|
4751
|
+
}
|
|
4752
|
+
|
|
4753
|
+
.hljs-code,.hljs-comment,.hljs-formula{
|
|
4754
|
+
color:#8b949e
|
|
4755
|
+
}
|
|
4756
|
+
|
|
4757
|
+
.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{
|
|
4758
|
+
color:#7ee787
|
|
4759
|
+
}
|
|
4760
|
+
|
|
4761
|
+
.hljs-subst{
|
|
4762
|
+
color:#c9d1d9
|
|
4763
|
+
}
|
|
4764
|
+
|
|
4765
|
+
.hljs-section{
|
|
4766
|
+
color:#1f6feb;
|
|
4634
4767
|
font-weight:700
|
|
4635
4768
|
}
|
|
4636
4769
|
|
|
4637
|
-
|
|
4638
|
-
|
|
4770
|
+
.hljs-bullet{
|
|
4771
|
+
color:#f2cc60
|
|
4639
4772
|
}
|
|
4640
4773
|
|
|
4641
|
-
.
|
|
4642
|
-
|
|
4774
|
+
.hljs-emphasis{
|
|
4775
|
+
color:#c9d1d9;
|
|
4776
|
+
font-style:italic
|
|
4643
4777
|
}
|
|
4644
4778
|
|
|
4645
|
-
.
|
|
4646
|
-
|
|
4647
|
-
|
|
4648
|
-
|
|
4779
|
+
.hljs-strong{
|
|
4780
|
+
color:#c9d1d9;
|
|
4781
|
+
font-weight:700
|
|
4782
|
+
}
|
|
4783
|
+
|
|
4784
|
+
.hljs-addition{
|
|
4785
|
+
color:#aff5b4;
|
|
4786
|
+
background-color:#033a16
|
|
4787
|
+
}
|
|
4788
|
+
|
|
4789
|
+
.hljs-deletion{
|
|
4790
|
+
color:#ffdcd7;
|
|
4791
|
+
background-color:#67060c
|
|
4649
4792
|
}
|