@eightshift/ui-components 5.0.3 → 5.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{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-D7KpCYaK.js} +9 -9
- package/dist/{Dialog-O9uw63D7.js → Dialog-CJVCRT8_.js} +5 -5
- package/dist/{ListBox-BTxlCGcc.js → ListBox-_nDFq8-H.js} +4 -4
- package/dist/{OverlayArrow-5aDgmImj.js → OverlayArrow-CjvnevpX.js} +1 -1
- 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/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/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 +1 -1
- 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
|
@@ -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;
|
|
@@ -629,6 +630,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
629
630
|
visibility: hidden;
|
|
630
631
|
}
|
|
631
632
|
|
|
633
|
+
:is(body, #wpwrap #editor) .es\:sr-only {
|
|
634
|
+
clip: rect(0, 0, 0, 0);
|
|
635
|
+
white-space: nowrap;
|
|
636
|
+
border-width: 0;
|
|
637
|
+
width: 1px;
|
|
638
|
+
height: 1px;
|
|
639
|
+
margin: -1px;
|
|
640
|
+
padding: 0;
|
|
641
|
+
position: absolute;
|
|
642
|
+
overflow: hidden;
|
|
643
|
+
}
|
|
644
|
+
|
|
632
645
|
:is(body, #wpwrap #editor) .es\:absolute {
|
|
633
646
|
position: absolute;
|
|
634
647
|
}
|
|
@@ -677,6 +690,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
677
690
|
top: var(--es-spacing-3_25);
|
|
678
691
|
}
|
|
679
692
|
|
|
693
|
+
:is(body, #wpwrap #editor) .es\:top-4 {
|
|
694
|
+
top: calc(var(--es-spacing) * 4);
|
|
695
|
+
}
|
|
696
|
+
|
|
680
697
|
:is(body, #wpwrap #editor) .es\:right-0 {
|
|
681
698
|
right: calc(var(--es-spacing) * 0);
|
|
682
699
|
}
|
|
@@ -685,6 +702,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
685
702
|
right: calc(var(--es-spacing) * 1);
|
|
686
703
|
}
|
|
687
704
|
|
|
705
|
+
:is(body, #wpwrap #editor) .es\:right-4 {
|
|
706
|
+
right: calc(var(--es-spacing) * 4);
|
|
707
|
+
}
|
|
708
|
+
|
|
688
709
|
:is(body, #wpwrap #editor) .es\:right-6 {
|
|
689
710
|
right: calc(var(--es-spacing) * 6);
|
|
690
711
|
}
|
|
@@ -813,6 +834,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
813
834
|
margin-inline: auto;
|
|
814
835
|
}
|
|
815
836
|
|
|
837
|
+
:is(body, #wpwrap #editor) .es\:my-0\! {
|
|
838
|
+
margin-block: calc(var(--es-spacing) * 0) !important;
|
|
839
|
+
}
|
|
840
|
+
|
|
816
841
|
:is(body, #wpwrap #editor) .es\:my-1 {
|
|
817
842
|
margin-block: calc(var(--es-spacing) * 1);
|
|
818
843
|
}
|
|
@@ -1480,58 +1505,58 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
1480
1505
|
:is(body, #wpwrap #editor) .es\:motion-preset-spin {
|
|
1481
1506
|
--motion-loop-rotate: 360deg;
|
|
1482
1507
|
--motion-timing: linear;
|
|
1483
|
-
--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);
|
|
1484
|
-
animation: var(--motion-
|
|
1508
|
+
--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));
|
|
1509
|
+
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);
|
|
1485
1510
|
}
|
|
1486
1511
|
|
|
1487
1512
|
:is(body, #wpwrap #editor) .es\:motion-scale-in-90 {
|
|
1488
1513
|
--motion-origin-scale-x: .9;
|
|
1489
1514
|
--motion-origin-scale-y: .9;
|
|
1490
|
-
--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;
|
|
1491
|
-
animation: var(--motion-
|
|
1515
|
+
--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;
|
|
1516
|
+
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);
|
|
1492
1517
|
}
|
|
1493
1518
|
|
|
1494
1519
|
:is(body, #wpwrap #editor) .es\:motion-scale-in-125 {
|
|
1495
1520
|
--motion-origin-scale-x: 1.25;
|
|
1496
1521
|
--motion-origin-scale-y: 1.25;
|
|
1497
|
-
--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;
|
|
1498
|
-
animation: var(--motion-
|
|
1522
|
+
--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;
|
|
1523
|
+
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);
|
|
1499
1524
|
}
|
|
1500
1525
|
|
|
1501
1526
|
:is(body, #wpwrap #editor) .es\:motion-blur-in-xs {
|
|
1502
1527
|
--motion-origin-blur: 4px;
|
|
1503
|
-
--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;
|
|
1504
|
-
animation: var(--motion-
|
|
1528
|
+
--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;
|
|
1529
|
+
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);
|
|
1505
1530
|
}
|
|
1506
1531
|
|
|
1507
1532
|
:is(body, #wpwrap #editor) .es\:motion-opacity-in {
|
|
1508
1533
|
--motion-origin-opacity: 0;
|
|
1509
|
-
--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;
|
|
1510
|
-
animation: var(--motion-
|
|
1534
|
+
--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;
|
|
1535
|
+
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);
|
|
1511
1536
|
}
|
|
1512
1537
|
|
|
1513
1538
|
:is(body, #wpwrap #editor) .es\:motion-opacity-out {
|
|
1514
1539
|
--motion-end-opacity: 0;
|
|
1515
|
-
--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;
|
|
1516
|
-
animation: var(--motion-
|
|
1540
|
+
--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;
|
|
1541
|
+
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);
|
|
1517
1542
|
}
|
|
1518
1543
|
|
|
1519
1544
|
:is(body, #wpwrap #editor) .es\:motion-opacity-out-0 {
|
|
1520
1545
|
--motion-end-opacity: .001;
|
|
1521
|
-
--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;
|
|
1522
|
-
animation: var(--motion-
|
|
1546
|
+
--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;
|
|
1547
|
+
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);
|
|
1523
1548
|
}
|
|
1524
1549
|
|
|
1525
1550
|
:is(body, #wpwrap #editor) .es\:motion-rotate-in {
|
|
1526
1551
|
--motion-origin-rotate: 12deg;
|
|
1527
|
-
--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;
|
|
1528
|
-
animation: var(--motion-
|
|
1552
|
+
--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;
|
|
1553
|
+
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);
|
|
1529
1554
|
}
|
|
1530
1555
|
|
|
1531
1556
|
:is(body, #wpwrap #editor) .es\:motion-rotate-out {
|
|
1532
1557
|
--motion-end-rotate: 12deg;
|
|
1533
|
-
--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;
|
|
1534
|
-
animation: var(--motion-
|
|
1558
|
+
--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;
|
|
1559
|
+
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);
|
|
1535
1560
|
}
|
|
1536
1561
|
|
|
1537
1562
|
:is(body, #wpwrap #editor) .es\:animate-spin {
|
|
@@ -1904,6 +1929,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
1904
1929
|
border-radius: var(--es-radius-2xl);
|
|
1905
1930
|
}
|
|
1906
1931
|
|
|
1932
|
+
:is(body, #wpwrap #editor) .es\:rounded-3xl {
|
|
1933
|
+
border-radius: var(--es-radius-3xl);
|
|
1934
|
+
}
|
|
1935
|
+
|
|
1907
1936
|
:is(body, #wpwrap #editor) .es\:rounded-7 {
|
|
1908
1937
|
border-radius: var(--es-radius-7);
|
|
1909
1938
|
}
|
|
@@ -2245,13 +2274,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2245
2274
|
}
|
|
2246
2275
|
}
|
|
2247
2276
|
|
|
2248
|
-
:is(body, #wpwrap #editor) .es\:bg-black, :is(body, #wpwrap #editor) .es\:bg-black\/
|
|
2277
|
+
:is(body, #wpwrap #editor) .es\:bg-black, :is(body, #wpwrap #editor) .es\:bg-black\/30 {
|
|
2249
2278
|
background-color: var(--es-color-black);
|
|
2250
2279
|
}
|
|
2251
2280
|
|
|
2252
2281
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2253
|
-
:is(body, #wpwrap #editor) .es\:bg-black\/
|
|
2254
|
-
background-color: color-mix(in oklab, var(--es-color-black)
|
|
2282
|
+
:is(body, #wpwrap #editor) .es\:bg-black\/30 {
|
|
2283
|
+
background-color: color-mix(in oklab, var(--es-color-black) 30%, transparent);
|
|
2255
2284
|
}
|
|
2256
2285
|
}
|
|
2257
2286
|
|
|
@@ -2409,6 +2438,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2409
2438
|
}
|
|
2410
2439
|
}
|
|
2411
2440
|
|
|
2441
|
+
:is(body, #wpwrap #editor) .es\:bg-white\/60 {
|
|
2442
|
+
background-color: var(--es-color-white);
|
|
2443
|
+
}
|
|
2444
|
+
|
|
2445
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2446
|
+
:is(body, #wpwrap #editor) .es\:bg-white\/60 {
|
|
2447
|
+
background-color: color-mix(in oklab, var(--es-color-white) 60%, transparent);
|
|
2448
|
+
}
|
|
2449
|
+
}
|
|
2450
|
+
|
|
2412
2451
|
:is(body, #wpwrap #editor) .es\:bg-white\/85 {
|
|
2413
2452
|
background-color: var(--es-color-white);
|
|
2414
2453
|
}
|
|
@@ -2835,6 +2874,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2835
2874
|
padding-inline: calc(var(--es-spacing) * 4);
|
|
2836
2875
|
}
|
|
2837
2876
|
|
|
2877
|
+
:is(body, #wpwrap #editor) .es\:px-5 {
|
|
2878
|
+
padding-inline: calc(var(--es-spacing) * 5);
|
|
2879
|
+
}
|
|
2880
|
+
|
|
2838
2881
|
:is(body, #wpwrap #editor) .es\:py-0\.5 {
|
|
2839
2882
|
padding-block: calc(var(--es-spacing) * .5);
|
|
2840
2883
|
}
|
|
@@ -2992,9 +3035,9 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2992
3035
|
line-height: var(--tw-leading, var(--es-text-2xl--line-height));
|
|
2993
3036
|
}
|
|
2994
3037
|
|
|
2995
|
-
:is(body, #wpwrap #editor) .es\:text-base {
|
|
2996
|
-
font-size: var(--es-text-base);
|
|
2997
|
-
line-height: var(--tw-leading, var(--es-text-base--line-height));
|
|
3038
|
+
:is(body, #wpwrap #editor) .es\:text-base\! {
|
|
3039
|
+
font-size: var(--es-text-base) !important;
|
|
3040
|
+
line-height: var(--tw-leading, var(--es-text-base--line-height)) !important;
|
|
2998
3041
|
}
|
|
2999
3042
|
|
|
3000
3043
|
:is(body, #wpwrap #editor) .es\:text-lg {
|
|
@@ -3046,6 +3089,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3046
3089
|
font-weight: var(--es-font-weight-medium);
|
|
3047
3090
|
}
|
|
3048
3091
|
|
|
3092
|
+
:is(body, #wpwrap #editor) .es\:font-medium\! {
|
|
3093
|
+
--tw-font-weight: var(--es-font-weight-medium) !important;
|
|
3094
|
+
font-weight: var(--es-font-weight-medium) !important;
|
|
3095
|
+
}
|
|
3096
|
+
|
|
3049
3097
|
:is(body, #wpwrap #editor) .es\:font-semibold {
|
|
3050
3098
|
--tw-font-weight: var(--es-font-weight-semibold);
|
|
3051
3099
|
font-weight: var(--es-font-weight-semibold);
|
|
@@ -3069,6 +3117,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3069
3117
|
color: var(--es-color-accent-500);
|
|
3070
3118
|
}
|
|
3071
3119
|
|
|
3120
|
+
:is(body, #wpwrap #editor) .es\:text-accent-600 {
|
|
3121
|
+
color: var(--es-color-accent-600);
|
|
3122
|
+
}
|
|
3123
|
+
|
|
3072
3124
|
:is(body, #wpwrap #editor) .es\:text-accent-600\! {
|
|
3073
3125
|
color: var(--es-color-accent-600) !important;
|
|
3074
3126
|
}
|
|
@@ -3661,8 +3713,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3661
3713
|
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, );
|
|
3662
3714
|
}
|
|
3663
3715
|
|
|
3664
|
-
:is(body, #wpwrap #editor) .es\:backdrop-blur-
|
|
3665
|
-
--tw-backdrop-blur: blur(var(--es-blur-
|
|
3716
|
+
:is(body, #wpwrap #editor) .es\:backdrop-blur-sm {
|
|
3717
|
+
--tw-backdrop-blur: blur(var(--es-blur-sm));
|
|
3666
3718
|
-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, );
|
|
3667
3719
|
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, );
|
|
3668
3720
|
}
|
|
@@ -3817,6 +3869,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3817
3869
|
--motion-duration: 1.5s;
|
|
3818
3870
|
}
|
|
3819
3871
|
|
|
3872
|
+
:is(body, #wpwrap #editor) .es\:motion-duration-1750 {
|
|
3873
|
+
--motion-duration: 1.75s;
|
|
3874
|
+
}
|
|
3875
|
+
|
|
3820
3876
|
:is(body, #wpwrap #editor) .es\:no-webkit-highlight {
|
|
3821
3877
|
-webkit-tap-highlight-color: transparent;
|
|
3822
3878
|
}
|
|
@@ -3867,15 +3923,15 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3867
3923
|
:is(body, #wpwrap #editor) .es\:not-motion-reduce\:motion-preset-slide-down-sm {
|
|
3868
3924
|
--motion-origin-translate-y: -5%;
|
|
3869
3925
|
--motion-origin-opacity: 0;
|
|
3870
|
-
--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;
|
|
3871
|
-
--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;
|
|
3872
|
-
animation: var(--motion-
|
|
3926
|
+
--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;
|
|
3927
|
+
--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;
|
|
3928
|
+
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);
|
|
3873
3929
|
}
|
|
3874
3930
|
|
|
3875
3931
|
:is(body, #wpwrap #editor) .es\:not-motion-reduce\:motion-translate-y-out-\[-2\.5\%\] {
|
|
3876
3932
|
--motion-end-translate-y: -2.5%;
|
|
3877
|
-
--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;
|
|
3878
|
-
animation: var(--motion-
|
|
3933
|
+
--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;
|
|
3934
|
+
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);
|
|
3879
3935
|
}
|
|
3880
3936
|
}
|
|
3881
3937
|
|
|
@@ -3883,42 +3939,74 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3883
3939
|
cursor: pointer;
|
|
3884
3940
|
}
|
|
3885
3941
|
|
|
3942
|
+
:is(body, #wpwrap #editor) .es\:group-hover\:text-black:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
|
|
3943
|
+
color: var(--es-color-black);
|
|
3944
|
+
}
|
|
3945
|
+
|
|
3886
3946
|
@media (hover: hover) {
|
|
3887
|
-
:is(body, #wpwrap #editor) .es\:group-hover\:text-black:is(:where(.es\:group):hover *) {
|
|
3947
|
+
:is(body, #wpwrap #editor) .es\:group-hover\:text-black:is(:where(.es\:group):where(:not([data-rac])):hover *) {
|
|
3888
3948
|
color: var(--es-color-black);
|
|
3889
3949
|
}
|
|
3950
|
+
}
|
|
3890
3951
|
|
|
3891
|
-
|
|
3952
|
+
:is(body, #wpwrap #editor) .es\:group-hover\:opacity-100:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
|
|
3953
|
+
opacity: 1;
|
|
3954
|
+
}
|
|
3955
|
+
|
|
3956
|
+
@media (hover: hover) {
|
|
3957
|
+
:is(body, #wpwrap #editor) .es\:group-hover\:opacity-100:is(:where(.es\:group):where(:not([data-rac])):hover *) {
|
|
3892
3958
|
opacity: 1;
|
|
3893
3959
|
}
|
|
3894
3960
|
}
|
|
3895
3961
|
|
|
3896
|
-
:is(body, #wpwrap #editor) .es\:group-focus\:border-accent-500:is(:where(.es\:group):focus *) {
|
|
3962
|
+
:is(body, #wpwrap #editor) .es\:group-focus\:border-accent-500:is(:where(.es\:group):where([data-rac])[data-focused] *), :is(body, #wpwrap #editor) .es\:group-focus\:border-accent-500:is(:where(.es\:group):where(:not([data-rac])):focus *) {
|
|
3897
3963
|
border-color: var(--es-color-accent-500);
|
|
3898
3964
|
}
|
|
3899
3965
|
|
|
3900
|
-
:is(body, #wpwrap #editor) .es\:group-focus\:ring-2:is(:where(.es\:group):focus *) {
|
|
3966
|
+
:is(body, #wpwrap #editor) .es\:group-focus\:ring-2:is(:where(.es\:group):where([data-rac])[data-focused] *), :is(body, #wpwrap #editor) .es\:group-focus\:ring-2:is(:where(.es\:group):where(:not([data-rac])):focus *) {
|
|
3901
3967
|
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3902
3968
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3903
3969
|
}
|
|
3904
3970
|
|
|
3905
|
-
:is(body, #wpwrap #editor) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):
|
|
3971
|
+
:is(body, #wpwrap #editor) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where([data-rac])[data-focused] *) {
|
|
3972
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
3973
|
+
}
|
|
3974
|
+
|
|
3975
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3976
|
+
:is(body, #wpwrap #editor) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where([data-rac])[data-focused] *) {
|
|
3977
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
3978
|
+
}
|
|
3979
|
+
}
|
|
3980
|
+
|
|
3981
|
+
:is(body, #wpwrap #editor) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where(:not([data-rac])):focus *) {
|
|
3906
3982
|
--tw-ring-color: var(--es-color-accent-500);
|
|
3907
3983
|
}
|
|
3908
3984
|
|
|
3909
3985
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3910
|
-
:is(body, #wpwrap #editor) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):focus *) {
|
|
3986
|
+
:is(body, #wpwrap #editor) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where(:not([data-rac])):focus *) {
|
|
3911
3987
|
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
3912
3988
|
}
|
|
3913
3989
|
}
|
|
3914
3990
|
|
|
3915
|
-
:is(body, #wpwrap #editor) .es\:group-focus\:outline-hidden:is(:where(.es\:group):
|
|
3991
|
+
:is(body, #wpwrap #editor) .es\:group-focus\:outline-hidden:is(:where(.es\:group):where([data-rac])[data-focused] *) {
|
|
3992
|
+
--tw-outline-style: none;
|
|
3993
|
+
outline-style: none;
|
|
3994
|
+
}
|
|
3995
|
+
|
|
3996
|
+
@media (forced-colors: active) {
|
|
3997
|
+
:is(body, #wpwrap #editor) .es\:group-focus\:outline-hidden:is(:where(.es\:group):where([data-rac])[data-focused] *) {
|
|
3998
|
+
outline-offset: 2px;
|
|
3999
|
+
outline: 2px solid #0000;
|
|
4000
|
+
}
|
|
4001
|
+
}
|
|
4002
|
+
|
|
4003
|
+
:is(body, #wpwrap #editor) .es\:group-focus\:outline-hidden:is(:where(.es\:group):where(:not([data-rac])):focus *) {
|
|
3916
4004
|
--tw-outline-style: none;
|
|
3917
4005
|
outline-style: none;
|
|
3918
4006
|
}
|
|
3919
4007
|
|
|
3920
4008
|
@media (forced-colors: active) {
|
|
3921
|
-
:is(body, #wpwrap #editor) .es\:group-focus\:outline-hidden:is(:where(.es\:group):focus *) {
|
|
4009
|
+
:is(body, #wpwrap #editor) .es\:group-focus\:outline-hidden:is(:where(.es\:group):where(:not([data-rac])):focus *) {
|
|
3922
4010
|
outline-offset: 2px;
|
|
3923
4011
|
outline: 2px solid #0000;
|
|
3924
4012
|
}
|
|
@@ -4285,200 +4373,424 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4285
4373
|
padding-bottom: calc(var(--es-spacing) * 0);
|
|
4286
4374
|
}
|
|
4287
4375
|
|
|
4288
|
-
:is(body, #wpwrap #editor) .es\:empty\:hidden:empty {
|
|
4376
|
+
:is(body, #wpwrap #editor) .es\:empty\:hidden:where([data-rac])[data-empty], :is(body, #wpwrap #editor) .es\:empty\:hidden:where(:not([data-rac])):empty {
|
|
4289
4377
|
display: none;
|
|
4290
4378
|
}
|
|
4291
4379
|
|
|
4292
|
-
:is(body, #wpwrap #editor) .es\:focus-within\:shadow-md:focus-within {
|
|
4380
|
+
:is(body, #wpwrap #editor) .es\:focus-within\:shadow-md:where([data-rac])[data-focus-within], :is(body, #wpwrap #editor) .es\:focus-within\:shadow-md:where(:not([data-rac])):focus-within {
|
|
4293
4381
|
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
|
|
4294
4382
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4295
4383
|
}
|
|
4296
4384
|
|
|
4385
|
+
:is(body, #wpwrap #editor) .es\:hover\:cursor-grab:where([data-rac])[data-hovered] {
|
|
4386
|
+
cursor: grab;
|
|
4387
|
+
}
|
|
4388
|
+
|
|
4297
4389
|
@media (hover: hover) {
|
|
4298
|
-
:is(body, #wpwrap #editor) .es\:hover\:cursor-grab:hover {
|
|
4390
|
+
:is(body, #wpwrap #editor) .es\:hover\:cursor-grab:where(:not([data-rac])):hover {
|
|
4299
4391
|
cursor: grab;
|
|
4300
4392
|
}
|
|
4393
|
+
}
|
|
4394
|
+
|
|
4395
|
+
:is(body, #wpwrap #editor) .es\:hover\:border-accent-500:where([data-rac])[data-hovered] {
|
|
4396
|
+
border-color: var(--es-color-accent-500);
|
|
4397
|
+
}
|
|
4301
4398
|
|
|
4302
|
-
|
|
4399
|
+
@media (hover: hover) {
|
|
4400
|
+
:is(body, #wpwrap #editor) .es\:hover\:border-accent-500:where(:not([data-rac])):hover {
|
|
4303
4401
|
border-color: var(--es-color-accent-500);
|
|
4304
4402
|
}
|
|
4403
|
+
}
|
|
4305
4404
|
|
|
4306
|
-
|
|
4405
|
+
:is(body, #wpwrap #editor) .es\:hover\:border-red-600:where([data-rac])[data-hovered] {
|
|
4406
|
+
border-color: var(--es-color-red-600);
|
|
4407
|
+
}
|
|
4408
|
+
|
|
4409
|
+
@media (hover: hover) {
|
|
4410
|
+
:is(body, #wpwrap #editor) .es\:hover\:border-red-600:where(:not([data-rac])):hover {
|
|
4307
4411
|
border-color: var(--es-color-red-600);
|
|
4308
4412
|
}
|
|
4413
|
+
}
|
|
4309
4414
|
|
|
4310
|
-
|
|
4415
|
+
:is(body, #wpwrap #editor) .es\:hover\:border-secondary-300:where([data-rac])[data-hovered] {
|
|
4416
|
+
border-color: var(--es-color-secondary-300);
|
|
4417
|
+
}
|
|
4418
|
+
|
|
4419
|
+
@media (hover: hover) {
|
|
4420
|
+
:is(body, #wpwrap #editor) .es\:hover\:border-secondary-300:where(:not([data-rac])):hover {
|
|
4311
4421
|
border-color: var(--es-color-secondary-300);
|
|
4312
4422
|
}
|
|
4423
|
+
}
|
|
4424
|
+
|
|
4425
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-accent-400:where([data-rac])[data-hovered] {
|
|
4426
|
+
background-color: var(--es-color-accent-400);
|
|
4427
|
+
}
|
|
4313
4428
|
|
|
4314
|
-
|
|
4429
|
+
@media (hover: hover) {
|
|
4430
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-accent-400:where(:not([data-rac])):hover {
|
|
4315
4431
|
background-color: var(--es-color-accent-400);
|
|
4316
4432
|
}
|
|
4433
|
+
}
|
|
4317
4434
|
|
|
4318
|
-
|
|
4435
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-red-50:where([data-rac])[data-hovered] {
|
|
4436
|
+
background-color: var(--es-color-red-50);
|
|
4437
|
+
}
|
|
4438
|
+
|
|
4439
|
+
@media (hover: hover) {
|
|
4440
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-red-50:where(:not([data-rac])):hover {
|
|
4319
4441
|
background-color: var(--es-color-red-50);
|
|
4320
4442
|
}
|
|
4443
|
+
}
|
|
4321
4444
|
|
|
4322
|
-
|
|
4445
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-red-500\/15:where([data-rac])[data-hovered] {
|
|
4446
|
+
background-color: var(--es-color-red-500);
|
|
4447
|
+
}
|
|
4448
|
+
|
|
4449
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4450
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-red-500\/15:where([data-rac])[data-hovered] {
|
|
4451
|
+
background-color: color-mix(in oklab, var(--es-color-red-500) 15%, transparent);
|
|
4452
|
+
}
|
|
4453
|
+
}
|
|
4454
|
+
|
|
4455
|
+
@media (hover: hover) {
|
|
4456
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-red-500\/15:where(:not([data-rac])):hover {
|
|
4323
4457
|
background-color: var(--es-color-red-500);
|
|
4324
4458
|
}
|
|
4325
4459
|
|
|
4326
4460
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4327
|
-
:is(body, #wpwrap #editor) .es\:hover\:bg-red-500\/15:hover {
|
|
4461
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-red-500\/15:where(:not([data-rac])):hover {
|
|
4328
4462
|
background-color: color-mix(in oklab, var(--es-color-red-500) 15%, transparent);
|
|
4329
4463
|
}
|
|
4330
4464
|
}
|
|
4465
|
+
}
|
|
4466
|
+
|
|
4467
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-red-600\/5:where([data-rac])[data-hovered] {
|
|
4468
|
+
background-color: var(--es-color-red-600);
|
|
4469
|
+
}
|
|
4470
|
+
|
|
4471
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4472
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-red-600\/5:where([data-rac])[data-hovered] {
|
|
4473
|
+
background-color: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
|
|
4474
|
+
}
|
|
4475
|
+
}
|
|
4331
4476
|
|
|
4332
|
-
|
|
4477
|
+
@media (hover: hover) {
|
|
4478
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-red-600\/5:where(:not([data-rac])):hover {
|
|
4333
4479
|
background-color: var(--es-color-red-600);
|
|
4334
4480
|
}
|
|
4335
4481
|
|
|
4336
4482
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4337
|
-
:is(body, #wpwrap #editor) .es\:hover\:bg-red-600\/5:hover {
|
|
4483
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-red-600\/5:where(:not([data-rac])):hover {
|
|
4338
4484
|
background-color: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
|
|
4339
4485
|
}
|
|
4340
4486
|
}
|
|
4487
|
+
}
|
|
4488
|
+
|
|
4489
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-secondary-100:where([data-rac])[data-hovered] {
|
|
4490
|
+
background-color: var(--es-color-secondary-100);
|
|
4491
|
+
}
|
|
4492
|
+
|
|
4493
|
+
@media (hover: hover) {
|
|
4494
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-secondary-100:where(:not([data-rac])):hover {
|
|
4495
|
+
background-color: var(--es-color-secondary-100);
|
|
4496
|
+
}
|
|
4497
|
+
}
|
|
4498
|
+
|
|
4499
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-secondary-100\/75:where([data-rac])[data-hovered] {
|
|
4500
|
+
background-color: var(--es-color-secondary-100);
|
|
4501
|
+
}
|
|
4502
|
+
|
|
4503
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4504
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-secondary-100\/75:where([data-rac])[data-hovered] {
|
|
4505
|
+
background-color: color-mix(in oklab, var(--es-color-secondary-100) 75%, transparent);
|
|
4506
|
+
}
|
|
4507
|
+
}
|
|
4341
4508
|
|
|
4342
|
-
|
|
4509
|
+
@media (hover: hover) {
|
|
4510
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-secondary-100\/75:where(:not([data-rac])):hover {
|
|
4343
4511
|
background-color: var(--es-color-secondary-100);
|
|
4344
4512
|
}
|
|
4345
4513
|
|
|
4346
4514
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4347
|
-
:is(body, #wpwrap #editor) .es\:hover\:bg-secondary-100\/75:hover {
|
|
4515
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-secondary-100\/75:where(:not([data-rac])):hover {
|
|
4348
4516
|
background-color: color-mix(in oklab, var(--es-color-secondary-100) 75%, transparent);
|
|
4349
4517
|
}
|
|
4350
4518
|
}
|
|
4519
|
+
}
|
|
4351
4520
|
|
|
4352
|
-
|
|
4521
|
+
:is(body, #wpwrap #editor) .es\:hover\:to-secondary-100:where([data-rac])[data-hovered] {
|
|
4522
|
+
--tw-gradient-to: var(--es-color-secondary-100);
|
|
4523
|
+
--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));
|
|
4524
|
+
}
|
|
4525
|
+
|
|
4526
|
+
@media (hover: hover) {
|
|
4527
|
+
:is(body, #wpwrap #editor) .es\:hover\:to-secondary-100:where(:not([data-rac])):hover {
|
|
4353
4528
|
--tw-gradient-to: var(--es-color-secondary-100);
|
|
4354
4529
|
--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));
|
|
4355
4530
|
}
|
|
4531
|
+
}
|
|
4532
|
+
|
|
4533
|
+
:is(body, #wpwrap #editor) .es\:hover\:text-accent-500:where([data-rac])[data-hovered] {
|
|
4534
|
+
color: var(--es-color-accent-500);
|
|
4535
|
+
}
|
|
4356
4536
|
|
|
4357
|
-
|
|
4537
|
+
@media (hover: hover) {
|
|
4538
|
+
:is(body, #wpwrap #editor) .es\:hover\:text-accent-500:where(:not([data-rac])):hover {
|
|
4358
4539
|
color: var(--es-color-accent-500);
|
|
4359
4540
|
}
|
|
4541
|
+
}
|
|
4360
4542
|
|
|
4361
|
-
|
|
4543
|
+
:is(body, #wpwrap #editor) .es\:hover\:text-accent-950:where([data-rac])[data-hovered] {
|
|
4544
|
+
color: var(--es-color-accent-950);
|
|
4545
|
+
}
|
|
4546
|
+
|
|
4547
|
+
@media (hover: hover) {
|
|
4548
|
+
:is(body, #wpwrap #editor) .es\:hover\:text-accent-950:where(:not([data-rac])):hover {
|
|
4362
4549
|
color: var(--es-color-accent-950);
|
|
4363
4550
|
}
|
|
4551
|
+
}
|
|
4364
4552
|
|
|
4365
|
-
|
|
4553
|
+
:is(body, #wpwrap #editor) .es\:hover\:text-red-600:where([data-rac])[data-hovered] {
|
|
4554
|
+
color: var(--es-color-red-600);
|
|
4555
|
+
}
|
|
4556
|
+
|
|
4557
|
+
@media (hover: hover) {
|
|
4558
|
+
:is(body, #wpwrap #editor) .es\:hover\:text-red-600:where(:not([data-rac])):hover {
|
|
4366
4559
|
color: var(--es-color-red-600);
|
|
4367
4560
|
}
|
|
4561
|
+
}
|
|
4562
|
+
|
|
4563
|
+
:is(body, #wpwrap #editor) .es\:hover\:text-red-800:where([data-rac])[data-hovered] {
|
|
4564
|
+
color: var(--es-color-red-800);
|
|
4565
|
+
}
|
|
4368
4566
|
|
|
4369
|
-
|
|
4567
|
+
@media (hover: hover) {
|
|
4568
|
+
:is(body, #wpwrap #editor) .es\:hover\:text-red-800:where(:not([data-rac])):hover {
|
|
4370
4569
|
color: var(--es-color-red-800);
|
|
4371
4570
|
}
|
|
4571
|
+
}
|
|
4372
4572
|
|
|
4373
|
-
|
|
4573
|
+
:is(body, #wpwrap #editor) .es\:hover\:text-red-900:where([data-rac])[data-hovered] {
|
|
4574
|
+
color: var(--es-color-red-900);
|
|
4575
|
+
}
|
|
4576
|
+
|
|
4577
|
+
@media (hover: hover) {
|
|
4578
|
+
:is(body, #wpwrap #editor) .es\:hover\:text-red-900:where(:not([data-rac])):hover {
|
|
4374
4579
|
color: var(--es-color-red-900);
|
|
4375
4580
|
}
|
|
4581
|
+
}
|
|
4582
|
+
|
|
4583
|
+
:is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
|
|
4584
|
+
--tw-shadow-color: var(--es-color-accent-600);
|
|
4585
|
+
}
|
|
4586
|
+
|
|
4587
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4588
|
+
:is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
|
|
4589
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
|
|
4590
|
+
}
|
|
4591
|
+
}
|
|
4376
4592
|
|
|
4377
|
-
|
|
4593
|
+
@media (hover: hover) {
|
|
4594
|
+
:is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
|
|
4378
4595
|
--tw-shadow-color: var(--es-color-accent-600);
|
|
4379
4596
|
}
|
|
4380
4597
|
|
|
4381
4598
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4382
|
-
:is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:hover {
|
|
4599
|
+
:is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
|
|
4383
4600
|
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
|
|
4384
4601
|
}
|
|
4385
4602
|
}
|
|
4603
|
+
}
|
|
4604
|
+
|
|
4605
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-red-100:where([data-rac])[data-hovered] {
|
|
4606
|
+
--tw-inset-shadow-color: var(--es-color-red-100);
|
|
4607
|
+
}
|
|
4608
|
+
|
|
4609
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4610
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-red-100:where([data-rac])[data-hovered] {
|
|
4611
|
+
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-red-100) var(--tw-inset-shadow-alpha), transparent);
|
|
4612
|
+
}
|
|
4613
|
+
}
|
|
4386
4614
|
|
|
4387
|
-
|
|
4615
|
+
@media (hover: hover) {
|
|
4616
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-red-100:where(:not([data-rac])):hover {
|
|
4388
4617
|
--tw-inset-shadow-color: var(--es-color-red-100);
|
|
4389
4618
|
}
|
|
4390
4619
|
|
|
4391
4620
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4392
|
-
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-red-100:hover {
|
|
4621
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-red-100:where(:not([data-rac])):hover {
|
|
4393
4622
|
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-red-100) var(--tw-inset-shadow-alpha), transparent);
|
|
4394
4623
|
}
|
|
4395
4624
|
}
|
|
4625
|
+
}
|
|
4626
|
+
|
|
4627
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-secondary-100:where([data-rac])[data-hovered] {
|
|
4628
|
+
--tw-inset-shadow-color: var(--es-color-secondary-100);
|
|
4629
|
+
}
|
|
4630
|
+
|
|
4631
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4632
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-secondary-100:where([data-rac])[data-hovered] {
|
|
4633
|
+
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) var(--tw-inset-shadow-alpha), transparent);
|
|
4634
|
+
}
|
|
4635
|
+
}
|
|
4396
4636
|
|
|
4397
|
-
|
|
4637
|
+
@media (hover: hover) {
|
|
4638
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-secondary-100:where(:not([data-rac])):hover {
|
|
4398
4639
|
--tw-inset-shadow-color: var(--es-color-secondary-100);
|
|
4399
4640
|
}
|
|
4400
4641
|
|
|
4401
4642
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4402
|
-
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-secondary-100:hover {
|
|
4643
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-secondary-100:where(:not([data-rac])):hover {
|
|
4403
4644
|
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) var(--tw-inset-shadow-alpha), transparent);
|
|
4404
4645
|
}
|
|
4405
4646
|
}
|
|
4647
|
+
}
|
|
4406
4648
|
|
|
4407
|
-
|
|
4649
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-ring-red-100:where([data-rac])[data-hovered] {
|
|
4650
|
+
--tw-inset-ring-color: var(--es-color-red-100);
|
|
4651
|
+
}
|
|
4652
|
+
|
|
4653
|
+
@media (hover: hover) {
|
|
4654
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-ring-red-100:where(:not([data-rac])):hover {
|
|
4408
4655
|
--tw-inset-ring-color: var(--es-color-red-100);
|
|
4409
4656
|
}
|
|
4657
|
+
}
|
|
4658
|
+
|
|
4659
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-ring-secondary-100:where([data-rac])[data-hovered] {
|
|
4660
|
+
--tw-inset-ring-color: var(--es-color-secondary-100);
|
|
4661
|
+
}
|
|
4410
4662
|
|
|
4411
|
-
|
|
4663
|
+
@media (hover: hover) {
|
|
4664
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-ring-secondary-100:where(:not([data-rac])):hover {
|
|
4412
4665
|
--tw-inset-ring-color: var(--es-color-secondary-100);
|
|
4413
4666
|
}
|
|
4667
|
+
}
|
|
4668
|
+
|
|
4669
|
+
:is(body, #wpwrap #editor) .es\:hover\:outline-hidden:where([data-rac])[data-hovered] {
|
|
4670
|
+
--tw-outline-style: none;
|
|
4671
|
+
outline-style: none;
|
|
4672
|
+
}
|
|
4673
|
+
|
|
4674
|
+
@media (forced-colors: active) {
|
|
4675
|
+
:is(body, #wpwrap #editor) .es\:hover\:outline-hidden:where([data-rac])[data-hovered] {
|
|
4676
|
+
outline-offset: 2px;
|
|
4677
|
+
outline: 2px solid #0000;
|
|
4678
|
+
}
|
|
4679
|
+
}
|
|
4414
4680
|
|
|
4415
|
-
|
|
4681
|
+
@media (hover: hover) {
|
|
4682
|
+
:is(body, #wpwrap #editor) .es\:hover\:outline-hidden:where(:not([data-rac])):hover {
|
|
4416
4683
|
--tw-outline-style: none;
|
|
4417
4684
|
outline-style: none;
|
|
4418
4685
|
}
|
|
4419
4686
|
|
|
4420
4687
|
@media (forced-colors: active) {
|
|
4421
|
-
:is(body, #wpwrap #editor) .es\:hover\:outline-hidden:hover {
|
|
4688
|
+
:is(body, #wpwrap #editor) .es\:hover\:outline-hidden:where(:not([data-rac])):hover {
|
|
4422
4689
|
outline-offset: 2px;
|
|
4423
4690
|
outline: 2px solid #0000;
|
|
4424
4691
|
}
|
|
4425
4692
|
}
|
|
4693
|
+
}
|
|
4426
4694
|
|
|
4427
|
-
|
|
4695
|
+
:is(body, #wpwrap #editor) .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where([data-rac])[data-hovered] {
|
|
4696
|
+
background-color: var(--es-color-secondary-100);
|
|
4697
|
+
}
|
|
4698
|
+
|
|
4699
|
+
@media (hover: hover) {
|
|
4700
|
+
:is(body, #wpwrap #editor) .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where(:not([data-rac])):hover {
|
|
4428
4701
|
background-color: var(--es-color-secondary-100);
|
|
4429
4702
|
}
|
|
4703
|
+
}
|
|
4704
|
+
|
|
4705
|
+
:is(body, #wpwrap #editor) .es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where([data-rac])[data-hovered] {
|
|
4706
|
+
color: var(--es-color-secondary-900);
|
|
4707
|
+
}
|
|
4430
4708
|
|
|
4431
|
-
|
|
4709
|
+
@media (hover: hover) {
|
|
4710
|
+
:is(body, #wpwrap #editor) .es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where(:not([data-rac])):hover {
|
|
4432
4711
|
color: var(--es-color-secondary-900);
|
|
4433
4712
|
}
|
|
4713
|
+
}
|
|
4714
|
+
|
|
4715
|
+
:is(body, #wpwrap #editor) .es\:hover\:after\:bg-accent-500:where([data-rac])[data-hovered]:after {
|
|
4716
|
+
content: var(--tw-content);
|
|
4717
|
+
background-color: var(--es-color-accent-500);
|
|
4718
|
+
}
|
|
4434
4719
|
|
|
4435
|
-
|
|
4720
|
+
@media (hover: hover) {
|
|
4721
|
+
:is(body, #wpwrap #editor) .es\:hover\:after\:bg-accent-500:where(:not([data-rac])):hover:after {
|
|
4436
4722
|
content: var(--tw-content);
|
|
4437
4723
|
background-color: var(--es-color-accent-500);
|
|
4438
4724
|
}
|
|
4725
|
+
}
|
|
4439
4726
|
|
|
4440
|
-
|
|
4727
|
+
:is(body, #wpwrap #editor) .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 {
|
|
4728
|
+
content: var(--tw-content);
|
|
4729
|
+
--tw-gradient-from: var(--es-color-secondary-200);
|
|
4730
|
+
--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));
|
|
4731
|
+
}
|
|
4732
|
+
|
|
4733
|
+
@media (hover: hover) {
|
|
4734
|
+
:is(body, #wpwrap #editor) .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 {
|
|
4441
4735
|
content: var(--tw-content);
|
|
4442
4736
|
--tw-gradient-from: var(--es-color-secondary-200);
|
|
4443
4737
|
--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));
|
|
4444
4738
|
}
|
|
4739
|
+
}
|
|
4445
4740
|
|
|
4446
|
-
|
|
4741
|
+
:is(body, #wpwrap #editor) .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 {
|
|
4742
|
+
content: var(--tw-content);
|
|
4743
|
+
--tw-gradient-to: var(--es-color-secondary-300);
|
|
4744
|
+
--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));
|
|
4745
|
+
}
|
|
4746
|
+
|
|
4747
|
+
@media (hover: hover) {
|
|
4748
|
+
:is(body, #wpwrap #editor) .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 {
|
|
4447
4749
|
content: var(--tw-content);
|
|
4448
4750
|
--tw-gradient-to: var(--es-color-secondary-300);
|
|
4449
4751
|
--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));
|
|
4450
4752
|
}
|
|
4451
4753
|
}
|
|
4452
4754
|
|
|
4453
|
-
:is(body, #wpwrap #editor) .es\:focus\:border-accent-500:focus {
|
|
4755
|
+
:is(body, #wpwrap #editor) .es\:focus\:border-accent-500:where([data-rac])[data-focused], :is(body, #wpwrap #editor) .es\:focus\:border-accent-500:where(:not([data-rac])):focus {
|
|
4454
4756
|
border-color: var(--es-color-accent-500);
|
|
4455
4757
|
}
|
|
4456
4758
|
|
|
4457
|
-
:is(body, #wpwrap #editor) .es\:focus\:text-current:focus {
|
|
4759
|
+
:is(body, #wpwrap #editor) .es\:focus\:text-current:where([data-rac])[data-focused], :is(body, #wpwrap #editor) .es\:focus\:text-current:where(:not([data-rac])):focus {
|
|
4458
4760
|
color: currentColor;
|
|
4459
4761
|
}
|
|
4460
4762
|
|
|
4461
|
-
:is(body, #wpwrap #editor) .es\:focus\:shadow-none\!:focus {
|
|
4763
|
+
:is(body, #wpwrap #editor) .es\:focus\:shadow-none\!:where([data-rac])[data-focused], :is(body, #wpwrap #editor) .es\:focus\:shadow-none\!:where(:not([data-rac])):focus {
|
|
4462
4764
|
--tw-shadow: 0 0 #0000 !important;
|
|
4463
4765
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
|
|
4464
4766
|
}
|
|
4465
4767
|
|
|
4466
|
-
:is(body, #wpwrap #editor) .es\:focus\:ring-2:focus {
|
|
4768
|
+
:is(body, #wpwrap #editor) .es\:focus\:ring-2:where([data-rac])[data-focused], :is(body, #wpwrap #editor) .es\:focus\:ring-2:where(:not([data-rac])):focus {
|
|
4467
4769
|
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4468
4770
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4469
4771
|
}
|
|
4470
4772
|
|
|
4471
|
-
:is(body, #wpwrap #editor) .es\:focus\:ring-accent-500\/50:
|
|
4773
|
+
:is(body, #wpwrap #editor) .es\:focus\:ring-accent-500\/50:where([data-rac])[data-focused] {
|
|
4472
4774
|
--tw-ring-color: var(--es-color-accent-500);
|
|
4473
4775
|
}
|
|
4474
4776
|
|
|
4475
4777
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4476
|
-
:is(body, #wpwrap #editor) .es\:focus\:ring-accent-500\/50:
|
|
4778
|
+
:is(body, #wpwrap #editor) .es\:focus\:ring-accent-500\/50:where([data-rac])[data-focused] {
|
|
4477
4779
|
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
4478
4780
|
}
|
|
4479
4781
|
}
|
|
4480
4782
|
|
|
4481
|
-
:is(body, #wpwrap #editor) .es\:
|
|
4783
|
+
:is(body, #wpwrap #editor) .es\:focus\:ring-accent-500\/50:where(:not([data-rac])):focus {
|
|
4784
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
4785
|
+
}
|
|
4786
|
+
|
|
4787
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4788
|
+
:is(body, #wpwrap #editor) .es\:focus\:ring-accent-500\/50:where(:not([data-rac])):focus {
|
|
4789
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
4790
|
+
}
|
|
4791
|
+
}
|
|
4792
|
+
|
|
4793
|
+
:is(body, #wpwrap #editor) .es\:not-readonly\:focus\:shadow-md:not(:where([data-readonly], [readonly])):where([data-rac])[data-focused], :is(body, #wpwrap #editor) .es\:not-readonly\:focus\:shadow-md:not(:where([data-readonly], [readonly])):where(:not([data-rac])):focus {
|
|
4482
4794
|
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
|
|
4483
4795
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4484
4796
|
}
|
|
@@ -4507,6 +4819,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4507
4819
|
background-color: var(--es-color-secondary-100);
|
|
4508
4820
|
}
|
|
4509
4821
|
|
|
4822
|
+
:is(body, #wpwrap #editor) .es\:focus-visible\:text-accent-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4823
|
+
color: var(--es-color-accent-700);
|
|
4824
|
+
}
|
|
4825
|
+
|
|
4510
4826
|
:is(body, #wpwrap #editor) .es\:focus-visible\:text-accent-950:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4511
4827
|
color: var(--es-color-accent-950);
|
|
4512
4828
|
}
|
|
@@ -4534,6 +4850,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4534
4850
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4535
4851
|
}
|
|
4536
4852
|
|
|
4853
|
+
:is(body, #wpwrap #editor) .es\:focus-visible\:ring-accent-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4854
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
4855
|
+
}
|
|
4856
|
+
|
|
4857
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4858
|
+
:is(body, #wpwrap #editor) .es\:focus-visible\:ring-accent-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4859
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
|
|
4860
|
+
}
|
|
4861
|
+
}
|
|
4862
|
+
|
|
4537
4863
|
:is(body, #wpwrap #editor) .es\:focus-visible\:ring-accent-500\/50:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4538
4864
|
--tw-ring-color: var(--es-color-accent-500);
|
|
4539
4865
|
}
|
|
@@ -4564,6 +4890,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4564
4890
|
}
|
|
4565
4891
|
}
|
|
4566
4892
|
|
|
4893
|
+
:is(body, #wpwrap #editor) .es\:focus-visible\:inset-ring-accent-100:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4894
|
+
--tw-inset-ring-color: var(--es-color-accent-100);
|
|
4895
|
+
}
|
|
4896
|
+
|
|
4567
4897
|
:is(body, #wpwrap #editor) .es\:focus-visible\:inset-ring-accent-600:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4568
4898
|
--tw-inset-ring-color: var(--es-color-accent-600);
|
|
4569
4899
|
}
|
|
@@ -4622,26 +4952,71 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4622
4952
|
color: var(--es-color-accent-500);
|
|
4623
4953
|
}
|
|
4624
4954
|
|
|
4625
|
-
:is(body, #wpwrap #editor) .es\:enabled\:cursor-pointer:enabled {
|
|
4955
|
+
:is(body, #wpwrap #editor) .es\:enabled\:not-pending\:cursor-pointer:enabled:not([data-pending]) {
|
|
4626
4956
|
cursor: pointer;
|
|
4627
4957
|
}
|
|
4628
4958
|
|
|
4959
|
+
:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
|
|
4960
|
+
background-color: var(--es-color-accent-500);
|
|
4961
|
+
}
|
|
4962
|
+
|
|
4963
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4964
|
+
:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
|
|
4965
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
|
|
4966
|
+
}
|
|
4967
|
+
}
|
|
4968
|
+
|
|
4629
4969
|
@media (hover: hover) {
|
|
4630
|
-
:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-
|
|
4970
|
+
:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
|
|
4971
|
+
background-color: var(--es-color-accent-500);
|
|
4972
|
+
}
|
|
4973
|
+
|
|
4974
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4975
|
+
:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
|
|
4976
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
|
|
4977
|
+
}
|
|
4978
|
+
}
|
|
4979
|
+
}
|
|
4980
|
+
|
|
4981
|
+
:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
|
|
4982
|
+
background-color: var(--es-color-red-500);
|
|
4983
|
+
}
|
|
4984
|
+
|
|
4985
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4986
|
+
:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
|
|
4987
|
+
background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
|
|
4988
|
+
}
|
|
4989
|
+
}
|
|
4990
|
+
|
|
4991
|
+
@media (hover: hover) {
|
|
4992
|
+
:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
|
|
4631
4993
|
background-color: var(--es-color-red-500);
|
|
4632
4994
|
}
|
|
4633
4995
|
|
|
4634
4996
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4635
|
-
:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-red-500\/5:enabled:hover {
|
|
4997
|
+
:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
|
|
4636
4998
|
background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
|
|
4637
4999
|
}
|
|
4638
5000
|
}
|
|
5001
|
+
}
|
|
4639
5002
|
|
|
4640
|
-
|
|
5003
|
+
:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-secondary-100:enabled:where([data-rac])[data-hovered] {
|
|
5004
|
+
background-color: var(--es-color-secondary-100);
|
|
5005
|
+
}
|
|
5006
|
+
|
|
5007
|
+
@media (hover: hover) {
|
|
5008
|
+
:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-secondary-100:enabled:where(:not([data-rac])):hover {
|
|
4641
5009
|
background-color: var(--es-color-secondary-100);
|
|
4642
5010
|
}
|
|
5011
|
+
}
|
|
5012
|
+
|
|
5013
|
+
:is(body, #wpwrap #editor) .es\:enabled\:hover\:shadow-md:enabled:where([data-rac])[data-hovered] {
|
|
5014
|
+
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
|
|
5015
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5016
|
+
}
|
|
4643
5017
|
|
|
4644
|
-
|
|
5018
|
+
@media (hover: hover) {
|
|
5019
|
+
:is(body, #wpwrap #editor) .es\:enabled\:hover\:shadow-md:enabled:where(:not([data-rac])):hover {
|
|
4645
5020
|
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
|
|
4646
5021
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4647
5022
|
}
|
|
@@ -4651,6 +5026,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4651
5026
|
background-color: var(--es-color-accent-50);
|
|
4652
5027
|
}
|
|
4653
5028
|
|
|
5029
|
+
:is(body, #wpwrap #editor) .es\:enabled\:active\:bg-accent-500\/10:enabled:active {
|
|
5030
|
+
background-color: var(--es-color-accent-500);
|
|
5031
|
+
}
|
|
5032
|
+
|
|
5033
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5034
|
+
:is(body, #wpwrap #editor) .es\:enabled\:active\:bg-accent-500\/10:enabled:active {
|
|
5035
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
|
|
5036
|
+
}
|
|
5037
|
+
}
|
|
5038
|
+
|
|
4654
5039
|
:is(body, #wpwrap #editor) .es\:enabled\:active\:bg-red-500\/10:enabled:active {
|
|
4655
5040
|
background-color: var(--es-color-red-500);
|
|
4656
5041
|
}
|
|
@@ -4847,66 +5232,66 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4847
5232
|
:is(body, #wpwrap #editor) .es\:motion-safe\:motion-preset-slide-down-sm {
|
|
4848
5233
|
--motion-origin-translate-y: -5%;
|
|
4849
5234
|
--motion-origin-opacity: 0;
|
|
4850
|
-
--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;
|
|
4851
|
-
--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;
|
|
4852
|
-
animation: var(--motion-
|
|
5235
|
+
--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;
|
|
5236
|
+
--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;
|
|
5237
|
+
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);
|
|
4853
5238
|
}
|
|
4854
5239
|
|
|
4855
5240
|
:is(body, #wpwrap #editor) .es\:motion-safe\:motion-scale-in-95 {
|
|
4856
5241
|
--motion-origin-scale-x: .95;
|
|
4857
5242
|
--motion-origin-scale-y: .95;
|
|
4858
|
-
--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;
|
|
4859
|
-
animation: var(--motion-
|
|
5243
|
+
--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;
|
|
5244
|
+
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);
|
|
4860
5245
|
}
|
|
4861
5246
|
|
|
4862
5247
|
:is(body, #wpwrap #editor) .es\:motion-safe\:motion-scale-out-90 {
|
|
4863
5248
|
--motion-end-scale-x: .9;
|
|
4864
5249
|
--motion-end-scale-y: .9;
|
|
4865
|
-
--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;
|
|
4866
|
-
animation: var(--motion-
|
|
5250
|
+
--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;
|
|
5251
|
+
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);
|
|
4867
5252
|
}
|
|
4868
5253
|
|
|
4869
5254
|
:is(body, #wpwrap #editor) .es\:motion-safe\:motion-scale-out-95 {
|
|
4870
5255
|
--motion-end-scale-x: .95;
|
|
4871
5256
|
--motion-end-scale-y: .95;
|
|
4872
|
-
--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;
|
|
4873
|
-
animation: var(--motion-
|
|
5257
|
+
--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;
|
|
5258
|
+
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);
|
|
4874
5259
|
}
|
|
4875
5260
|
|
|
4876
5261
|
:is(body, #wpwrap #editor) .es\:motion-safe\:motion-translate-y-in-\[-0\.25rem\] {
|
|
4877
5262
|
--motion-origin-translate-y: -.25rem;
|
|
4878
|
-
--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;
|
|
4879
|
-
animation: var(--motion-
|
|
5263
|
+
--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;
|
|
5264
|
+
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);
|
|
4880
5265
|
}
|
|
4881
5266
|
|
|
4882
5267
|
:is(body, #wpwrap #editor) .es\:motion-safe\:motion-translate-y-in-\[-5\%\] {
|
|
4883
5268
|
--motion-origin-translate-y: -5%;
|
|
4884
|
-
--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;
|
|
4885
|
-
animation: var(--motion-
|
|
5269
|
+
--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;
|
|
5270
|
+
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);
|
|
4886
5271
|
}
|
|
4887
5272
|
|
|
4888
5273
|
:is(body, #wpwrap #editor) .es\:motion-safe\:motion-translate-y-in-\[0\.25rem\] {
|
|
4889
5274
|
--motion-origin-translate-y: .25rem;
|
|
4890
|
-
--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;
|
|
4891
|
-
animation: var(--motion-
|
|
5275
|
+
--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;
|
|
5276
|
+
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);
|
|
4892
5277
|
}
|
|
4893
5278
|
|
|
4894
5279
|
:is(body, #wpwrap #editor) .es\:motion-safe\:motion-translate-y-out-\[-0\.25rem\] {
|
|
4895
5280
|
--motion-end-translate-y: -.25rem;
|
|
4896
|
-
--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;
|
|
4897
|
-
animation: var(--motion-
|
|
5281
|
+
--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;
|
|
5282
|
+
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);
|
|
4898
5283
|
}
|
|
4899
5284
|
|
|
4900
5285
|
:is(body, #wpwrap #editor) .es\:motion-safe\:motion-translate-y-out-\[-5\%\] {
|
|
4901
5286
|
--motion-end-translate-y: -5%;
|
|
4902
|
-
--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;
|
|
4903
|
-
animation: var(--motion-
|
|
5287
|
+
--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;
|
|
5288
|
+
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);
|
|
4904
5289
|
}
|
|
4905
5290
|
|
|
4906
5291
|
:is(body, #wpwrap #editor) .es\:motion-safe\:motion-translate-y-out-\[0\.25rem\] {
|
|
4907
5292
|
--motion-end-translate-y: .25rem;
|
|
4908
|
-
--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;
|
|
4909
|
-
animation: var(--motion-
|
|
5293
|
+
--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;
|
|
5294
|
+
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);
|
|
4910
5295
|
}
|
|
4911
5296
|
|
|
4912
5297
|
:is(body, #wpwrap #editor) .es\:motion-safe\:motion-ease-spring-bouncy {
|
|
@@ -4938,50 +5323,50 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4938
5323
|
|
|
4939
5324
|
:is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=bottom\]\:-motion-translate-y-in-\[5\%\][data-placement="bottom"] {
|
|
4940
5325
|
--motion-origin-translate-y: calc(5% * -1);
|
|
4941
|
-
--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;
|
|
4942
|
-
animation: var(--motion-
|
|
5326
|
+
--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;
|
|
5327
|
+
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);
|
|
4943
5328
|
}
|
|
4944
5329
|
|
|
4945
5330
|
:is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=bottom\]\:motion-translate-y-out-\[-12\.5\%\][data-placement="bottom"] {
|
|
4946
5331
|
--motion-end-translate-y: -12.5%;
|
|
4947
|
-
--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;
|
|
4948
|
-
animation: var(--motion-
|
|
5332
|
+
--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;
|
|
5333
|
+
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);
|
|
4949
5334
|
}
|
|
4950
5335
|
|
|
4951
5336
|
:is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-in-\[5\%\][data-placement="left"] {
|
|
4952
5337
|
--motion-origin-translate-x: 5%;
|
|
4953
|
-
--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;
|
|
4954
|
-
animation: var(--motion-
|
|
5338
|
+
--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;
|
|
5339
|
+
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);
|
|
4955
5340
|
}
|
|
4956
5341
|
|
|
4957
5342
|
:is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-out-\[12\.5\%\][data-placement="left"] {
|
|
4958
5343
|
--motion-end-translate-x: 12.5%;
|
|
4959
|
-
--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;
|
|
4960
|
-
animation: var(--motion-
|
|
5344
|
+
--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;
|
|
5345
|
+
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);
|
|
4961
5346
|
}
|
|
4962
5347
|
|
|
4963
5348
|
:is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=right\]\:-motion-translate-x-in-\[5\%\][data-placement="right"] {
|
|
4964
5349
|
--motion-origin-translate-x: calc(5% * -1);
|
|
4965
|
-
--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;
|
|
4966
|
-
animation: var(--motion-
|
|
5350
|
+
--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;
|
|
5351
|
+
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);
|
|
4967
5352
|
}
|
|
4968
5353
|
|
|
4969
5354
|
:is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=right\]\:motion-translate-x-out-\[-12\.5\%\][data-placement="right"] {
|
|
4970
5355
|
--motion-end-translate-x: -12.5%;
|
|
4971
|
-
--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;
|
|
4972
|
-
animation: var(--motion-
|
|
5356
|
+
--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;
|
|
5357
|
+
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);
|
|
4973
5358
|
}
|
|
4974
5359
|
|
|
4975
5360
|
:is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-in-\[5\%\][data-placement="top"] {
|
|
4976
5361
|
--motion-origin-translate-y: 5%;
|
|
4977
|
-
--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;
|
|
4978
|
-
animation: var(--motion-
|
|
5362
|
+
--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;
|
|
5363
|
+
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);
|
|
4979
5364
|
}
|
|
4980
5365
|
|
|
4981
5366
|
:is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-out-\[12\.5\%\][data-placement="top"] {
|
|
4982
5367
|
--motion-end-translate-y: 12.5%;
|
|
4983
|
-
--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;
|
|
4984
|
-
animation: var(--motion-
|
|
5368
|
+
--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;
|
|
5369
|
+
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);
|
|
4985
5370
|
}
|
|
4986
5371
|
}
|
|
4987
5372
|
|
|
@@ -4989,8 +5374,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4989
5374
|
:is(body, #wpwrap #editor) .es\:motion-reduce\:motion-preset-fade, :is(body, #wpwrap #editor) .es\:motion-reduce\:motion-preset-fade-md {
|
|
4990
5375
|
--motion-origin-opacity: 0;
|
|
4991
5376
|
--motion-duration: .5s;
|
|
4992
|
-
--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;
|
|
4993
|
-
animation: var(--motion-
|
|
5377
|
+
--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;
|
|
5378
|
+
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);
|
|
4994
5379
|
}
|
|
4995
5380
|
}
|
|
4996
5381
|
|
|
@@ -5016,22 +5401,29 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
5016
5401
|
}
|
|
5017
5402
|
}
|
|
5018
5403
|
|
|
5019
|
-
:is(body, #wpwrap #editor) .es\:
|
|
5020
|
-
|
|
5021
|
-
outline-style: none;
|
|
5404
|
+
:is(body, #wpwrap #editor) .es\:pending\:cursor-wait[data-pending] {
|
|
5405
|
+
cursor: wait;
|
|
5022
5406
|
}
|
|
5023
5407
|
|
|
5024
|
-
|
|
5025
|
-
|
|
5026
|
-
|
|
5027
|
-
outline: 2px solid #0000;
|
|
5028
|
-
}
|
|
5408
|
+
:is(body, #wpwrap #editor) .es\:pending\:shadow-none\![data-pending] {
|
|
5409
|
+
--tw-shadow: 0 0 #0000 !important;
|
|
5410
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
|
|
5029
5411
|
}
|
|
5030
5412
|
|
|
5031
5413
|
:is(body, #wpwrap #editor) .es\:enabled\:pressed\:bg-accent-50:enabled[data-pressed] {
|
|
5032
5414
|
background-color: var(--es-color-accent-50);
|
|
5033
5415
|
}
|
|
5034
5416
|
|
|
5417
|
+
:is(body, #wpwrap #editor) .es\:enabled\:pressed\:bg-accent-500\/10:enabled[data-pressed] {
|
|
5418
|
+
background-color: var(--es-color-accent-500);
|
|
5419
|
+
}
|
|
5420
|
+
|
|
5421
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5422
|
+
:is(body, #wpwrap #editor) .es\:enabled\:pressed\:bg-accent-500\/10:enabled[data-pressed] {
|
|
5423
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
|
|
5424
|
+
}
|
|
5425
|
+
}
|
|
5426
|
+
|
|
5035
5427
|
:is(body, #wpwrap #editor) .es\:enabled\:pressed\:bg-red-500\/10:enabled[data-pressed] {
|
|
5036
5428
|
background-color: var(--es-color-red-500);
|
|
5037
5429
|
}
|
|
@@ -5159,6 +5551,25 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
5159
5551
|
}
|
|
5160
5552
|
}
|
|
5161
5553
|
|
|
5554
|
+
:is(body, #wpwrap #editor) .es\:dragging\:scale-110\![data-dragging] {
|
|
5555
|
+
--tw-scale-x: 110% !important;
|
|
5556
|
+
--tw-scale-y: 110% !important;
|
|
5557
|
+
--tw-scale-z: 110% !important;
|
|
5558
|
+
scale: var(--tw-scale-x) var(--tw-scale-y) !important;
|
|
5559
|
+
}
|
|
5560
|
+
|
|
5561
|
+
:is(body, #wpwrap #editor) .es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
|
|
5562
|
+
--tw-outline-style: none;
|
|
5563
|
+
outline-style: none;
|
|
5564
|
+
}
|
|
5565
|
+
|
|
5566
|
+
@media (forced-colors: active) {
|
|
5567
|
+
:is(body, #wpwrap #editor) .es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
|
|
5568
|
+
outline-offset: 2px;
|
|
5569
|
+
outline: 2px solid #0000;
|
|
5570
|
+
}
|
|
5571
|
+
}
|
|
5572
|
+
|
|
5162
5573
|
:is(body, #wpwrap #editor) .es\:readonly\:bg-secondary-50:where([data-readonly], [readonly]) {
|
|
5163
5574
|
background-color: var(--es-color-secondary-50);
|
|
5164
5575
|
}
|
|
@@ -5168,13 +5579,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
5168
5579
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
|
|
5169
5580
|
}
|
|
5170
5581
|
|
|
5171
|
-
:is(body, #wpwrap #editor) .es\:dragging\:scale-110\![data-dragging] {
|
|
5172
|
-
--tw-scale-x: 110% !important;
|
|
5173
|
-
--tw-scale-y: 110% !important;
|
|
5174
|
-
--tw-scale-z: 110% !important;
|
|
5175
|
-
scale: var(--tw-scale-x) var(--tw-scale-y) !important;
|
|
5176
|
-
}
|
|
5177
|
-
|
|
5178
5582
|
:is(body, #wpwrap #editor) .es\:icon\:absolute > svg {
|
|
5179
5583
|
position: absolute;
|
|
5180
5584
|
}
|
|
@@ -5417,112 +5821,252 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
5417
5821
|
}
|
|
5418
5822
|
|
|
5419
5823
|
@layer base {
|
|
5420
|
-
|
|
5421
|
-
|
|
5422
|
-
|
|
5423
|
-
|
|
5424
|
-
|
|
5425
|
-
|
|
5426
|
-
|
|
5427
|
-
|
|
5428
|
-
|
|
5429
|
-
|
|
5430
|
-
|
|
5431
|
-
|
|
5432
|
-
|
|
5433
|
-
|
|
5434
|
-
|
|
5435
|
-
|
|
5436
|
-
|
|
5437
|
-
|
|
5438
|
-
|
|
5439
|
-
|
|
5440
|
-
|
|
5441
|
-
|
|
5442
|
-
|
|
5443
|
-
|
|
5444
|
-
|
|
5445
|
-
|
|
5446
|
-
|
|
5447
|
-
|
|
5448
|
-
|
|
5449
|
-
|
|
5450
|
-
|
|
5451
|
-
|
|
5452
|
-
|
|
5453
|
-
|
|
5454
|
-
|
|
5455
|
-
|
|
5456
|
-
|
|
5457
|
-
|
|
5458
|
-
|
|
5459
|
-
|
|
5460
|
-
|
|
5461
|
-
|
|
5462
|
-
|
|
5463
|
-
|
|
5464
|
-
|
|
5465
|
-
|
|
5466
|
-
|
|
5467
|
-
|
|
5468
|
-
|
|
5469
|
-
|
|
5470
|
-
|
|
5471
|
-
|
|
5472
|
-
|
|
5473
|
-
|
|
5474
|
-
|
|
5475
|
-
|
|
5476
|
-
|
|
5477
|
-
|
|
5478
|
-
|
|
5479
|
-
|
|
5480
|
-
|
|
5481
|
-
|
|
5482
|
-
|
|
5483
|
-
|
|
5484
|
-
|
|
5485
|
-
|
|
5486
|
-
|
|
5487
|
-
|
|
5488
|
-
|
|
5489
|
-
|
|
5490
|
-
|
|
5491
|
-
|
|
5492
|
-
|
|
5493
|
-
|
|
5494
|
-
|
|
5495
|
-
|
|
5496
|
-
|
|
5497
|
-
|
|
5498
|
-
|
|
5499
|
-
|
|
5500
|
-
|
|
5501
|
-
|
|
5502
|
-
|
|
5503
|
-
|
|
5504
|
-
|
|
5505
|
-
|
|
5506
|
-
|
|
5507
|
-
|
|
5508
|
-
|
|
5509
|
-
|
|
5510
|
-
|
|
5511
|
-
|
|
5512
|
-
|
|
5513
|
-
|
|
5514
|
-
|
|
5515
|
-
|
|
5516
|
-
|
|
5517
|
-
|
|
5518
|
-
|
|
5519
|
-
|
|
5520
|
-
|
|
5521
|
-
|
|
5522
|
-
|
|
5523
|
-
|
|
5524
|
-
|
|
5525
|
-
|
|
5824
|
+
@property --motion-bounce {
|
|
5825
|
+
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) ;
|
|
5826
|
+
}
|
|
5827
|
+
|
|
5828
|
+
@property --motion-spring-smooth {
|
|
5829
|
+
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%) ;
|
|
5830
|
+
}
|
|
5831
|
+
|
|
5832
|
+
@property --motion-spring-snappy {
|
|
5833
|
+
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%) ;
|
|
5834
|
+
}
|
|
5835
|
+
|
|
5836
|
+
@property --motion-spring-bouncy {
|
|
5837
|
+
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%) ;
|
|
5838
|
+
}
|
|
5839
|
+
|
|
5840
|
+
@property --motion-spring-bouncier {
|
|
5841
|
+
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%) ;
|
|
5842
|
+
}
|
|
5843
|
+
|
|
5844
|
+
@property --motion-spring-bounciest {
|
|
5845
|
+
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%) ;
|
|
5846
|
+
}
|
|
5847
|
+
|
|
5848
|
+
@property --motion-origin-scale-x {
|
|
5849
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
5850
|
+
}
|
|
5851
|
+
|
|
5852
|
+
@property --motion-origin-scale-y {
|
|
5853
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
5854
|
+
}
|
|
5855
|
+
|
|
5856
|
+
@property --motion-origin-translate-x {
|
|
5857
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
5858
|
+
}
|
|
5859
|
+
|
|
5860
|
+
@property --motion-origin-translate-y {
|
|
5861
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
5862
|
+
}
|
|
5863
|
+
|
|
5864
|
+
@property --motion-origin-rotate {
|
|
5865
|
+
syntax: "*"; inherits: false; initial-value: 0deg;
|
|
5866
|
+
}
|
|
5867
|
+
|
|
5868
|
+
@property --motion-origin-blur {
|
|
5869
|
+
syntax: "*"; inherits: false; initial-value: 0px;
|
|
5870
|
+
}
|
|
5871
|
+
|
|
5872
|
+
@property --motion-origin-grayscale {
|
|
5873
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
5874
|
+
}
|
|
5875
|
+
|
|
5876
|
+
@property --motion-origin-opacity {
|
|
5877
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
5878
|
+
}
|
|
5879
|
+
|
|
5880
|
+
@property --motion-origin-background-color {
|
|
5881
|
+
syntax: "*"; inherits: false;
|
|
5882
|
+
}
|
|
5883
|
+
|
|
5884
|
+
@property --motion-origin-text-color {
|
|
5885
|
+
syntax: "*"; inherits: false;
|
|
5886
|
+
}
|
|
5887
|
+
|
|
5888
|
+
@property --motion-end-scale-x {
|
|
5889
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
5890
|
+
}
|
|
5891
|
+
|
|
5892
|
+
@property --motion-end-scale-y {
|
|
5893
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
5894
|
+
}
|
|
5895
|
+
|
|
5896
|
+
@property --motion-end-translate-x {
|
|
5897
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
5898
|
+
}
|
|
5899
|
+
|
|
5900
|
+
@property --motion-end-translate-y {
|
|
5901
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
5902
|
+
}
|
|
5903
|
+
|
|
5904
|
+
@property --motion-end-rotate {
|
|
5905
|
+
syntax: "*"; inherits: false; initial-value: 0deg;
|
|
5906
|
+
}
|
|
5907
|
+
|
|
5908
|
+
@property --motion-end-blur {
|
|
5909
|
+
syntax: "*"; inherits: false; initial-value: 0px;
|
|
5910
|
+
}
|
|
5911
|
+
|
|
5912
|
+
@property --motion-end-grayscale {
|
|
5913
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
5914
|
+
}
|
|
5915
|
+
|
|
5916
|
+
@property --motion-end-opacity {
|
|
5917
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
5918
|
+
}
|
|
5919
|
+
|
|
5920
|
+
@property --motion-end-background-color {
|
|
5921
|
+
syntax: "*"; inherits: false;
|
|
5922
|
+
}
|
|
5923
|
+
|
|
5924
|
+
@property --motion-end-text-color {
|
|
5925
|
+
syntax: "*"; inherits: false;
|
|
5926
|
+
}
|
|
5927
|
+
|
|
5928
|
+
@property --motion-loop-scale-x {
|
|
5929
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
5930
|
+
}
|
|
5931
|
+
|
|
5932
|
+
@property --motion-loop-scale-y {
|
|
5933
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
5934
|
+
}
|
|
5935
|
+
|
|
5936
|
+
@property --motion-loop-translate-x {
|
|
5937
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
5938
|
+
}
|
|
5939
|
+
|
|
5940
|
+
@property --motion-loop-translate-y {
|
|
5941
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
5942
|
+
}
|
|
5943
|
+
|
|
5944
|
+
@property --motion-loop-rotate {
|
|
5945
|
+
syntax: "*"; inherits: false; initial-value: 0deg;
|
|
5946
|
+
}
|
|
5947
|
+
|
|
5948
|
+
@property --motion-loop-blur {
|
|
5949
|
+
syntax: "*"; inherits: false; initial-value: 0px;
|
|
5950
|
+
}
|
|
5951
|
+
|
|
5952
|
+
@property --motion-loop-grayscale {
|
|
5953
|
+
syntax: "*"; inherits: false; initial-value: 0%;
|
|
5954
|
+
}
|
|
5955
|
+
|
|
5956
|
+
@property --motion-loop-opacity {
|
|
5957
|
+
syntax: "*"; inherits: false; initial-value: 100%;
|
|
5958
|
+
}
|
|
5959
|
+
|
|
5960
|
+
@property --motion-loop-background-color {
|
|
5961
|
+
syntax: "*"; inherits: false;
|
|
5962
|
+
}
|
|
5963
|
+
|
|
5964
|
+
@property --motion-loop-text-color {
|
|
5965
|
+
syntax: "*"; inherits: false;
|
|
5966
|
+
}
|
|
5967
|
+
|
|
5968
|
+
@property --motion-duration {
|
|
5969
|
+
syntax: "*"; inherits: false; initial-value: .7s;
|
|
5970
|
+
}
|
|
5971
|
+
|
|
5972
|
+
@property --motion-timing {
|
|
5973
|
+
syntax: "*"; inherits: false; initial-value: cubic-bezier(.165, .84, .44, 1) ;
|
|
5974
|
+
}
|
|
5975
|
+
|
|
5976
|
+
@property --motion-perceptual-duration-multiplier {
|
|
5977
|
+
syntax: "*"; inherits: false; initial-value: 1;
|
|
5978
|
+
}
|
|
5979
|
+
|
|
5980
|
+
@property --motion-delay {
|
|
5981
|
+
syntax: "*"; inherits: false; initial-value: 0s;
|
|
5982
|
+
}
|
|
5983
|
+
|
|
5984
|
+
@property --motion-loop-count {
|
|
5985
|
+
syntax: "*"; inherits: false; initial-value: infinite;
|
|
5986
|
+
}
|
|
5987
|
+
|
|
5988
|
+
@property --motion-scale-in-animation {
|
|
5989
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
5990
|
+
}
|
|
5991
|
+
|
|
5992
|
+
@property --motion-translate-in-animation {
|
|
5993
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
5994
|
+
}
|
|
5995
|
+
|
|
5996
|
+
@property --motion-rotate-in-animation {
|
|
5997
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
5998
|
+
}
|
|
5999
|
+
|
|
6000
|
+
@property --motion-filter-in-animation {
|
|
6001
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6002
|
+
}
|
|
6003
|
+
|
|
6004
|
+
@property --motion-opacity-in-animation {
|
|
6005
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6006
|
+
}
|
|
6007
|
+
|
|
6008
|
+
@property --motion-background-color-in-animation {
|
|
6009
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6010
|
+
}
|
|
6011
|
+
|
|
6012
|
+
@property --motion-text-color-in-animation {
|
|
6013
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6014
|
+
}
|
|
6015
|
+
|
|
6016
|
+
@property --motion-scale-out-animation {
|
|
6017
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6018
|
+
}
|
|
6019
|
+
|
|
6020
|
+
@property --motion-translate-out-animation {
|
|
6021
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6022
|
+
}
|
|
6023
|
+
|
|
6024
|
+
@property --motion-rotate-out-animation {
|
|
6025
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6026
|
+
}
|
|
6027
|
+
|
|
6028
|
+
@property --motion-filter-out-animation {
|
|
6029
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6030
|
+
}
|
|
6031
|
+
|
|
6032
|
+
@property --motion-opacity-out-animation {
|
|
6033
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6034
|
+
}
|
|
6035
|
+
|
|
6036
|
+
@property --motion-background-color-out-animation {
|
|
6037
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6038
|
+
}
|
|
6039
|
+
|
|
6040
|
+
@property --motion-text-color-out-animation {
|
|
6041
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6042
|
+
}
|
|
6043
|
+
|
|
6044
|
+
@property --motion-scale-loop-animation {
|
|
6045
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6046
|
+
}
|
|
6047
|
+
|
|
6048
|
+
@property --motion-translate-loop-animation {
|
|
6049
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6050
|
+
}
|
|
6051
|
+
|
|
6052
|
+
@property --motion-rotate-loop-animation {
|
|
6053
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6054
|
+
}
|
|
6055
|
+
|
|
6056
|
+
@property --motion-filter-loop-animation {
|
|
6057
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6058
|
+
}
|
|
6059
|
+
|
|
6060
|
+
@property --motion-opacity-loop-animation {
|
|
6061
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6062
|
+
}
|
|
6063
|
+
|
|
6064
|
+
@property --motion-background-color-loop-animation {
|
|
6065
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
6066
|
+
}
|
|
6067
|
+
|
|
6068
|
+
@property --motion-text-color-loop-animation {
|
|
6069
|
+
syntax: "*"; inherits: false; initial-value: none;
|
|
5526
6070
|
}
|
|
5527
6071
|
|
|
5528
6072
|
@media screen and (prefers-reduced-motion: no-preference) {
|