@eightshift/ui-components 5.0.3 → 5.0.5
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/{Button-BpwTmkAe.js → Button-DH22t_SM.js} +75 -6
- package/dist/{Collection-n5d0zIgb.js → Collection-uTAXq9Br.js} +1 -1
- package/dist/{Color-lVhk8V_G.js → Color-CNqKeT8D.js} +1 -1
- package/dist/{ColorSwatch-DntWEAC3.js → ColorSwatch-Dt3lRApA.js} +1 -1
- package/dist/{ComboBox-BJpTEATT.js → ComboBox-BANSEKnb.js} +9 -9
- package/dist/{Dialog-O9uw63D7.js → Dialog-CmAxaSUv.js} +6 -5
- package/dist/{ListBox-BTxlCGcc.js → ListBox-_nDFq8-H.js} +4 -4
- package/dist/{OverlayArrow-5aDgmImj.js → OverlayArrow-BUfV-5P3.js} +7 -13
- package/dist/PortalProvider---wyKpMr.js +19 -0
- package/dist/{Separator-CaTBkETC.js → Separator-BN3mjL6q.js} +1 -1
- package/dist/{Slider-C-S1oEH9.js → Slider-uOPcIpqS.js} +1 -1
- package/dist/assets/style-admin.css +791 -247
- package/dist/assets/style-editor.css +791 -247
- package/dist/assets/style.css +791 -247
- package/dist/components/button/button.js +41 -13
- package/dist/components/checkbox/checkbox.js +2 -2
- package/dist/components/color-pickers/color-swatch.js +2 -2
- package/dist/components/color-pickers/gradient-editor.js +1 -1
- package/dist/components/color-pickers/solid-color-picker.js +4 -4
- package/dist/components/draggable/draggable.js +9 -5
- package/dist/components/expandable/expandable.js +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/layout/hstack.js +4 -2
- package/dist/components/layout/vstack.js +4 -2
- package/dist/components/link-input/link-input.js +4 -4
- package/dist/components/menu/menu.js +2 -2
- package/dist/components/modal/modal.js +101 -77
- package/dist/components/number-picker/number-picker.js +2 -2
- package/dist/components/popover/popover.js +1 -1
- package/dist/components/portal-provider/portal-provider.js +24 -0
- package/dist/components/radio/radio.js +1 -1
- package/dist/components/select/v2/async-select.js +4 -4
- package/dist/components/select/v2/shared.js +1 -1
- package/dist/components/select/v2/single-select.js +7 -7
- package/dist/components/slider/column-config-slider.js +1 -1
- package/dist/components/slider/slider.js +1 -1
- package/dist/components/tabs/tabs.js +6 -5
- package/dist/components/toggle/switch.js +1 -1
- package/dist/components/toggle-button/toggle-button.js +1 -1
- package/dist/components/tooltip/tooltip.js +2 -1
- package/dist/index.js +2 -0
- package/dist/{number-GajL10e1.js → number-CHmNj-oR.js} +2 -2
- package/dist/{useButton-Bt3BffJm.js → useButton-lRcWnvOB.js} +1 -1
- package/dist/{useListState-DkyH7elT.js → useListState-9Hq_FiRF.js} +1 -1
- package/dist/{useNumberField-CU1_u8ze.js → useNumberField-D0u2bh8g.js} +2 -2
- package/dist/{usePress-BrJylgPR.js → usePress-DWBuejBp.js} +5 -3
- package/dist/{useSingleSelectListState-C4sorv2p.js → useSingleSelectListState-DqhemUIh.js} +1 -1
- package/dist/{useToggle-CDa3YAZI.js → useToggle-yGuUBU7q.js} +1 -1
- package/package.json +11 -11
package/dist/assets/style.css
CHANGED
|
@@ -262,9 +262,10 @@
|
|
|
262
262
|
--es-radius-lg: .5rem;
|
|
263
263
|
--es-radius-xl: .75rem;
|
|
264
264
|
--es-radius-2xl: 1rem;
|
|
265
|
+
--es-radius-3xl: 1.5rem;
|
|
265
266
|
--es-drop-shadow-sm: 0 1px 2px #00000026;
|
|
266
267
|
--es-animate-spin: spin 1s linear infinite;
|
|
267
|
-
--es-blur-
|
|
268
|
+
--es-blur-sm: 8px;
|
|
268
269
|
--es-blur-lg: 16px;
|
|
269
270
|
--es-blur-3xl: 64px;
|
|
270
271
|
--es-aspect-video: 16 / 9;
|
|
@@ -624,112 +625,252 @@
|
|
|
624
625
|
display: none !important;
|
|
625
626
|
}
|
|
626
627
|
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
628
|
+
@property --motion-bounce {
|
|
629
|
+
syntax: "*"; inherits: false; initial-value: linear(0, .004, .016, .035, .063, .098, .141 13.6%, .25, .391, .563, .765, 1, .891 40.9%, .848, .813, .785, .766, .754, .75, .754, .766, .785, .813, .848, .891 68.2%, 1 72.7%, .973, .953, .941, .938, .941, .953, .973, 1, .988, .984, .988, 1) ;
|
|
630
|
+
}
|
|
631
|
+
|
|
632
|
+
@property --motion-spring-smooth {
|
|
633
|
+
syntax: "*"; inherits: false; initial-value: linear(0, .001 0.44%, .0045 0.94%, .0195 2.03%, .0446 3.19%, .0811 4.5%, .1598 6.82%, .3685 12.34%, .4693 15.17%, .5663, .6498 21.27%, .7215 24.39%, .7532 25.98%, .7829 27.65%, .8105, .8349 31.14%, .8573 32.95%, .8776 34.84%, .8964 36.87%, .9136 39.05%, .929 41.37%, .9421 43.77%, .9537 46.38%, .9636 49.14%, .9789 55.31%, .9888 62.35%, .9949 71.06%, .9982 82.52%, .9997 99.94%) ;
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
@property --motion-spring-snappy {
|
|
637
|
+
syntax: "*"; inherits: false; initial-value: linear(0, .0014, .0053 1.02%, .0126, .0227 2.18%, .0517 3.41%, .094 4.79%, .1865 7.26%, .4182 12.77%, .5246 15.46%, .6249, .7112, .7831 23.95%, .8146 25.4%, .844, .8699 28.45%, .8935, .9139 31.64%, .932, .9473, .9601 36.65%, .9714 38.47%, .9808 40.35%, .9948 44.49%, 1.0031 49.43%, 1.0057 53.35%, 1.0063 58.14%, 1.0014 80.78%, 1.0001 99.94%) ;
|
|
638
|
+
}
|
|
639
|
+
|
|
640
|
+
@property --motion-spring-bouncy {
|
|
641
|
+
syntax: "*"; inherits: false; initial-value: linear(0, .0018, .0069, .0151 1.74%, .0277 2.4%, .062 3.7%, .1115 5.15%, .2211 7.77%, .4778 13.21%, .5912 15.75%, .6987 18.44%, .7862 20.98%, .861 23.59%, .8926, .9205, .945 27.51%, .9671 28.89%, .9868, 1.003 31.79%, 1.0224 34.11%, 1.0358 36.58%, 1.0436 39.27%, 1.046 42.31%, 1.0446 44.71%, 1.0406 47.47%, 1.0118 61.84%, 1.0027 69.53%, .9981 80.49%, .9991 99.94%) ;
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
@property --motion-spring-bouncier {
|
|
645
|
+
syntax: "*"; inherits: false; initial-value: linear(0, .0023, .0088, .0194 1.59%, .035 2.17%, .078 3.33%, .1415 4.64%, .2054 5.75%, .2821 6.95%, .5912 11.45%, .7205 13.43%, .8393 15.45%, .936 17.39%, .9778, 1.015, 1.0477, 1.0759, 1.0998 22.22%, 1.1203, 1.1364, 1.1484 25.26%, 1.1586 26.61%, 1.1629 28.06%, 1.1613 29.56%, 1.1537 31.2%, 1.1434 32.6%, 1.1288 34.19%, 1.0508 41.29%, 1.0174 44.87%, 1.0025 46.89%, .9911 48.87%, .9826 50.9%, .9769 53.03%, .9735 56.02%, .9748 59.45%, .9964 72.64%, 1.0031 79.69%, 1.0042 86.83%, 1.0008 99.97%) ;
|
|
646
|
+
}
|
|
647
|
+
|
|
648
|
+
@property --motion-spring-bounciest {
|
|
649
|
+
syntax: "*"; inherits: false; initial-value: linear(0, .0032, .0131, .0294, .0524, .0824, .1192 1.54%, .2134 2.11%, .3102 2.59%, .4297 3.13%, .8732 4.95%, 1.0373, 1.1827 6.36%, 1.2972 7.01%, 1.3444, 1.3859, 1.4215, 1.4504, 1.4735, 1.4908, 1.5024, 1.5084 9.5%, 1.5091, 1.5061, 1.4993, 1.4886, 1.4745, 1.4565 11.11%, 1.4082 11.7%, 1.3585 12.2%, 1.295 12.77%, 1.0623 14.64%, .9773, .9031 16.08%, .8449 16.73%, .8014, .7701 17.95%, .7587, .7501, .7443, .7412 19.16%, .7421 19.68%, .7508 20.21%, .7672 20.77%, .7917 21.37%, .8169 21.87%, .8492 22.43%, .9681 24.32%, 1.0114, 1.0492 25.75%, 1.0789 26.41%, 1.1008, 1.1167, 1.1271, 1.1317 28.81%, 1.1314, 1.1271 29.87%, 1.1189 30.43%, 1.1063 31.03%, 1.0769 32.11%, .9941 34.72%, .9748 35.43%, .9597 36.09%, .9487, .9407, .9355, .933 38.46%, .9344 39.38%, .9421 40.38%, .9566 41.5%, .9989 44.12%, 1.0161 45.37%, 1.029 46.75%, 1.0341 48.1%, 1.0335 49.04%, 1.0295 50.05%, 1.0221 51.18%, .992 55.02%, .9854 56.38%, .9827 57.72%, .985 59.73%, 1.004 64.67%, 1.0088 67.34%, 1.0076 69.42%, .9981 74.28%, .9956 76.85%, .9961 79.06%, 1.0023 86.46%, .999 95.22%, .9994 100%) ;
|
|
650
|
+
}
|
|
651
|
+
|
|
652
|
+
@property --motion-origin-scale-x {
|
|
653
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
654
|
+
}
|
|
655
|
+
|
|
656
|
+
@property --motion-origin-scale-y {
|
|
657
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
658
|
+
}
|
|
659
|
+
|
|
660
|
+
@property --motion-origin-translate-x {
|
|
661
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
662
|
+
}
|
|
663
|
+
|
|
664
|
+
@property --motion-origin-translate-y {
|
|
665
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
666
|
+
}
|
|
667
|
+
|
|
668
|
+
@property --motion-origin-rotate {
|
|
669
|
+
syntax: "*"; inherits: false; initial-value: 0deg;
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
@property --motion-origin-blur {
|
|
673
|
+
syntax: "*"; inherits: false; initial-value: 0px;
|
|
674
|
+
}
|
|
675
|
+
|
|
676
|
+
@property --motion-origin-grayscale {
|
|
677
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
678
|
+
}
|
|
679
|
+
|
|
680
|
+
@property --motion-origin-opacity {
|
|
681
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
682
|
+
}
|
|
683
|
+
|
|
684
|
+
@property --motion-origin-background-color {
|
|
685
|
+
syntax: "*"; inherits: false;
|
|
686
|
+
}
|
|
687
|
+
|
|
688
|
+
@property --motion-origin-text-color {
|
|
689
|
+
syntax: "*"; inherits: false;
|
|
690
|
+
}
|
|
691
|
+
|
|
692
|
+
@property --motion-end-scale-x {
|
|
693
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
694
|
+
}
|
|
695
|
+
|
|
696
|
+
@property --motion-end-scale-y {
|
|
697
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
698
|
+
}
|
|
699
|
+
|
|
700
|
+
@property --motion-end-translate-x {
|
|
701
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
702
|
+
}
|
|
703
|
+
|
|
704
|
+
@property --motion-end-translate-y {
|
|
705
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
706
|
+
}
|
|
707
|
+
|
|
708
|
+
@property --motion-end-rotate {
|
|
709
|
+
syntax: "*"; inherits: false; initial-value: 0deg;
|
|
710
|
+
}
|
|
711
|
+
|
|
712
|
+
@property --motion-end-blur {
|
|
713
|
+
syntax: "*"; inherits: false; initial-value: 0px;
|
|
714
|
+
}
|
|
715
|
+
|
|
716
|
+
@property --motion-end-grayscale {
|
|
717
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
718
|
+
}
|
|
719
|
+
|
|
720
|
+
@property --motion-end-opacity {
|
|
721
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
722
|
+
}
|
|
723
|
+
|
|
724
|
+
@property --motion-end-background-color {
|
|
725
|
+
syntax: "*"; inherits: false;
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
@property --motion-end-text-color {
|
|
729
|
+
syntax: "*"; inherits: false;
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
@property --motion-loop-scale-x {
|
|
733
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
734
|
+
}
|
|
735
|
+
|
|
736
|
+
@property --motion-loop-scale-y {
|
|
737
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
738
|
+
}
|
|
739
|
+
|
|
740
|
+
@property --motion-loop-translate-x {
|
|
741
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
742
|
+
}
|
|
743
|
+
|
|
744
|
+
@property --motion-loop-translate-y {
|
|
745
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
746
|
+
}
|
|
747
|
+
|
|
748
|
+
@property --motion-loop-rotate {
|
|
749
|
+
syntax: "*"; inherits: false; initial-value: 0deg;
|
|
750
|
+
}
|
|
751
|
+
|
|
752
|
+
@property --motion-loop-blur {
|
|
753
|
+
syntax: "*"; inherits: false; initial-value: 0px;
|
|
754
|
+
}
|
|
755
|
+
|
|
756
|
+
@property --motion-loop-grayscale {
|
|
757
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
758
|
+
}
|
|
759
|
+
|
|
760
|
+
@property --motion-loop-opacity {
|
|
761
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
762
|
+
}
|
|
763
|
+
|
|
764
|
+
@property --motion-loop-background-color {
|
|
765
|
+
syntax: "*"; inherits: false;
|
|
766
|
+
}
|
|
767
|
+
|
|
768
|
+
@property --motion-loop-text-color {
|
|
769
|
+
syntax: "*"; inherits: false;
|
|
770
|
+
}
|
|
771
|
+
|
|
772
|
+
@property --motion-duration {
|
|
773
|
+
syntax: "*"; inherits: false; initial-value: .7s;
|
|
774
|
+
}
|
|
775
|
+
|
|
776
|
+
@property --motion-timing {
|
|
777
|
+
syntax: "*"; inherits: false; initial-value: cubic-bezier(.165, .84, .44, 1) ;
|
|
778
|
+
}
|
|
779
|
+
|
|
780
|
+
@property --motion-perceptual-duration-multiplier {
|
|
781
|
+
syntax: "*"; inherits: false; initial-value: 1;
|
|
782
|
+
}
|
|
783
|
+
|
|
784
|
+
@property --motion-delay {
|
|
785
|
+
syntax: "*"; inherits: false; initial-value: 0s;
|
|
786
|
+
}
|
|
787
|
+
|
|
788
|
+
@property --motion-loop-count {
|
|
789
|
+
syntax: "*"; inherits: false; initial-value: infinite;
|
|
790
|
+
}
|
|
791
|
+
|
|
792
|
+
@property --motion-scale-in-animation {
|
|
793
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
794
|
+
}
|
|
795
|
+
|
|
796
|
+
@property --motion-translate-in-animation {
|
|
797
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
798
|
+
}
|
|
799
|
+
|
|
800
|
+
@property --motion-rotate-in-animation {
|
|
801
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
802
|
+
}
|
|
803
|
+
|
|
804
|
+
@property --motion-filter-in-animation {
|
|
805
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
@property --motion-opacity-in-animation {
|
|
809
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
810
|
+
}
|
|
811
|
+
|
|
812
|
+
@property --motion-background-color-in-animation {
|
|
813
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
814
|
+
}
|
|
815
|
+
|
|
816
|
+
@property --motion-text-color-in-animation {
|
|
817
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
818
|
+
}
|
|
819
|
+
|
|
820
|
+
@property --motion-scale-out-animation {
|
|
821
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
822
|
+
}
|
|
823
|
+
|
|
824
|
+
@property --motion-translate-out-animation {
|
|
825
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
826
|
+
}
|
|
827
|
+
|
|
828
|
+
@property --motion-rotate-out-animation {
|
|
829
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
830
|
+
}
|
|
831
|
+
|
|
832
|
+
@property --motion-filter-out-animation {
|
|
833
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
834
|
+
}
|
|
835
|
+
|
|
836
|
+
@property --motion-opacity-out-animation {
|
|
837
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
838
|
+
}
|
|
839
|
+
|
|
840
|
+
@property --motion-background-color-out-animation {
|
|
841
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
842
|
+
}
|
|
843
|
+
|
|
844
|
+
@property --motion-text-color-out-animation {
|
|
845
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
846
|
+
}
|
|
847
|
+
|
|
848
|
+
@property --motion-scale-loop-animation {
|
|
849
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
850
|
+
}
|
|
851
|
+
|
|
852
|
+
@property --motion-translate-loop-animation {
|
|
853
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
854
|
+
}
|
|
855
|
+
|
|
856
|
+
@property --motion-rotate-loop-animation {
|
|
857
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
858
|
+
}
|
|
859
|
+
|
|
860
|
+
@property --motion-filter-loop-animation {
|
|
861
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
862
|
+
}
|
|
863
|
+
|
|
864
|
+
@property --motion-opacity-loop-animation {
|
|
865
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
866
|
+
}
|
|
867
|
+
|
|
868
|
+
@property --motion-background-color-loop-animation {
|
|
869
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
870
|
+
}
|
|
871
|
+
|
|
872
|
+
@property --motion-text-color-loop-animation {
|
|
873
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
733
874
|
}
|
|
734
875
|
|
|
735
876
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
@@ -974,6 +1115,18 @@
|
|
|
974
1115
|
visibility: hidden;
|
|
975
1116
|
}
|
|
976
1117
|
|
|
1118
|
+
.es\:sr-only {
|
|
1119
|
+
clip: rect(0, 0, 0, 0);
|
|
1120
|
+
white-space: nowrap;
|
|
1121
|
+
border-width: 0;
|
|
1122
|
+
width: 1px;
|
|
1123
|
+
height: 1px;
|
|
1124
|
+
margin: -1px;
|
|
1125
|
+
padding: 0;
|
|
1126
|
+
position: absolute;
|
|
1127
|
+
overflow: hidden;
|
|
1128
|
+
}
|
|
1129
|
+
|
|
977
1130
|
.es\:absolute {
|
|
978
1131
|
position: absolute;
|
|
979
1132
|
}
|
|
@@ -1022,6 +1175,10 @@
|
|
|
1022
1175
|
top: var(--es-spacing-3_25);
|
|
1023
1176
|
}
|
|
1024
1177
|
|
|
1178
|
+
.es\:top-4 {
|
|
1179
|
+
top: calc(var(--es-spacing) * 4);
|
|
1180
|
+
}
|
|
1181
|
+
|
|
1025
1182
|
.es\:right-0 {
|
|
1026
1183
|
right: calc(var(--es-spacing) * 0);
|
|
1027
1184
|
}
|
|
@@ -1030,6 +1187,10 @@
|
|
|
1030
1187
|
right: calc(var(--es-spacing) * 1);
|
|
1031
1188
|
}
|
|
1032
1189
|
|
|
1190
|
+
.es\:right-4 {
|
|
1191
|
+
right: calc(var(--es-spacing) * 4);
|
|
1192
|
+
}
|
|
1193
|
+
|
|
1033
1194
|
.es\:right-6 {
|
|
1034
1195
|
right: calc(var(--es-spacing) * 6);
|
|
1035
1196
|
}
|
|
@@ -1158,6 +1319,10 @@
|
|
|
1158
1319
|
margin-inline: auto;
|
|
1159
1320
|
}
|
|
1160
1321
|
|
|
1322
|
+
.es\:my-0\! {
|
|
1323
|
+
margin-block: calc(var(--es-spacing) * 0) !important;
|
|
1324
|
+
}
|
|
1325
|
+
|
|
1161
1326
|
.es\:my-1 {
|
|
1162
1327
|
margin-block: calc(var(--es-spacing) * 1);
|
|
1163
1328
|
}
|
|
@@ -1825,58 +1990,58 @@
|
|
|
1825
1990
|
.es\:motion-preset-spin {
|
|
1826
1991
|
--motion-loop-rotate: 360deg;
|
|
1827
1992
|
--motion-timing: linear;
|
|
1828
|
-
--motion-rotate-loop-animation: motion-rotate-loop-reset calc(var(--motion-rotate-duration) * var(--motion-rotate-perceptual-duration-multiplier)) var(--motion-rotate-timing) var(--motion-rotate-delay) both var(--motion-rotate-loop-count);
|
|
1829
|
-
animation: var(--motion-
|
|
1993
|
+
--motion-rotate-loop-animation: motion-rotate-loop-reset calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both var(--motion-rotate-loop-count, var(--motion-loop-count));
|
|
1994
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
1830
1995
|
}
|
|
1831
1996
|
|
|
1832
1997
|
.es\:motion-scale-in-90 {
|
|
1833
1998
|
--motion-origin-scale-x: .9;
|
|
1834
1999
|
--motion-origin-scale-y: .9;
|
|
1835
|
-
--motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
|
|
1836
|
-
animation: var(--motion-
|
|
2000
|
+
--motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
|
|
2001
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
1837
2002
|
}
|
|
1838
2003
|
|
|
1839
2004
|
.es\:motion-scale-in-125 {
|
|
1840
2005
|
--motion-origin-scale-x: 1.25;
|
|
1841
2006
|
--motion-origin-scale-y: 1.25;
|
|
1842
|
-
--motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
|
|
1843
|
-
animation: var(--motion-
|
|
2007
|
+
--motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
|
|
2008
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
1844
2009
|
}
|
|
1845
2010
|
|
|
1846
2011
|
.es\:motion-blur-in-xs {
|
|
1847
2012
|
--motion-origin-blur: 4px;
|
|
1848
|
-
--motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration) * var(--motion-filter-perceptual-duration-multiplier)) var(--motion-filter-timing) var(--motion-filter-delay) both;
|
|
1849
|
-
animation: var(--motion-
|
|
2013
|
+
--motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
|
|
2014
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
1850
2015
|
}
|
|
1851
2016
|
|
|
1852
2017
|
.es\:motion-opacity-in {
|
|
1853
2018
|
--motion-origin-opacity: 0;
|
|
1854
|
-
--motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration) * var(--motion-opacity-perceptual-duration-multiplier)) var(--motion-opacity-timing) var(--motion-opacity-delay) both;
|
|
1855
|
-
animation: var(--motion-
|
|
2019
|
+
--motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
|
|
2020
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
1856
2021
|
}
|
|
1857
2022
|
|
|
1858
2023
|
.es\:motion-opacity-out {
|
|
1859
2024
|
--motion-end-opacity: 0;
|
|
1860
|
-
--motion-opacity-out-animation: motion-opacity-out calc(var(--motion-opacity-duration) * var(--motion-opacity-perceptual-duration-multiplier)) var(--motion-opacity-timing) var(--motion-opacity-delay) both;
|
|
1861
|
-
animation: var(--motion-
|
|
2025
|
+
--motion-opacity-out-animation: motion-opacity-out calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
|
|
2026
|
+
animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
|
|
1862
2027
|
}
|
|
1863
2028
|
|
|
1864
2029
|
.es\:motion-opacity-out-0 {
|
|
1865
2030
|
--motion-end-opacity: .001;
|
|
1866
|
-
--motion-opacity-out-animation: motion-opacity-out calc(var(--motion-opacity-duration) * var(--motion-opacity-perceptual-duration-multiplier)) var(--motion-opacity-timing) var(--motion-opacity-delay) both;
|
|
1867
|
-
animation: var(--motion-
|
|
2031
|
+
--motion-opacity-out-animation: motion-opacity-out calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
|
|
2032
|
+
animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
|
|
1868
2033
|
}
|
|
1869
2034
|
|
|
1870
2035
|
.es\:motion-rotate-in {
|
|
1871
2036
|
--motion-origin-rotate: 12deg;
|
|
1872
|
-
--motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration) * var(--motion-rotate-perceptual-duration-multiplier)) var(--motion-rotate-timing) var(--motion-rotate-delay) both;
|
|
1873
|
-
animation: var(--motion-
|
|
2037
|
+
--motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
|
|
2038
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
1874
2039
|
}
|
|
1875
2040
|
|
|
1876
2041
|
.es\:motion-rotate-out {
|
|
1877
2042
|
--motion-end-rotate: 12deg;
|
|
1878
|
-
--motion-rotate-out-animation: motion-rotate-out calc(var(--motion-rotate-duration) * var(--motion-rotate-perceptual-duration-multiplier)) var(--motion-rotate-timing) var(--motion-rotate-delay) both;
|
|
1879
|
-
animation: var(--motion-
|
|
2043
|
+
--motion-rotate-out-animation: motion-rotate-out calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
|
|
2044
|
+
animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
|
|
1880
2045
|
}
|
|
1881
2046
|
|
|
1882
2047
|
.es\:animate-spin {
|
|
@@ -2249,6 +2414,10 @@
|
|
|
2249
2414
|
border-radius: var(--es-radius-2xl);
|
|
2250
2415
|
}
|
|
2251
2416
|
|
|
2417
|
+
.es\:rounded-3xl {
|
|
2418
|
+
border-radius: var(--es-radius-3xl);
|
|
2419
|
+
}
|
|
2420
|
+
|
|
2252
2421
|
.es\:rounded-7 {
|
|
2253
2422
|
border-radius: var(--es-radius-7);
|
|
2254
2423
|
}
|
|
@@ -2590,13 +2759,13 @@
|
|
|
2590
2759
|
}
|
|
2591
2760
|
}
|
|
2592
2761
|
|
|
2593
|
-
.es\:bg-black, .es\:bg-black\/
|
|
2762
|
+
.es\:bg-black, .es\:bg-black\/30 {
|
|
2594
2763
|
background-color: var(--es-color-black);
|
|
2595
2764
|
}
|
|
2596
2765
|
|
|
2597
2766
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2598
|
-
.es\:bg-black\/
|
|
2599
|
-
background-color: color-mix(in oklab, var(--es-color-black)
|
|
2767
|
+
.es\:bg-black\/30 {
|
|
2768
|
+
background-color: color-mix(in oklab, var(--es-color-black) 30%, transparent);
|
|
2600
2769
|
}
|
|
2601
2770
|
}
|
|
2602
2771
|
|
|
@@ -2754,6 +2923,16 @@
|
|
|
2754
2923
|
}
|
|
2755
2924
|
}
|
|
2756
2925
|
|
|
2926
|
+
.es\:bg-white\/60 {
|
|
2927
|
+
background-color: var(--es-color-white);
|
|
2928
|
+
}
|
|
2929
|
+
|
|
2930
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2931
|
+
.es\:bg-white\/60 {
|
|
2932
|
+
background-color: color-mix(in oklab, var(--es-color-white) 60%, transparent);
|
|
2933
|
+
}
|
|
2934
|
+
}
|
|
2935
|
+
|
|
2757
2936
|
.es\:bg-white\/85 {
|
|
2758
2937
|
background-color: var(--es-color-white);
|
|
2759
2938
|
}
|
|
@@ -3180,6 +3359,10 @@
|
|
|
3180
3359
|
padding-inline: calc(var(--es-spacing) * 4);
|
|
3181
3360
|
}
|
|
3182
3361
|
|
|
3362
|
+
.es\:px-5 {
|
|
3363
|
+
padding-inline: calc(var(--es-spacing) * 5);
|
|
3364
|
+
}
|
|
3365
|
+
|
|
3183
3366
|
.es\:py-0\.5 {
|
|
3184
3367
|
padding-block: calc(var(--es-spacing) * .5);
|
|
3185
3368
|
}
|
|
@@ -3337,9 +3520,9 @@
|
|
|
3337
3520
|
line-height: var(--tw-leading, var(--es-text-2xl--line-height));
|
|
3338
3521
|
}
|
|
3339
3522
|
|
|
3340
|
-
.es\:text-base {
|
|
3341
|
-
font-size: var(--es-text-base);
|
|
3342
|
-
line-height: var(--tw-leading, var(--es-text-base--line-height));
|
|
3523
|
+
.es\:text-base\! {
|
|
3524
|
+
font-size: var(--es-text-base) !important;
|
|
3525
|
+
line-height: var(--tw-leading, var(--es-text-base--line-height)) !important;
|
|
3343
3526
|
}
|
|
3344
3527
|
|
|
3345
3528
|
.es\:text-lg {
|
|
@@ -3391,6 +3574,11 @@
|
|
|
3391
3574
|
font-weight: var(--es-font-weight-medium);
|
|
3392
3575
|
}
|
|
3393
3576
|
|
|
3577
|
+
.es\:font-medium\! {
|
|
3578
|
+
--tw-font-weight: var(--es-font-weight-medium) !important;
|
|
3579
|
+
font-weight: var(--es-font-weight-medium) !important;
|
|
3580
|
+
}
|
|
3581
|
+
|
|
3394
3582
|
.es\:font-semibold {
|
|
3395
3583
|
--tw-font-weight: var(--es-font-weight-semibold);
|
|
3396
3584
|
font-weight: var(--es-font-weight-semibold);
|
|
@@ -3414,6 +3602,10 @@
|
|
|
3414
3602
|
color: var(--es-color-accent-500);
|
|
3415
3603
|
}
|
|
3416
3604
|
|
|
3605
|
+
.es\:text-accent-600 {
|
|
3606
|
+
color: var(--es-color-accent-600);
|
|
3607
|
+
}
|
|
3608
|
+
|
|
3417
3609
|
.es\:text-accent-600\! {
|
|
3418
3610
|
color: var(--es-color-accent-600) !important;
|
|
3419
3611
|
}
|
|
@@ -4006,8 +4198,8 @@
|
|
|
4006
4198
|
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
|
4007
4199
|
}
|
|
4008
4200
|
|
|
4009
|
-
.es\:backdrop-blur-
|
|
4010
|
-
--tw-backdrop-blur: blur(var(--es-blur-
|
|
4201
|
+
.es\:backdrop-blur-sm {
|
|
4202
|
+
--tw-backdrop-blur: blur(var(--es-blur-sm));
|
|
4011
4203
|
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
|
4012
4204
|
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
|
4013
4205
|
}
|
|
@@ -4162,6 +4354,10 @@
|
|
|
4162
4354
|
--motion-duration: 1.5s;
|
|
4163
4355
|
}
|
|
4164
4356
|
|
|
4357
|
+
.es\:motion-duration-1750 {
|
|
4358
|
+
--motion-duration: 1.75s;
|
|
4359
|
+
}
|
|
4360
|
+
|
|
4165
4361
|
.es\:no-webkit-highlight {
|
|
4166
4362
|
-webkit-tap-highlight-color: transparent;
|
|
4167
4363
|
}
|
|
@@ -4212,15 +4408,15 @@
|
|
|
4212
4408
|
.es\:not-motion-reduce\:motion-preset-slide-down-sm {
|
|
4213
4409
|
--motion-origin-translate-y: -5%;
|
|
4214
4410
|
--motion-origin-opacity: 0;
|
|
4215
|
-
--motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration) * var(--motion-opacity-perceptual-duration-multiplier)) var(--motion-opacity-timing) var(--motion-opacity-delay) both;
|
|
4216
|
-
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
4217
|
-
animation: var(--motion-
|
|
4411
|
+
--motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
|
|
4412
|
+
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
4413
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
4218
4414
|
}
|
|
4219
4415
|
|
|
4220
4416
|
.es\:not-motion-reduce\:motion-translate-y-out-\[-2\.5\%\] {
|
|
4221
4417
|
--motion-end-translate-y: -2.5%;
|
|
4222
|
-
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
4223
|
-
animation: var(--motion-
|
|
4418
|
+
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
4419
|
+
animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
|
|
4224
4420
|
}
|
|
4225
4421
|
}
|
|
4226
4422
|
|
|
@@ -4228,42 +4424,74 @@
|
|
|
4228
4424
|
cursor: pointer;
|
|
4229
4425
|
}
|
|
4230
4426
|
|
|
4427
|
+
.es\:group-hover\:text-black:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
|
|
4428
|
+
color: var(--es-color-black);
|
|
4429
|
+
}
|
|
4430
|
+
|
|
4231
4431
|
@media (hover: hover) {
|
|
4232
|
-
.es\:group-hover\:text-black:is(:where(.es\:group):hover *) {
|
|
4432
|
+
.es\:group-hover\:text-black:is(:where(.es\:group):where(:not([data-rac])):hover *) {
|
|
4233
4433
|
color: var(--es-color-black);
|
|
4234
4434
|
}
|
|
4435
|
+
}
|
|
4436
|
+
|
|
4437
|
+
.es\:group-hover\:opacity-100:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
|
|
4438
|
+
opacity: 1;
|
|
4439
|
+
}
|
|
4235
4440
|
|
|
4236
|
-
|
|
4441
|
+
@media (hover: hover) {
|
|
4442
|
+
.es\:group-hover\:opacity-100:is(:where(.es\:group):where(:not([data-rac])):hover *) {
|
|
4237
4443
|
opacity: 1;
|
|
4238
4444
|
}
|
|
4239
4445
|
}
|
|
4240
4446
|
|
|
4241
|
-
.es\:group-focus\:border-accent-500:is(:where(.es\:group):focus *) {
|
|
4447
|
+
.es\:group-focus\:border-accent-500:is(:where(.es\:group):where([data-rac])[data-focused] *), .es\:group-focus\:border-accent-500:is(:where(.es\:group):where(:not([data-rac])):focus *) {
|
|
4242
4448
|
border-color: var(--es-color-accent-500);
|
|
4243
4449
|
}
|
|
4244
4450
|
|
|
4245
|
-
.es\:group-focus\:ring-2:is(:where(.es\:group):focus *) {
|
|
4451
|
+
.es\:group-focus\:ring-2:is(:where(.es\:group):where([data-rac])[data-focused] *), .es\:group-focus\:ring-2:is(:where(.es\:group):where(:not([data-rac])):focus *) {
|
|
4246
4452
|
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4247
4453
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4248
4454
|
}
|
|
4249
4455
|
|
|
4250
|
-
.es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):
|
|
4456
|
+
.es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where([data-rac])[data-focused] *) {
|
|
4457
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
4458
|
+
}
|
|
4459
|
+
|
|
4460
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4461
|
+
.es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where([data-rac])[data-focused] *) {
|
|
4462
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
4463
|
+
}
|
|
4464
|
+
}
|
|
4465
|
+
|
|
4466
|
+
.es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where(:not([data-rac])):focus *) {
|
|
4251
4467
|
--tw-ring-color: var(--es-color-accent-500);
|
|
4252
4468
|
}
|
|
4253
4469
|
|
|
4254
4470
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4255
|
-
.es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):focus *) {
|
|
4471
|
+
.es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where(:not([data-rac])):focus *) {
|
|
4256
4472
|
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
4257
4473
|
}
|
|
4258
4474
|
}
|
|
4259
4475
|
|
|
4260
|
-
.es\:group-focus\:outline-hidden:is(:where(.es\:group):
|
|
4476
|
+
.es\:group-focus\:outline-hidden:is(:where(.es\:group):where([data-rac])[data-focused] *) {
|
|
4477
|
+
--tw-outline-style: none;
|
|
4478
|
+
outline-style: none;
|
|
4479
|
+
}
|
|
4480
|
+
|
|
4481
|
+
@media (forced-colors: active) {
|
|
4482
|
+
.es\:group-focus\:outline-hidden:is(:where(.es\:group):where([data-rac])[data-focused] *) {
|
|
4483
|
+
outline-offset: 2px;
|
|
4484
|
+
outline: 2px solid #0000;
|
|
4485
|
+
}
|
|
4486
|
+
}
|
|
4487
|
+
|
|
4488
|
+
.es\:group-focus\:outline-hidden:is(:where(.es\:group):where(:not([data-rac])):focus *) {
|
|
4261
4489
|
--tw-outline-style: none;
|
|
4262
4490
|
outline-style: none;
|
|
4263
4491
|
}
|
|
4264
4492
|
|
|
4265
4493
|
@media (forced-colors: active) {
|
|
4266
|
-
.es\:group-focus\:outline-hidden:is(:where(.es\:group):focus *) {
|
|
4494
|
+
.es\:group-focus\:outline-hidden:is(:where(.es\:group):where(:not([data-rac])):focus *) {
|
|
4267
4495
|
outline-offset: 2px;
|
|
4268
4496
|
outline: 2px solid #0000;
|
|
4269
4497
|
}
|
|
@@ -4630,200 +4858,424 @@
|
|
|
4630
4858
|
padding-bottom: calc(var(--es-spacing) * 0);
|
|
4631
4859
|
}
|
|
4632
4860
|
|
|
4633
|
-
.es\:empty\:hidden:empty {
|
|
4861
|
+
.es\:empty\:hidden:where([data-rac])[data-empty], .es\:empty\:hidden:where(:not([data-rac])):empty {
|
|
4634
4862
|
display: none;
|
|
4635
4863
|
}
|
|
4636
4864
|
|
|
4637
|
-
.es\:focus-within\:shadow-md:focus-within {
|
|
4865
|
+
.es\:focus-within\:shadow-md:where([data-rac])[data-focus-within], .es\:focus-within\:shadow-md:where(:not([data-rac])):focus-within {
|
|
4638
4866
|
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
|
|
4639
4867
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4640
4868
|
}
|
|
4641
4869
|
|
|
4870
|
+
.es\:hover\:cursor-grab:where([data-rac])[data-hovered] {
|
|
4871
|
+
cursor: grab;
|
|
4872
|
+
}
|
|
4873
|
+
|
|
4642
4874
|
@media (hover: hover) {
|
|
4643
|
-
.es\:hover\:cursor-grab:hover {
|
|
4875
|
+
.es\:hover\:cursor-grab:where(:not([data-rac])):hover {
|
|
4644
4876
|
cursor: grab;
|
|
4645
4877
|
}
|
|
4878
|
+
}
|
|
4646
4879
|
|
|
4647
|
-
|
|
4880
|
+
.es\:hover\:border-accent-500:where([data-rac])[data-hovered] {
|
|
4881
|
+
border-color: var(--es-color-accent-500);
|
|
4882
|
+
}
|
|
4883
|
+
|
|
4884
|
+
@media (hover: hover) {
|
|
4885
|
+
.es\:hover\:border-accent-500:where(:not([data-rac])):hover {
|
|
4648
4886
|
border-color: var(--es-color-accent-500);
|
|
4649
4887
|
}
|
|
4888
|
+
}
|
|
4650
4889
|
|
|
4651
|
-
|
|
4890
|
+
.es\:hover\:border-red-600:where([data-rac])[data-hovered] {
|
|
4891
|
+
border-color: var(--es-color-red-600);
|
|
4892
|
+
}
|
|
4893
|
+
|
|
4894
|
+
@media (hover: hover) {
|
|
4895
|
+
.es\:hover\:border-red-600:where(:not([data-rac])):hover {
|
|
4652
4896
|
border-color: var(--es-color-red-600);
|
|
4653
4897
|
}
|
|
4898
|
+
}
|
|
4899
|
+
|
|
4900
|
+
.es\:hover\:border-secondary-300:where([data-rac])[data-hovered] {
|
|
4901
|
+
border-color: var(--es-color-secondary-300);
|
|
4902
|
+
}
|
|
4654
4903
|
|
|
4655
|
-
|
|
4904
|
+
@media (hover: hover) {
|
|
4905
|
+
.es\:hover\:border-secondary-300:where(:not([data-rac])):hover {
|
|
4656
4906
|
border-color: var(--es-color-secondary-300);
|
|
4657
4907
|
}
|
|
4908
|
+
}
|
|
4658
4909
|
|
|
4659
|
-
|
|
4910
|
+
.es\:hover\:bg-accent-400:where([data-rac])[data-hovered] {
|
|
4911
|
+
background-color: var(--es-color-accent-400);
|
|
4912
|
+
}
|
|
4913
|
+
|
|
4914
|
+
@media (hover: hover) {
|
|
4915
|
+
.es\:hover\:bg-accent-400:where(:not([data-rac])):hover {
|
|
4660
4916
|
background-color: var(--es-color-accent-400);
|
|
4661
4917
|
}
|
|
4918
|
+
}
|
|
4662
4919
|
|
|
4663
|
-
|
|
4920
|
+
.es\:hover\:bg-red-50:where([data-rac])[data-hovered] {
|
|
4921
|
+
background-color: var(--es-color-red-50);
|
|
4922
|
+
}
|
|
4923
|
+
|
|
4924
|
+
@media (hover: hover) {
|
|
4925
|
+
.es\:hover\:bg-red-50:where(:not([data-rac])):hover {
|
|
4664
4926
|
background-color: var(--es-color-red-50);
|
|
4665
4927
|
}
|
|
4928
|
+
}
|
|
4929
|
+
|
|
4930
|
+
.es\:hover\:bg-red-500\/15:where([data-rac])[data-hovered] {
|
|
4931
|
+
background-color: var(--es-color-red-500);
|
|
4932
|
+
}
|
|
4933
|
+
|
|
4934
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4935
|
+
.es\:hover\:bg-red-500\/15:where([data-rac])[data-hovered] {
|
|
4936
|
+
background-color: color-mix(in oklab, var(--es-color-red-500) 15%, transparent);
|
|
4937
|
+
}
|
|
4938
|
+
}
|
|
4666
4939
|
|
|
4667
|
-
|
|
4940
|
+
@media (hover: hover) {
|
|
4941
|
+
.es\:hover\:bg-red-500\/15:where(:not([data-rac])):hover {
|
|
4668
4942
|
background-color: var(--es-color-red-500);
|
|
4669
4943
|
}
|
|
4670
4944
|
|
|
4671
4945
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4672
|
-
.es\:hover\:bg-red-500\/15:hover {
|
|
4946
|
+
.es\:hover\:bg-red-500\/15:where(:not([data-rac])):hover {
|
|
4673
4947
|
background-color: color-mix(in oklab, var(--es-color-red-500) 15%, transparent);
|
|
4674
4948
|
}
|
|
4675
4949
|
}
|
|
4950
|
+
}
|
|
4951
|
+
|
|
4952
|
+
.es\:hover\:bg-red-600\/5:where([data-rac])[data-hovered] {
|
|
4953
|
+
background-color: var(--es-color-red-600);
|
|
4954
|
+
}
|
|
4955
|
+
|
|
4956
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4957
|
+
.es\:hover\:bg-red-600\/5:where([data-rac])[data-hovered] {
|
|
4958
|
+
background-color: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
|
|
4959
|
+
}
|
|
4960
|
+
}
|
|
4676
4961
|
|
|
4677
|
-
|
|
4962
|
+
@media (hover: hover) {
|
|
4963
|
+
.es\:hover\:bg-red-600\/5:where(:not([data-rac])):hover {
|
|
4678
4964
|
background-color: var(--es-color-red-600);
|
|
4679
4965
|
}
|
|
4680
4966
|
|
|
4681
4967
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4682
|
-
.es\:hover\:bg-red-600\/5:hover {
|
|
4968
|
+
.es\:hover\:bg-red-600\/5:where(:not([data-rac])):hover {
|
|
4683
4969
|
background-color: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
|
|
4684
4970
|
}
|
|
4685
4971
|
}
|
|
4972
|
+
}
|
|
4973
|
+
|
|
4974
|
+
.es\:hover\:bg-secondary-100:where([data-rac])[data-hovered] {
|
|
4975
|
+
background-color: var(--es-color-secondary-100);
|
|
4976
|
+
}
|
|
4686
4977
|
|
|
4687
|
-
|
|
4978
|
+
@media (hover: hover) {
|
|
4979
|
+
.es\:hover\:bg-secondary-100:where(:not([data-rac])):hover {
|
|
4980
|
+
background-color: var(--es-color-secondary-100);
|
|
4981
|
+
}
|
|
4982
|
+
}
|
|
4983
|
+
|
|
4984
|
+
.es\:hover\:bg-secondary-100\/75:where([data-rac])[data-hovered] {
|
|
4985
|
+
background-color: var(--es-color-secondary-100);
|
|
4986
|
+
}
|
|
4987
|
+
|
|
4988
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4989
|
+
.es\:hover\:bg-secondary-100\/75:where([data-rac])[data-hovered] {
|
|
4990
|
+
background-color: color-mix(in oklab, var(--es-color-secondary-100) 75%, transparent);
|
|
4991
|
+
}
|
|
4992
|
+
}
|
|
4993
|
+
|
|
4994
|
+
@media (hover: hover) {
|
|
4995
|
+
.es\:hover\:bg-secondary-100\/75:where(:not([data-rac])):hover {
|
|
4688
4996
|
background-color: var(--es-color-secondary-100);
|
|
4689
4997
|
}
|
|
4690
4998
|
|
|
4691
4999
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4692
|
-
.es\:hover\:bg-secondary-100\/75:hover {
|
|
5000
|
+
.es\:hover\:bg-secondary-100\/75:where(:not([data-rac])):hover {
|
|
4693
5001
|
background-color: color-mix(in oklab, var(--es-color-secondary-100) 75%, transparent);
|
|
4694
5002
|
}
|
|
4695
5003
|
}
|
|
5004
|
+
}
|
|
4696
5005
|
|
|
4697
|
-
|
|
5006
|
+
.es\:hover\:to-secondary-100:where([data-rac])[data-hovered] {
|
|
5007
|
+
--tw-gradient-to: var(--es-color-secondary-100);
|
|
5008
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
5009
|
+
}
|
|
5010
|
+
|
|
5011
|
+
@media (hover: hover) {
|
|
5012
|
+
.es\:hover\:to-secondary-100:where(:not([data-rac])):hover {
|
|
4698
5013
|
--tw-gradient-to: var(--es-color-secondary-100);
|
|
4699
5014
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4700
5015
|
}
|
|
5016
|
+
}
|
|
5017
|
+
|
|
5018
|
+
.es\:hover\:text-accent-500:where([data-rac])[data-hovered] {
|
|
5019
|
+
color: var(--es-color-accent-500);
|
|
5020
|
+
}
|
|
4701
5021
|
|
|
4702
|
-
|
|
5022
|
+
@media (hover: hover) {
|
|
5023
|
+
.es\:hover\:text-accent-500:where(:not([data-rac])):hover {
|
|
4703
5024
|
color: var(--es-color-accent-500);
|
|
4704
5025
|
}
|
|
5026
|
+
}
|
|
4705
5027
|
|
|
4706
|
-
|
|
5028
|
+
.es\:hover\:text-accent-950:where([data-rac])[data-hovered] {
|
|
5029
|
+
color: var(--es-color-accent-950);
|
|
5030
|
+
}
|
|
5031
|
+
|
|
5032
|
+
@media (hover: hover) {
|
|
5033
|
+
.es\:hover\:text-accent-950:where(:not([data-rac])):hover {
|
|
4707
5034
|
color: var(--es-color-accent-950);
|
|
4708
5035
|
}
|
|
5036
|
+
}
|
|
5037
|
+
|
|
5038
|
+
.es\:hover\:text-red-600:where([data-rac])[data-hovered] {
|
|
5039
|
+
color: var(--es-color-red-600);
|
|
5040
|
+
}
|
|
4709
5041
|
|
|
4710
|
-
|
|
5042
|
+
@media (hover: hover) {
|
|
5043
|
+
.es\:hover\:text-red-600:where(:not([data-rac])):hover {
|
|
4711
5044
|
color: var(--es-color-red-600);
|
|
4712
5045
|
}
|
|
5046
|
+
}
|
|
5047
|
+
|
|
5048
|
+
.es\:hover\:text-red-800:where([data-rac])[data-hovered] {
|
|
5049
|
+
color: var(--es-color-red-800);
|
|
5050
|
+
}
|
|
4713
5051
|
|
|
4714
|
-
|
|
5052
|
+
@media (hover: hover) {
|
|
5053
|
+
.es\:hover\:text-red-800:where(:not([data-rac])):hover {
|
|
4715
5054
|
color: var(--es-color-red-800);
|
|
4716
5055
|
}
|
|
5056
|
+
}
|
|
4717
5057
|
|
|
4718
|
-
|
|
5058
|
+
.es\:hover\:text-red-900:where([data-rac])[data-hovered] {
|
|
5059
|
+
color: var(--es-color-red-900);
|
|
5060
|
+
}
|
|
5061
|
+
|
|
5062
|
+
@media (hover: hover) {
|
|
5063
|
+
.es\:hover\:text-red-900:where(:not([data-rac])):hover {
|
|
4719
5064
|
color: var(--es-color-red-900);
|
|
4720
5065
|
}
|
|
5066
|
+
}
|
|
5067
|
+
|
|
5068
|
+
.es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
|
|
5069
|
+
--tw-shadow-color: var(--es-color-accent-600);
|
|
5070
|
+
}
|
|
5071
|
+
|
|
5072
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5073
|
+
.es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
|
|
5074
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
|
|
5075
|
+
}
|
|
5076
|
+
}
|
|
4721
5077
|
|
|
4722
|
-
|
|
5078
|
+
@media (hover: hover) {
|
|
5079
|
+
.es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
|
|
4723
5080
|
--tw-shadow-color: var(--es-color-accent-600);
|
|
4724
5081
|
}
|
|
4725
5082
|
|
|
4726
5083
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4727
|
-
.es\:hover\:shadow-accent-600\/50:hover {
|
|
5084
|
+
.es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
|
|
4728
5085
|
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
|
|
4729
5086
|
}
|
|
4730
5087
|
}
|
|
5088
|
+
}
|
|
5089
|
+
|
|
5090
|
+
.es\:hover\:inset-shadow-red-100:where([data-rac])[data-hovered] {
|
|
5091
|
+
--tw-inset-shadow-color: var(--es-color-red-100);
|
|
5092
|
+
}
|
|
5093
|
+
|
|
5094
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5095
|
+
.es\:hover\:inset-shadow-red-100:where([data-rac])[data-hovered] {
|
|
5096
|
+
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-red-100) var(--tw-inset-shadow-alpha), transparent);
|
|
5097
|
+
}
|
|
5098
|
+
}
|
|
4731
5099
|
|
|
4732
|
-
|
|
5100
|
+
@media (hover: hover) {
|
|
5101
|
+
.es\:hover\:inset-shadow-red-100:where(:not([data-rac])):hover {
|
|
4733
5102
|
--tw-inset-shadow-color: var(--es-color-red-100);
|
|
4734
5103
|
}
|
|
4735
5104
|
|
|
4736
5105
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4737
|
-
.es\:hover\:inset-shadow-red-100:hover {
|
|
5106
|
+
.es\:hover\:inset-shadow-red-100:where(:not([data-rac])):hover {
|
|
4738
5107
|
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-red-100) var(--tw-inset-shadow-alpha), transparent);
|
|
4739
5108
|
}
|
|
4740
5109
|
}
|
|
5110
|
+
}
|
|
5111
|
+
|
|
5112
|
+
.es\:hover\:inset-shadow-secondary-100:where([data-rac])[data-hovered] {
|
|
5113
|
+
--tw-inset-shadow-color: var(--es-color-secondary-100);
|
|
5114
|
+
}
|
|
4741
5115
|
|
|
4742
|
-
|
|
5116
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5117
|
+
.es\:hover\:inset-shadow-secondary-100:where([data-rac])[data-hovered] {
|
|
5118
|
+
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) var(--tw-inset-shadow-alpha), transparent);
|
|
5119
|
+
}
|
|
5120
|
+
}
|
|
5121
|
+
|
|
5122
|
+
@media (hover: hover) {
|
|
5123
|
+
.es\:hover\:inset-shadow-secondary-100:where(:not([data-rac])):hover {
|
|
4743
5124
|
--tw-inset-shadow-color: var(--es-color-secondary-100);
|
|
4744
5125
|
}
|
|
4745
5126
|
|
|
4746
5127
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4747
|
-
.es\:hover\:inset-shadow-secondary-100:hover {
|
|
5128
|
+
.es\:hover\:inset-shadow-secondary-100:where(:not([data-rac])):hover {
|
|
4748
5129
|
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) var(--tw-inset-shadow-alpha), transparent);
|
|
4749
5130
|
}
|
|
4750
5131
|
}
|
|
5132
|
+
}
|
|
4751
5133
|
|
|
4752
|
-
|
|
5134
|
+
.es\:hover\:inset-ring-red-100:where([data-rac])[data-hovered] {
|
|
5135
|
+
--tw-inset-ring-color: var(--es-color-red-100);
|
|
5136
|
+
}
|
|
5137
|
+
|
|
5138
|
+
@media (hover: hover) {
|
|
5139
|
+
.es\:hover\:inset-ring-red-100:where(:not([data-rac])):hover {
|
|
4753
5140
|
--tw-inset-ring-color: var(--es-color-red-100);
|
|
4754
5141
|
}
|
|
5142
|
+
}
|
|
5143
|
+
|
|
5144
|
+
.es\:hover\:inset-ring-secondary-100:where([data-rac])[data-hovered] {
|
|
5145
|
+
--tw-inset-ring-color: var(--es-color-secondary-100);
|
|
5146
|
+
}
|
|
4755
5147
|
|
|
4756
|
-
|
|
5148
|
+
@media (hover: hover) {
|
|
5149
|
+
.es\:hover\:inset-ring-secondary-100:where(:not([data-rac])):hover {
|
|
4757
5150
|
--tw-inset-ring-color: var(--es-color-secondary-100);
|
|
4758
5151
|
}
|
|
5152
|
+
}
|
|
5153
|
+
|
|
5154
|
+
.es\:hover\:outline-hidden:where([data-rac])[data-hovered] {
|
|
5155
|
+
--tw-outline-style: none;
|
|
5156
|
+
outline-style: none;
|
|
5157
|
+
}
|
|
4759
5158
|
|
|
4760
|
-
|
|
5159
|
+
@media (forced-colors: active) {
|
|
5160
|
+
.es\:hover\:outline-hidden:where([data-rac])[data-hovered] {
|
|
5161
|
+
outline-offset: 2px;
|
|
5162
|
+
outline: 2px solid #0000;
|
|
5163
|
+
}
|
|
5164
|
+
}
|
|
5165
|
+
|
|
5166
|
+
@media (hover: hover) {
|
|
5167
|
+
.es\:hover\:outline-hidden:where(:not([data-rac])):hover {
|
|
4761
5168
|
--tw-outline-style: none;
|
|
4762
5169
|
outline-style: none;
|
|
4763
5170
|
}
|
|
4764
5171
|
|
|
4765
5172
|
@media (forced-colors: active) {
|
|
4766
|
-
.es\:hover\:outline-hidden:hover {
|
|
5173
|
+
.es\:hover\:outline-hidden:where(:not([data-rac])):hover {
|
|
4767
5174
|
outline-offset: 2px;
|
|
4768
5175
|
outline: 2px solid #0000;
|
|
4769
5176
|
}
|
|
4770
5177
|
}
|
|
5178
|
+
}
|
|
5179
|
+
|
|
5180
|
+
.es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where([data-rac])[data-hovered] {
|
|
5181
|
+
background-color: var(--es-color-secondary-100);
|
|
5182
|
+
}
|
|
4771
5183
|
|
|
4772
|
-
|
|
5184
|
+
@media (hover: hover) {
|
|
5185
|
+
.es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where(:not([data-rac])):hover {
|
|
4773
5186
|
background-color: var(--es-color-secondary-100);
|
|
4774
5187
|
}
|
|
5188
|
+
}
|
|
5189
|
+
|
|
5190
|
+
.es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where([data-rac])[data-hovered] {
|
|
5191
|
+
color: var(--es-color-secondary-900);
|
|
5192
|
+
}
|
|
4775
5193
|
|
|
4776
|
-
|
|
5194
|
+
@media (hover: hover) {
|
|
5195
|
+
.es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where(:not([data-rac])):hover {
|
|
4777
5196
|
color: var(--es-color-secondary-900);
|
|
4778
5197
|
}
|
|
5198
|
+
}
|
|
5199
|
+
|
|
5200
|
+
.es\:hover\:after\:bg-accent-500:where([data-rac])[data-hovered]:after {
|
|
5201
|
+
content: var(--tw-content);
|
|
5202
|
+
background-color: var(--es-color-accent-500);
|
|
5203
|
+
}
|
|
4779
5204
|
|
|
4780
|
-
|
|
5205
|
+
@media (hover: hover) {
|
|
5206
|
+
.es\:hover\:after\:bg-accent-500:where(:not([data-rac])):hover:after {
|
|
4781
5207
|
content: var(--tw-content);
|
|
4782
5208
|
background-color: var(--es-color-accent-500);
|
|
4783
5209
|
}
|
|
5210
|
+
}
|
|
5211
|
+
|
|
5212
|
+
.es\:hover\:not-selected\:not-disabled\:after\:from-secondary-200:where([data-rac])[data-hovered]:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
|
|
5213
|
+
content: var(--tw-content);
|
|
5214
|
+
--tw-gradient-from: var(--es-color-secondary-200);
|
|
5215
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
5216
|
+
}
|
|
4784
5217
|
|
|
4785
|
-
|
|
5218
|
+
@media (hover: hover) {
|
|
5219
|
+
.es\:hover\:not-selected\:not-disabled\:after\:from-secondary-200:where(:not([data-rac])):hover:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
|
|
4786
5220
|
content: var(--tw-content);
|
|
4787
5221
|
--tw-gradient-from: var(--es-color-secondary-200);
|
|
4788
5222
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4789
5223
|
}
|
|
5224
|
+
}
|
|
5225
|
+
|
|
5226
|
+
.es\:hover\:not-selected\:not-disabled\:after\:to-secondary-300:where([data-rac])[data-hovered]:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
|
|
5227
|
+
content: var(--tw-content);
|
|
5228
|
+
--tw-gradient-to: var(--es-color-secondary-300);
|
|
5229
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
5230
|
+
}
|
|
4790
5231
|
|
|
4791
|
-
|
|
5232
|
+
@media (hover: hover) {
|
|
5233
|
+
.es\:hover\:not-selected\:not-disabled\:after\:to-secondary-300:where(:not([data-rac])):hover:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
|
|
4792
5234
|
content: var(--tw-content);
|
|
4793
5235
|
--tw-gradient-to: var(--es-color-secondary-300);
|
|
4794
5236
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4795
5237
|
}
|
|
4796
5238
|
}
|
|
4797
5239
|
|
|
4798
|
-
.es\:focus\:border-accent-500:focus {
|
|
5240
|
+
.es\:focus\:border-accent-500:where([data-rac])[data-focused], .es\:focus\:border-accent-500:where(:not([data-rac])):focus {
|
|
4799
5241
|
border-color: var(--es-color-accent-500);
|
|
4800
5242
|
}
|
|
4801
5243
|
|
|
4802
|
-
.es\:focus\:text-current:focus {
|
|
5244
|
+
.es\:focus\:text-current:where([data-rac])[data-focused], .es\:focus\:text-current:where(:not([data-rac])):focus {
|
|
4803
5245
|
color: currentColor;
|
|
4804
5246
|
}
|
|
4805
5247
|
|
|
4806
|
-
.es\:focus\:shadow-none\!:focus {
|
|
5248
|
+
.es\:focus\:shadow-none\!:where([data-rac])[data-focused], .es\:focus\:shadow-none\!:where(:not([data-rac])):focus {
|
|
4807
5249
|
--tw-shadow: 0 0 #0000 !important;
|
|
4808
5250
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
|
|
4809
5251
|
}
|
|
4810
5252
|
|
|
4811
|
-
.es\:focus\:ring-2:focus {
|
|
5253
|
+
.es\:focus\:ring-2:where([data-rac])[data-focused], .es\:focus\:ring-2:where(:not([data-rac])):focus {
|
|
4812
5254
|
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4813
5255
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4814
5256
|
}
|
|
4815
5257
|
|
|
4816
|
-
.es\:focus\:ring-accent-500\/50:
|
|
5258
|
+
.es\:focus\:ring-accent-500\/50:where([data-rac])[data-focused] {
|
|
5259
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
5260
|
+
}
|
|
5261
|
+
|
|
5262
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5263
|
+
.es\:focus\:ring-accent-500\/50:where([data-rac])[data-focused] {
|
|
5264
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
5265
|
+
}
|
|
5266
|
+
}
|
|
5267
|
+
|
|
5268
|
+
.es\:focus\:ring-accent-500\/50:where(:not([data-rac])):focus {
|
|
4817
5269
|
--tw-ring-color: var(--es-color-accent-500);
|
|
4818
5270
|
}
|
|
4819
5271
|
|
|
4820
5272
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4821
|
-
.es\:focus\:ring-accent-500\/50:focus {
|
|
5273
|
+
.es\:focus\:ring-accent-500\/50:where(:not([data-rac])):focus {
|
|
4822
5274
|
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
4823
5275
|
}
|
|
4824
5276
|
}
|
|
4825
5277
|
|
|
4826
|
-
.es\:not-readonly\:focus\:shadow-md:not(:where([data-readonly], [readonly])):focus {
|
|
5278
|
+
.es\:not-readonly\:focus\:shadow-md:not(:where([data-readonly], [readonly])):where([data-rac])[data-focused], .es\:not-readonly\:focus\:shadow-md:not(:where([data-readonly], [readonly])):where(:not([data-rac])):focus {
|
|
4827
5279
|
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
|
|
4828
5280
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4829
5281
|
}
|
|
@@ -4852,6 +5304,10 @@
|
|
|
4852
5304
|
background-color: var(--es-color-secondary-100);
|
|
4853
5305
|
}
|
|
4854
5306
|
|
|
5307
|
+
.es\:focus-visible\:text-accent-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
5308
|
+
color: var(--es-color-accent-700);
|
|
5309
|
+
}
|
|
5310
|
+
|
|
4855
5311
|
.es\:focus-visible\:text-accent-950:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4856
5312
|
color: var(--es-color-accent-950);
|
|
4857
5313
|
}
|
|
@@ -4879,6 +5335,16 @@
|
|
|
4879
5335
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4880
5336
|
}
|
|
4881
5337
|
|
|
5338
|
+
.es\:focus-visible\:ring-accent-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
5339
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
5340
|
+
}
|
|
5341
|
+
|
|
5342
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5343
|
+
.es\:focus-visible\:ring-accent-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
5344
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
|
|
5345
|
+
}
|
|
5346
|
+
}
|
|
5347
|
+
|
|
4882
5348
|
.es\:focus-visible\:ring-accent-500\/50:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4883
5349
|
--tw-ring-color: var(--es-color-accent-500);
|
|
4884
5350
|
}
|
|
@@ -4909,6 +5375,10 @@
|
|
|
4909
5375
|
}
|
|
4910
5376
|
}
|
|
4911
5377
|
|
|
5378
|
+
.es\:focus-visible\:inset-ring-accent-100:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
5379
|
+
--tw-inset-ring-color: var(--es-color-accent-100);
|
|
5380
|
+
}
|
|
5381
|
+
|
|
4912
5382
|
.es\:focus-visible\:inset-ring-accent-600:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4913
5383
|
--tw-inset-ring-color: var(--es-color-accent-600);
|
|
4914
5384
|
}
|
|
@@ -4967,26 +5437,71 @@
|
|
|
4967
5437
|
color: var(--es-color-accent-500);
|
|
4968
5438
|
}
|
|
4969
5439
|
|
|
4970
|
-
.es\:enabled\:cursor-pointer:enabled {
|
|
5440
|
+
.es\:enabled\:not-pending\:cursor-pointer:enabled:not([data-pending]) {
|
|
4971
5441
|
cursor: pointer;
|
|
4972
5442
|
}
|
|
4973
5443
|
|
|
5444
|
+
.es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
|
|
5445
|
+
background-color: var(--es-color-accent-500);
|
|
5446
|
+
}
|
|
5447
|
+
|
|
5448
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5449
|
+
.es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
|
|
5450
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
|
|
5451
|
+
}
|
|
5452
|
+
}
|
|
5453
|
+
|
|
5454
|
+
@media (hover: hover) {
|
|
5455
|
+
.es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
|
|
5456
|
+
background-color: var(--es-color-accent-500);
|
|
5457
|
+
}
|
|
5458
|
+
|
|
5459
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5460
|
+
.es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
|
|
5461
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
|
|
5462
|
+
}
|
|
5463
|
+
}
|
|
5464
|
+
}
|
|
5465
|
+
|
|
5466
|
+
.es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
|
|
5467
|
+
background-color: var(--es-color-red-500);
|
|
5468
|
+
}
|
|
5469
|
+
|
|
5470
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5471
|
+
.es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
|
|
5472
|
+
background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
|
|
5473
|
+
}
|
|
5474
|
+
}
|
|
5475
|
+
|
|
4974
5476
|
@media (hover: hover) {
|
|
4975
|
-
.es\:enabled\:hover\:bg-red-500\/5:enabled:hover {
|
|
5477
|
+
.es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
|
|
4976
5478
|
background-color: var(--es-color-red-500);
|
|
4977
5479
|
}
|
|
4978
5480
|
|
|
4979
5481
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4980
|
-
.es\:enabled\:hover\:bg-red-500\/5:enabled:hover {
|
|
5482
|
+
.es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
|
|
4981
5483
|
background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
|
|
4982
5484
|
}
|
|
4983
5485
|
}
|
|
5486
|
+
}
|
|
5487
|
+
|
|
5488
|
+
.es\:enabled\:hover\:bg-secondary-100:enabled:where([data-rac])[data-hovered] {
|
|
5489
|
+
background-color: var(--es-color-secondary-100);
|
|
5490
|
+
}
|
|
4984
5491
|
|
|
4985
|
-
|
|
5492
|
+
@media (hover: hover) {
|
|
5493
|
+
.es\:enabled\:hover\:bg-secondary-100:enabled:where(:not([data-rac])):hover {
|
|
4986
5494
|
background-color: var(--es-color-secondary-100);
|
|
4987
5495
|
}
|
|
5496
|
+
}
|
|
4988
5497
|
|
|
4989
|
-
|
|
5498
|
+
.es\:enabled\:hover\:shadow-md:enabled:where([data-rac])[data-hovered] {
|
|
5499
|
+
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
|
|
5500
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5501
|
+
}
|
|
5502
|
+
|
|
5503
|
+
@media (hover: hover) {
|
|
5504
|
+
.es\:enabled\:hover\:shadow-md:enabled:where(:not([data-rac])):hover {
|
|
4990
5505
|
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
|
|
4991
5506
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4992
5507
|
}
|
|
@@ -4996,6 +5511,16 @@
|
|
|
4996
5511
|
background-color: var(--es-color-accent-50);
|
|
4997
5512
|
}
|
|
4998
5513
|
|
|
5514
|
+
.es\:enabled\:active\:bg-accent-500\/10:enabled:active {
|
|
5515
|
+
background-color: var(--es-color-accent-500);
|
|
5516
|
+
}
|
|
5517
|
+
|
|
5518
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5519
|
+
.es\:enabled\:active\:bg-accent-500\/10:enabled:active {
|
|
5520
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
|
|
5521
|
+
}
|
|
5522
|
+
}
|
|
5523
|
+
|
|
4999
5524
|
.es\:enabled\:active\:bg-red-500\/10:enabled:active {
|
|
5000
5525
|
background-color: var(--es-color-red-500);
|
|
5001
5526
|
}
|
|
@@ -5192,66 +5717,66 @@
|
|
|
5192
5717
|
.es\:motion-safe\:motion-preset-slide-down-sm {
|
|
5193
5718
|
--motion-origin-translate-y: -5%;
|
|
5194
5719
|
--motion-origin-opacity: 0;
|
|
5195
|
-
--motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration) * var(--motion-opacity-perceptual-duration-multiplier)) var(--motion-opacity-timing) var(--motion-opacity-delay) both;
|
|
5196
|
-
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5197
|
-
animation: var(--motion-
|
|
5720
|
+
--motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
|
|
5721
|
+
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5722
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
5198
5723
|
}
|
|
5199
5724
|
|
|
5200
5725
|
.es\:motion-safe\:motion-scale-in-95 {
|
|
5201
5726
|
--motion-origin-scale-x: .95;
|
|
5202
5727
|
--motion-origin-scale-y: .95;
|
|
5203
|
-
--motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
|
|
5204
|
-
animation: var(--motion-
|
|
5728
|
+
--motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
|
|
5729
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
5205
5730
|
}
|
|
5206
5731
|
|
|
5207
5732
|
.es\:motion-safe\:motion-scale-out-90 {
|
|
5208
5733
|
--motion-end-scale-x: .9;
|
|
5209
5734
|
--motion-end-scale-y: .9;
|
|
5210
|
-
--motion-scale-out-animation: motion-scale-out calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
|
|
5211
|
-
animation: var(--motion-
|
|
5735
|
+
--motion-scale-out-animation: motion-scale-out calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
|
|
5736
|
+
animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
|
|
5212
5737
|
}
|
|
5213
5738
|
|
|
5214
5739
|
.es\:motion-safe\:motion-scale-out-95 {
|
|
5215
5740
|
--motion-end-scale-x: .95;
|
|
5216
5741
|
--motion-end-scale-y: .95;
|
|
5217
|
-
--motion-scale-out-animation: motion-scale-out calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
|
|
5218
|
-
animation: var(--motion-
|
|
5742
|
+
--motion-scale-out-animation: motion-scale-out calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
|
|
5743
|
+
animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
|
|
5219
5744
|
}
|
|
5220
5745
|
|
|
5221
5746
|
.es\:motion-safe\:motion-translate-y-in-\[-0\.25rem\] {
|
|
5222
5747
|
--motion-origin-translate-y: -.25rem;
|
|
5223
|
-
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5224
|
-
animation: var(--motion-
|
|
5748
|
+
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5749
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
5225
5750
|
}
|
|
5226
5751
|
|
|
5227
5752
|
.es\:motion-safe\:motion-translate-y-in-\[-5\%\] {
|
|
5228
5753
|
--motion-origin-translate-y: -5%;
|
|
5229
|
-
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5230
|
-
animation: var(--motion-
|
|
5754
|
+
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5755
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
5231
5756
|
}
|
|
5232
5757
|
|
|
5233
5758
|
.es\:motion-safe\:motion-translate-y-in-\[0\.25rem\] {
|
|
5234
5759
|
--motion-origin-translate-y: .25rem;
|
|
5235
|
-
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5236
|
-
animation: var(--motion-
|
|
5760
|
+
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5761
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
5237
5762
|
}
|
|
5238
5763
|
|
|
5239
5764
|
.es\:motion-safe\:motion-translate-y-out-\[-0\.25rem\] {
|
|
5240
5765
|
--motion-end-translate-y: -.25rem;
|
|
5241
|
-
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5242
|
-
animation: var(--motion-
|
|
5766
|
+
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5767
|
+
animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
|
|
5243
5768
|
}
|
|
5244
5769
|
|
|
5245
5770
|
.es\:motion-safe\:motion-translate-y-out-\[-5\%\] {
|
|
5246
5771
|
--motion-end-translate-y: -5%;
|
|
5247
|
-
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5248
|
-
animation: var(--motion-
|
|
5772
|
+
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5773
|
+
animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
|
|
5249
5774
|
}
|
|
5250
5775
|
|
|
5251
5776
|
.es\:motion-safe\:motion-translate-y-out-\[0\.25rem\] {
|
|
5252
5777
|
--motion-end-translate-y: .25rem;
|
|
5253
|
-
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5254
|
-
animation: var(--motion-
|
|
5778
|
+
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5779
|
+
animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
|
|
5255
5780
|
}
|
|
5256
5781
|
|
|
5257
5782
|
.es\:motion-safe\:motion-ease-spring-bouncy {
|
|
@@ -5283,50 +5808,50 @@
|
|
|
5283
5808
|
|
|
5284
5809
|
.es\:motion-safe\:data-\[placement\=bottom\]\:-motion-translate-y-in-\[5\%\][data-placement="bottom"] {
|
|
5285
5810
|
--motion-origin-translate-y: calc(5% * -1);
|
|
5286
|
-
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5287
|
-
animation: var(--motion-
|
|
5811
|
+
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5812
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
5288
5813
|
}
|
|
5289
5814
|
|
|
5290
5815
|
.es\:motion-safe\:data-\[placement\=bottom\]\:motion-translate-y-out-\[-12\.5\%\][data-placement="bottom"] {
|
|
5291
5816
|
--motion-end-translate-y: -12.5%;
|
|
5292
|
-
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5293
|
-
animation: var(--motion-
|
|
5817
|
+
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5818
|
+
animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
|
|
5294
5819
|
}
|
|
5295
5820
|
|
|
5296
5821
|
.es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-in-\[5\%\][data-placement="left"] {
|
|
5297
5822
|
--motion-origin-translate-x: 5%;
|
|
5298
|
-
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5299
|
-
animation: var(--motion-
|
|
5823
|
+
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5824
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
5300
5825
|
}
|
|
5301
5826
|
|
|
5302
5827
|
.es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-out-\[12\.5\%\][data-placement="left"] {
|
|
5303
5828
|
--motion-end-translate-x: 12.5%;
|
|
5304
|
-
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5305
|
-
animation: var(--motion-
|
|
5829
|
+
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5830
|
+
animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
|
|
5306
5831
|
}
|
|
5307
5832
|
|
|
5308
5833
|
.es\:motion-safe\:data-\[placement\=right\]\:-motion-translate-x-in-\[5\%\][data-placement="right"] {
|
|
5309
5834
|
--motion-origin-translate-x: calc(5% * -1);
|
|
5310
|
-
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5311
|
-
animation: var(--motion-
|
|
5835
|
+
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5836
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
5312
5837
|
}
|
|
5313
5838
|
|
|
5314
5839
|
.es\:motion-safe\:data-\[placement\=right\]\:motion-translate-x-out-\[-12\.5\%\][data-placement="right"] {
|
|
5315
5840
|
--motion-end-translate-x: -12.5%;
|
|
5316
|
-
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5317
|
-
animation: var(--motion-
|
|
5841
|
+
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5842
|
+
animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
|
|
5318
5843
|
}
|
|
5319
5844
|
|
|
5320
5845
|
.es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-in-\[5\%\][data-placement="top"] {
|
|
5321
5846
|
--motion-origin-translate-y: 5%;
|
|
5322
|
-
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5323
|
-
animation: var(--motion-
|
|
5847
|
+
--motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5848
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
5324
5849
|
}
|
|
5325
5850
|
|
|
5326
5851
|
.es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-out-\[12\.5\%\][data-placement="top"] {
|
|
5327
5852
|
--motion-end-translate-y: 12.5%;
|
|
5328
|
-
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
|
|
5329
|
-
animation: var(--motion-
|
|
5853
|
+
--motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
|
|
5854
|
+
animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
|
|
5330
5855
|
}
|
|
5331
5856
|
}
|
|
5332
5857
|
|
|
@@ -5334,8 +5859,8 @@
|
|
|
5334
5859
|
.es\:motion-reduce\:motion-preset-fade, .es\:motion-reduce\:motion-preset-fade-md {
|
|
5335
5860
|
--motion-origin-opacity: 0;
|
|
5336
5861
|
--motion-duration: .5s;
|
|
5337
|
-
--motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration) * var(--motion-opacity-perceptual-duration-multiplier)) var(--motion-opacity-timing) var(--motion-opacity-delay) both;
|
|
5338
|
-
animation: var(--motion-
|
|
5862
|
+
--motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
|
|
5863
|
+
animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
|
|
5339
5864
|
}
|
|
5340
5865
|
}
|
|
5341
5866
|
|
|
@@ -5361,22 +5886,29 @@
|
|
|
5361
5886
|
}
|
|
5362
5887
|
}
|
|
5363
5888
|
|
|
5364
|
-
.es\:
|
|
5365
|
-
|
|
5366
|
-
outline-style: none;
|
|
5889
|
+
.es\:pending\:cursor-wait[data-pending] {
|
|
5890
|
+
cursor: wait;
|
|
5367
5891
|
}
|
|
5368
5892
|
|
|
5369
|
-
|
|
5370
|
-
|
|
5371
|
-
|
|
5372
|
-
outline: 2px solid #0000;
|
|
5373
|
-
}
|
|
5893
|
+
.es\:pending\:shadow-none\![data-pending] {
|
|
5894
|
+
--tw-shadow: 0 0 #0000 !important;
|
|
5895
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
|
|
5374
5896
|
}
|
|
5375
5897
|
|
|
5376
5898
|
.es\:enabled\:pressed\:bg-accent-50:enabled[data-pressed] {
|
|
5377
5899
|
background-color: var(--es-color-accent-50);
|
|
5378
5900
|
}
|
|
5379
5901
|
|
|
5902
|
+
.es\:enabled\:pressed\:bg-accent-500\/10:enabled[data-pressed] {
|
|
5903
|
+
background-color: var(--es-color-accent-500);
|
|
5904
|
+
}
|
|
5905
|
+
|
|
5906
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5907
|
+
.es\:enabled\:pressed\:bg-accent-500\/10:enabled[data-pressed] {
|
|
5908
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
|
|
5909
|
+
}
|
|
5910
|
+
}
|
|
5911
|
+
|
|
5380
5912
|
.es\:enabled\:pressed\:bg-red-500\/10:enabled[data-pressed] {
|
|
5381
5913
|
background-color: var(--es-color-red-500);
|
|
5382
5914
|
}
|
|
@@ -5504,6 +6036,25 @@
|
|
|
5504
6036
|
}
|
|
5505
6037
|
}
|
|
5506
6038
|
|
|
6039
|
+
.es\:dragging\:scale-110\![data-dragging] {
|
|
6040
|
+
--tw-scale-x: 110% !important;
|
|
6041
|
+
--tw-scale-y: 110% !important;
|
|
6042
|
+
--tw-scale-z: 110% !important;
|
|
6043
|
+
scale: var(--tw-scale-x) var(--tw-scale-y) !important;
|
|
6044
|
+
}
|
|
6045
|
+
|
|
6046
|
+
.es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
|
|
6047
|
+
--tw-outline-style: none;
|
|
6048
|
+
outline-style: none;
|
|
6049
|
+
}
|
|
6050
|
+
|
|
6051
|
+
@media (forced-colors: active) {
|
|
6052
|
+
.es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
|
|
6053
|
+
outline-offset: 2px;
|
|
6054
|
+
outline: 2px solid #0000;
|
|
6055
|
+
}
|
|
6056
|
+
}
|
|
6057
|
+
|
|
5507
6058
|
.es\:readonly\:bg-secondary-50:where([data-readonly], [readonly]) {
|
|
5508
6059
|
background-color: var(--es-color-secondary-50);
|
|
5509
6060
|
}
|
|
@@ -5513,13 +6064,6 @@
|
|
|
5513
6064
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
|
|
5514
6065
|
}
|
|
5515
6066
|
|
|
5516
|
-
.es\:dragging\:scale-110\![data-dragging] {
|
|
5517
|
-
--tw-scale-x: 110% !important;
|
|
5518
|
-
--tw-scale-y: 110% !important;
|
|
5519
|
-
--tw-scale-z: 110% !important;
|
|
5520
|
-
scale: var(--tw-scale-x) var(--tw-scale-y) !important;
|
|
5521
|
-
}
|
|
5522
|
-
|
|
5523
6067
|
.es\:icon\:absolute > svg {
|
|
5524
6068
|
position: absolute;
|
|
5525
6069
|
}
|