@stackoverflow/stacks 2.0.7 → 2.0.9
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/css/stacks.css +71 -38
- package/dist/css/stacks.min.css +1 -1
- package/lib/atomic/__snapshots__/color.less.test.ts.snap +1312 -1312
- package/lib/atomic/misc.less +4 -4
- package/lib/atomic/v1/__snapshots__/color.less.test.ts.snap +2354 -2354
- package/lib/base/internal.less +1 -1
- package/lib/components/activity-indicator/activity-indicator.less +5 -5
- package/lib/components/badge/badge.less +3 -3
- package/lib/components/banner/banner.less +6 -6
- package/lib/components/checkbox_radio/checkbox_radio.less +4 -4
- package/lib/components/code-block/code-block.a11y.test.ts +5 -6
- package/lib/components/progress-bar/progress-bar.less +1 -1
- package/lib/components/prose/prose.less +1 -1
- package/lib/components/tag/tag.less +2 -2
- package/lib/components/toggle-switch/toggle-switch.less +2 -2
- package/lib/components/uploader/uploader.less +2 -2
- package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +106 -96
- package/lib/exports/__snapshots__/color.less.test.ts.snap +33 -0
- package/lib/exports/color-mixins.less +2 -0
- package/lib/exports/color-sets.less +27 -0
- package/lib/tsconfig.json +3 -3
- package/package.json +25 -25
package/dist/css/stacks.css
CHANGED
|
@@ -411,11 +411,11 @@ fieldset {
|
|
|
411
411
|
position: relative;
|
|
412
412
|
}
|
|
413
413
|
.s-activity-indicator {
|
|
414
|
-
--_ai-
|
|
414
|
+
--_ai-translucent: var(--translucent-secondary);
|
|
415
415
|
--_ai-bg: var(--theme-secondary-400);
|
|
416
416
|
--_ai-fc: var(--white);
|
|
417
417
|
background-color: var(--_ai-bg);
|
|
418
|
-
box-shadow: 0 0 0 var(--su-static4) var(--_ai-
|
|
418
|
+
box-shadow: 0 0 0 var(--su-static4) var(--_ai-translucent);
|
|
419
419
|
color: var(--_ai-fc);
|
|
420
420
|
border-radius: 1000px;
|
|
421
421
|
display: inline-block;
|
|
@@ -432,14 +432,14 @@ body.theme-highcontrast .s-activity-indicator {
|
|
|
432
432
|
}
|
|
433
433
|
.s-activity-indicator.s-activity-indicator__danger {
|
|
434
434
|
--_ai-bg: var(--red-400);
|
|
435
|
-
--_ai-
|
|
435
|
+
--_ai-translucent: var(--translucent-error);
|
|
436
436
|
}
|
|
437
437
|
body.theme-highcontrast .s-activity-indicator.s-activity-indicator__danger {
|
|
438
438
|
--_ai-bg: var(--red-500);
|
|
439
439
|
}
|
|
440
440
|
.s-activity-indicator.s-activity-indicator__success {
|
|
441
441
|
--_ai-bg: var(--green-400);
|
|
442
|
-
--_ai-
|
|
442
|
+
--_ai-translucent: var(--translucent-success);
|
|
443
443
|
}
|
|
444
444
|
body.theme-highcontrast .s-activity-indicator.s-activity-indicator__success {
|
|
445
445
|
--_ai-bg: var(--green-500);
|
|
@@ -447,7 +447,7 @@ body.theme-highcontrast .s-activity-indicator.s-activity-indicator__success {
|
|
|
447
447
|
.s-activity-indicator.s-activity-indicator__warning {
|
|
448
448
|
--_ai-bg: var(--yellow-400);
|
|
449
449
|
--_ai-fc: var(--_black-static);
|
|
450
|
-
--_ai-
|
|
450
|
+
--_ai-translucent: var(--translucent-warning);
|
|
451
451
|
}
|
|
452
452
|
body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
|
|
453
453
|
--_ai-bg: var(--yellow-500);
|
|
@@ -778,20 +778,20 @@ body.theme-highcontrast .s-badge__staff {
|
|
|
778
778
|
--_ba-fc: var(--theme-secondary-600);
|
|
779
779
|
--_ba-g: calc(var(--su-static4) - var(--su-static1));
|
|
780
780
|
--_ba-before-h: calc(var(--su-static16) - var(--su-static2));
|
|
781
|
-
--_ba-before-icon: url("data:image/svg+xml
|
|
781
|
+
--_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='12' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.528.746c.257-.329.675-.327.93 0l4.42 5.66c.258.329.257.864 0 1.192l-4.42 5.66c-.256.328-.674.327-.93 0l-4.42-5.66c-.257-.329-.256-.865 0-1.192l4.42-5.66z' fill='%23fff'/%3E%3C/svg%3E");
|
|
782
782
|
--_ba-before-mt: calc(var(--su-static1) * -1);
|
|
783
783
|
--_ba-before-w: var(--su-static12);
|
|
784
784
|
}
|
|
785
785
|
.s-badge.s-badge__moderator.s-badge__xs {
|
|
786
786
|
--_ba-before-h: calc(var(--su-static8) + var(--su-static1));
|
|
787
|
-
--_ba-before-icon: url("data:image/svg+xml
|
|
787
|
+
--_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='7' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 .246c.3-.329.701-.327 1 0L6.776 4c.3.329.298.672 0 1L4 8.75c-.299.329-.702.327-1 0L.224 5c-.284-.324-.285-.675 0-1L3 .246z' fill='%23fff'/%3E%3C/svg%3E");
|
|
788
788
|
--_ba-before-mt: 0;
|
|
789
789
|
--_ba-before-w: calc(var(--su-static8) - var(--su-static1));
|
|
790
790
|
}
|
|
791
791
|
.s-badge.s-badge__moderator.s-badge__sm {
|
|
792
792
|
--_ba-g: var(--su-static2);
|
|
793
793
|
--_ba-before-h: calc(var(--su-static12) - var(--su-static1));
|
|
794
|
-
--_ba-before-icon: url("data:image/svg+xml
|
|
794
|
+
--_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='9' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.55.246c.257-.329.647-.327.903 0l3.36 4.66c.256.329.256.864 0 1.192L4.45 10.75c-.257.329-.644.327-.9 0L.192 6.098c-.256-.329-.256-.865 0-1.192L3.55.246z' fill='%23fff'/%3E%3C/svg%3E");
|
|
795
795
|
--_ba-before-mt: 0;
|
|
796
796
|
--_ba-before-w: calc(var(--su-static8) + var(--su-static1));
|
|
797
797
|
}
|
|
@@ -855,7 +855,8 @@ a.s-badge:hover {
|
|
|
855
855
|
text-decoration: none;
|
|
856
856
|
}
|
|
857
857
|
.s-banner {
|
|
858
|
-
--_no-
|
|
858
|
+
--_no-ty-offset: 0;
|
|
859
|
+
--_no-ty: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
|
|
859
860
|
--_no-bc: var(--black-225);
|
|
860
861
|
--_no-bg: var(--black-100);
|
|
861
862
|
--_no-fc: var(--black-500);
|
|
@@ -871,8 +872,7 @@ a.s-badge:hover {
|
|
|
871
872
|
inset: 0 0 auto 0;
|
|
872
873
|
padding: var(--su12);
|
|
873
874
|
position: fixed;
|
|
874
|
-
|
|
875
|
-
transform: translate3d(0, calc(var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8))) * var(--_no-x-offset)), 0);
|
|
875
|
+
transform: translate3d(0, calc(var(--_no-ty) * var(--_no-ty-offset)), 0);
|
|
876
876
|
width: 100%;
|
|
877
877
|
z-index: calc(var(--zi-navigation-fixed) - 1);
|
|
878
878
|
}
|
|
@@ -1010,17 +1010,17 @@ body.theme-highcontrast .s-banner__warning.s-banner__important {
|
|
|
1010
1010
|
background-color: var(--_no-btn-bg-focus, inherit) !important;
|
|
1011
1011
|
}
|
|
1012
1012
|
.s-banner[aria-hidden="true"] {
|
|
1013
|
-
--_no-
|
|
1013
|
+
--_no-ty-offset: -1;
|
|
1014
1014
|
opacity: 0;
|
|
1015
1015
|
visibility: hidden;
|
|
1016
1016
|
}
|
|
1017
1017
|
.s-banner[aria-hidden="false"] {
|
|
1018
|
-
--_no-
|
|
1018
|
+
--_no-ty-offset: 1;
|
|
1019
1019
|
opacity: 1;
|
|
1020
1020
|
visibility: visible;
|
|
1021
1021
|
}
|
|
1022
1022
|
.s-banner[aria-hidden="false"].is-pinned {
|
|
1023
|
-
--_no-
|
|
1023
|
+
--_no-ty-offset: 0;
|
|
1024
1024
|
z-index: calc(var(--zi-navigation-fixed) + 1);
|
|
1025
1025
|
}
|
|
1026
1026
|
.s-banner__body-pt {
|
|
@@ -1814,21 +1814,21 @@ input.s-radio {
|
|
|
1814
1814
|
}
|
|
1815
1815
|
@media (prefers-color-scheme: dark) {
|
|
1816
1816
|
body.theme-system .s-checkbox:checked {
|
|
1817
|
-
--_ch-bg-image: url("data:image/svg+xml
|
|
1817
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
|
|
1818
1818
|
}
|
|
1819
1819
|
body.theme-system .s-checkbox:indeterminate {
|
|
1820
|
-
--_ch-bg-image: url("data:image/svg+xml
|
|
1820
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
|
|
1821
1821
|
}
|
|
1822
1822
|
}
|
|
1823
1823
|
body.theme-dark .s-checkbox:checked,
|
|
1824
1824
|
.theme-dark__forced .s-checkbox:checked,
|
|
1825
1825
|
body.theme-system .theme-dark__forced .s-checkbox:checked {
|
|
1826
|
-
--_ch-bg-image: url("data:image/svg+xml
|
|
1826
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
|
|
1827
1827
|
}
|
|
1828
1828
|
body.theme-dark .s-checkbox:indeterminate,
|
|
1829
1829
|
.theme-dark__forced .s-checkbox:indeterminate,
|
|
1830
1830
|
body.theme-system .theme-dark__forced .s-checkbox:indeterminate {
|
|
1831
|
-
--_ch-bg-image: url("data:image/svg+xml
|
|
1831
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
|
|
1832
1832
|
}
|
|
1833
1833
|
@media (prefers-color-scheme: dark) {
|
|
1834
1834
|
body.theme-highcontrast.theme-system .s-checkbox:checked,
|
|
@@ -1854,10 +1854,10 @@ body.theme-highcontrast.theme-dark .s-checkbox:indeterminate {
|
|
|
1854
1854
|
--_ch-bc-focus: var(--theme-secondary-400);
|
|
1855
1855
|
}
|
|
1856
1856
|
.s-checkbox:checked {
|
|
1857
|
-
--_ch-bg-image: url("data:image/svg+xml
|
|
1857
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(0, 0%, 100%)'/%3E%3C/svg%3E");
|
|
1858
1858
|
}
|
|
1859
1859
|
.s-checkbox:indeterminate {
|
|
1860
|
-
--_ch-bg-image: url("data:image/svg+xml
|
|
1860
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(0, 0%, 100%)'/%3E%3C/svg%3E");
|
|
1861
1861
|
}
|
|
1862
1862
|
.s-checkbox:focus {
|
|
1863
1863
|
border-color: var(--_ch-bc-focus);
|
|
@@ -2944,11 +2944,11 @@ body.theme-highcontrast.theme-dark .s-modal {
|
|
|
2944
2944
|
.s-modal.s-modal__celebration .s-modal--dialog {
|
|
2945
2945
|
background-repeat: repeat-x;
|
|
2946
2946
|
background-position: top -10px center;
|
|
2947
|
-
background-image: url("data:image/svg+xml
|
|
2947
|
+
background-image: url("data:image/svg+xml;,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E%0A");
|
|
2948
2948
|
}
|
|
2949
2949
|
@media (prefers-reduced-motion) {
|
|
2950
2950
|
.s-modal.s-modal__celebration .s-modal--dialog {
|
|
2951
|
-
background-image: url("data:image/svg+xml
|
|
2951
|
+
background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E");
|
|
2952
2952
|
}
|
|
2953
2953
|
}
|
|
2954
2954
|
.s-modal.s-modal__full {
|
|
@@ -4148,7 +4148,7 @@ body.theme-highcontrast .s-progress.s-progress__privilege {
|
|
|
4148
4148
|
}
|
|
4149
4149
|
.s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--stop {
|
|
4150
4150
|
background: var(--theme-secondary-400);
|
|
4151
|
-
box-shadow: 0 0 0 var(--su-static6) var(--
|
|
4151
|
+
box-shadow: 0 0 0 var(--su-static6) var(--translucent-secondary);
|
|
4152
4152
|
}
|
|
4153
4153
|
.s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--bar,
|
|
4154
4154
|
.s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--stop {
|
|
@@ -4666,7 +4666,7 @@ body.theme-highcontrast .s-prose {
|
|
|
4666
4666
|
opacity: var(--_pr-soiler-after-o);
|
|
4667
4667
|
top: var(--_pr-spoiler-after-t);
|
|
4668
4668
|
transition: opacity 0.1s ease-in-out;
|
|
4669
|
-
background-image: url("data:image/svg+xml
|
|
4669
|
+
background-image: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='rgb(132, 141, 149)' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9 17A8 8 0 119 1a8 8 0 010 16zM8 4v6h2V4H8zm0 8v2h2v-2H8z'%3E%3C/path%3E%3C/svg%3E");
|
|
4670
4670
|
background-position: center right;
|
|
4671
4671
|
background-repeat: no-repeat;
|
|
4672
4672
|
color: var(--black-400);
|
|
@@ -5028,7 +5028,7 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
|
|
|
5028
5028
|
padding-left: 0;
|
|
5029
5029
|
}
|
|
5030
5030
|
.s-sidebarwidget .s-sidebarwidget--subnav li {
|
|
5031
|
-
background-image: url("data:image/svg+xml
|
|
5031
|
+
background-image: url("data:image/svg+xml;,%3C?xml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22?%3E%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%207%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m0.72153%200.68446%204.1336%204.3077-4.1336%204.3077%22%20fill%3D%22none%22%20stroke%3D%22var%28--black-225%29%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
|
|
5032
5032
|
background-position: 0 calc((1.2em - calc(var(--su-static8) + var(--su-static2))) / 2);
|
|
5033
5033
|
background-repeat: no-repeat;
|
|
5034
5034
|
background-size: auto calc(var(--su-static8) + var(--su-static2));
|
|
@@ -5037,7 +5037,7 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
|
|
|
5037
5037
|
}
|
|
5038
5038
|
.s-sidebarwidget .s-sidebarwidget--subnav li[aria-current="page"],
|
|
5039
5039
|
.s-sidebarwidget .s-sidebarwidget--subnav li[aria-current="true"] {
|
|
5040
|
-
background-image: url("data:image/svg+xml
|
|
5040
|
+
background-image: url("data:image/svg+xml;,%3C?xml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22?%3E%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%207%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m0.72153%200.68446%204.1336%204.3077-4.1336%204.3077%22%20fill%3D%22none%22%20stroke%3D%22var%28--theme-primary%29%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
|
|
5041
5041
|
color: var(--black);
|
|
5042
5042
|
font-weight: bold;
|
|
5043
5043
|
}
|
|
@@ -5549,7 +5549,7 @@ body.theme-highcontrast a.s-tag.is-selected:focus {
|
|
|
5549
5549
|
}
|
|
5550
5550
|
.s-tag__ignored,
|
|
5551
5551
|
.s-tag.s-tag__ignored {
|
|
5552
|
-
--_ta-before-icon: url("data:image/svg+xml
|
|
5552
|
+
--_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E");
|
|
5553
5553
|
}
|
|
5554
5554
|
.s-tag.s-tag__moderator {
|
|
5555
5555
|
--_ta-bc: var(--orange-300);
|
|
@@ -5592,7 +5592,7 @@ body.theme-highcontrast .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__r
|
|
|
5592
5592
|
}
|
|
5593
5593
|
.s-tag__watched,
|
|
5594
5594
|
.s-tag.s-tag__watched {
|
|
5595
|
-
--_ta-before-icon: url("data:image/svg+xml
|
|
5595
|
+
--_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E");
|
|
5596
5596
|
}
|
|
5597
5597
|
.s-tag .s-tag--dismiss {
|
|
5598
5598
|
align-content: center;
|
|
@@ -5674,7 +5674,7 @@ body.theme-highcontrast a.s-tag:not(.is-selected):active {
|
|
|
5674
5674
|
}
|
|
5675
5675
|
.s-toggle-switch {
|
|
5676
5676
|
--_ts-bg: var(--black-350);
|
|
5677
|
-
--_ts-bg-image: url("data:image/svg+xml
|
|
5677
|
+
--_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(0, 0%, 100%)'/%3e%3c/svg%3e");
|
|
5678
5678
|
--_ts-bg-ps: left center;
|
|
5679
5679
|
--_ts-bs-color: transparent;
|
|
5680
5680
|
--_ts-multiple-bg: unset;
|
|
@@ -5682,13 +5682,13 @@ body.theme-highcontrast a.s-tag:not(.is-selected):active {
|
|
|
5682
5682
|
}
|
|
5683
5683
|
@media (prefers-color-scheme: dark) {
|
|
5684
5684
|
body.theme-system .s-toggle-switch {
|
|
5685
|
-
--_ts-bg-image: url("data:image/svg+xml
|
|
5685
|
+
--_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(210, 3.0000000000000027%, 15%)'/%3e%3c/svg%3e");
|
|
5686
5686
|
}
|
|
5687
5687
|
}
|
|
5688
5688
|
body.theme-dark .s-toggle-switch,
|
|
5689
5689
|
.theme-dark__forced .s-toggle-switch,
|
|
5690
5690
|
body.theme-system .theme-dark__forced .s-toggle-switch {
|
|
5691
|
-
--_ts-bg-image: url("data:image/svg+xml
|
|
5691
|
+
--_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(210, 3.0000000000000027%, 15%)'/%3e%3c/svg%3e");
|
|
5692
5692
|
}
|
|
5693
5693
|
fieldset[disabled] .s-toggle-switch,
|
|
5694
5694
|
.s-toggle-switch[disabled],
|
|
@@ -6144,7 +6144,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
|
|
|
6144
6144
|
}
|
|
6145
6145
|
}
|
|
6146
6146
|
.s-uploader {
|
|
6147
|
-
--_up-bg-b-image: url("data:image/svg+xml
|
|
6147
|
+
--_up-bg-b-image: url("data:image/svg+xml;,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23000000' stroke-width='8' stroke-dasharray='7%2c 22' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
|
|
6148
6148
|
--_up-bg: var(--black-100);
|
|
6149
6149
|
--_up-bg-focus: var(--black-150);
|
|
6150
6150
|
--_up-bg-bc: var(--black-250);
|
|
@@ -6290,7 +6290,7 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
|
|
|
6290
6290
|
object-fit: cover;
|
|
6291
6291
|
}
|
|
6292
6292
|
.s-uploader .s-uploader--previews.has-multiple .s-uploader--preview-thumbnail:not(img) {
|
|
6293
|
-
background-image: url("data:image/svg+xml
|
|
6293
|
+
background-image: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='%23535A60' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M3 3a2 2 0 012-2h6l4 4v10a2 2 0 01-2 2H5a2 2 0 01-2-2V3zm7-1.5V6h4.5L10 1.5z'%3E%3C/path%3E%3C/svg%3E");
|
|
6294
6294
|
background-position: center;
|
|
6295
6295
|
background-repeat: no-repeat;
|
|
6296
6296
|
}
|
|
@@ -7561,6 +7561,11 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
|
|
|
7561
7561
|
--bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.06), 0 2px 6px hsla(0, 0%, 0%, 0.06), 0 3px 8px hsla(0, 0%, 0%, 0.09);
|
|
7562
7562
|
--bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.09), 0 3px 8px hsla(0, 0%, 0%, 0.09), 0 4px 13px hsla(0, 0%, 0%, 0.13);
|
|
7563
7563
|
--bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.05), 0 20px 48px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.1);
|
|
7564
|
+
--translucent-secondary: var(--theme-secondary-custom-translucent, hsla(206, 100%, 40%, 0.15));
|
|
7565
|
+
--translucent-success: hsla(140, 40%, 75%, 0.4);
|
|
7566
|
+
--translucent-warning: hsla(47, 79%, 58%, 0.4);
|
|
7567
|
+
--translucent-error: hsla(358, 62%, 47%, 0.15);
|
|
7568
|
+
--translucent-muted: hsla(210, 8%, 15%, 0.1);
|
|
7564
7569
|
--focus-ring: var(--theme-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.15));
|
|
7565
7570
|
--focus-ring-success: hsla(140, 40%, 75%, 0.4);
|
|
7566
7571
|
--focus-ring-warning: hsla(47, 79%, 58%, 0.4);
|
|
@@ -7608,6 +7613,7 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
|
|
|
7608
7613
|
--theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -.6)));
|
|
7609
7614
|
--theme-secondary-custom: var(--theme-secondary-custom-400);
|
|
7610
7615
|
--theme-secondary-custom-focus-ring: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
|
|
7616
|
+
--theme-secondary-custom-translucent: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
|
|
7611
7617
|
color: var(--theme-body-font-color, var(--black-600));
|
|
7612
7618
|
}
|
|
7613
7619
|
body:not(.theme-highcontrast).theme-dark,
|
|
@@ -7687,6 +7693,11 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7687
7693
|
--bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
|
|
7688
7694
|
--bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
|
|
7689
7695
|
--bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
|
|
7696
|
+
--translucent-secondary: var(--theme-dark-secondary-custom-translucent, hsla(206, 100%, 40%, 0.25));
|
|
7697
|
+
--translucent-success: hsla(140, 40%, 75%, 0.4);
|
|
7698
|
+
--translucent-warning: hsla(47, 79%, 58%, 0.4);
|
|
7699
|
+
--translucent-error: hsla(358, 62%, 47%, 0.15);
|
|
7700
|
+
--translucent-muted: hsla(210, 8%, 15%, 0.1);
|
|
7690
7701
|
--focus-ring: var(--theme-dark-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.25));
|
|
7691
7702
|
--focus-ring-success: hsla(140, 40%, 75%, 0.4);
|
|
7692
7703
|
--focus-ring-warning: hsla(47, 79%, 58%, 0.4);
|
|
@@ -7734,6 +7745,7 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7734
7745
|
--theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .8)));
|
|
7735
7746
|
--theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
|
|
7736
7747
|
--theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
|
|
7748
|
+
--theme-dark-secondary-custom-translucent: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
|
|
7737
7749
|
color: var(--theme-body-font-color, var(--black-600));
|
|
7738
7750
|
}
|
|
7739
7751
|
@media (prefers-color-scheme: dark) {
|
|
@@ -7811,6 +7823,11 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7811
7823
|
--bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
|
|
7812
7824
|
--bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
|
|
7813
7825
|
--bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
|
|
7826
|
+
--translucent-secondary: var(--theme-dark-secondary-custom-translucent, hsla(206, 100%, 40%, 0.25));
|
|
7827
|
+
--translucent-success: hsla(140, 40%, 75%, 0.4);
|
|
7828
|
+
--translucent-warning: hsla(47, 79%, 58%, 0.4);
|
|
7829
|
+
--translucent-error: hsla(358, 62%, 47%, 0.15);
|
|
7830
|
+
--translucent-muted: hsla(210, 8%, 15%, 0.1);
|
|
7814
7831
|
--focus-ring: var(--theme-dark-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.25));
|
|
7815
7832
|
--focus-ring-success: hsla(140, 40%, 75%, 0.4);
|
|
7816
7833
|
--focus-ring-warning: hsla(47, 79%, 58%, 0.4);
|
|
@@ -7858,6 +7875,7 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7858
7875
|
--theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .8)));
|
|
7859
7876
|
--theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
|
|
7860
7877
|
--theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
|
|
7878
|
+
--theme-dark-secondary-custom-translucent: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
|
|
7861
7879
|
color: var(--theme-body-font-color, var(--black-600));
|
|
7862
7880
|
}
|
|
7863
7881
|
}
|
|
@@ -7935,6 +7953,11 @@ body.theme-highcontrast.theme-system .theme-light__forced {
|
|
|
7935
7953
|
--bs-md: none;
|
|
7936
7954
|
--bs-lg: none;
|
|
7937
7955
|
--bs-xl: none;
|
|
7956
|
+
--translucent-secondary: hsla(206, 100%, 40%, 0.9);
|
|
7957
|
+
--translucent-success: hsla(140, 40%, 40%, 0.9);
|
|
7958
|
+
--translucent-warning: hsla(47, 76%, 46%, 0.9);
|
|
7959
|
+
--translucent-error: hsla(358, 62%, 47%, 0.9);
|
|
7960
|
+
--translucent-muted: hsla(210, 8%, 55%, 0.95);
|
|
7938
7961
|
--focus-ring: hsla(206, 100%, 40%, 0.9);
|
|
7939
7962
|
--focus-ring-success: hsla(140, 40%, 40%, 0.9);
|
|
7940
7963
|
--focus-ring-warning: hsla(47, 76%, 46%, 0.9);
|
|
@@ -8042,6 +8065,11 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
|
|
|
8042
8065
|
--bs-md: none;
|
|
8043
8066
|
--bs-lg: none;
|
|
8044
8067
|
--bs-xl: none;
|
|
8068
|
+
--translucent-secondary: hsla(206, 100%, 40%, 0.9);
|
|
8069
|
+
--translucent-success: hsla(140, 40%, 40%, 0.9);
|
|
8070
|
+
--translucent-warning: hsla(47, 76%, 46%, 0.9);
|
|
8071
|
+
--translucent-error: hsla(358, 62%, 47%, 0.9);
|
|
8072
|
+
--translucent-muted: hsla(210, 8%, 55%, 0.95);
|
|
8045
8073
|
--focus-ring: hsla(206, 100%, 40%, 0.9);
|
|
8046
8074
|
--focus-ring-success: hsla(140, 40%, 40%, 0.9);
|
|
8047
8075
|
--focus-ring-warning: hsla(47, 76%, 46%, 0.9);
|
|
@@ -8149,6 +8177,11 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
|
|
|
8149
8177
|
--bs-md: none;
|
|
8150
8178
|
--bs-lg: none;
|
|
8151
8179
|
--bs-xl: none;
|
|
8180
|
+
--translucent-secondary: hsla(206, 100%, 40%, 0.9);
|
|
8181
|
+
--translucent-success: hsla(140, 40%, 40%, 0.9);
|
|
8182
|
+
--translucent-warning: hsla(47, 76%, 46%, 0.9);
|
|
8183
|
+
--translucent-error: hsla(358, 62%, 47%, 0.9);
|
|
8184
|
+
--translucent-muted: hsla(210, 8%, 55%, 0.95);
|
|
8152
8185
|
--focus-ring: hsla(206, 100%, 40%, 0.9);
|
|
8153
8186
|
--focus-ring-success: hsla(140, 40%, 40%, 0.9);
|
|
8154
8187
|
--focus-ring-warning: hsla(47, 76%, 46%, 0.9);
|
|
@@ -20252,17 +20285,17 @@ ol {
|
|
|
20252
20285
|
.bg-confetti-animated {
|
|
20253
20286
|
background-repeat: repeat-x;
|
|
20254
20287
|
background-position: top -10px center;
|
|
20255
|
-
background-image: url("data:image/svg+xml
|
|
20288
|
+
background-image: url("data:image/svg+xml;,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E%0A");
|
|
20256
20289
|
}
|
|
20257
20290
|
@media (prefers-reduced-motion) {
|
|
20258
20291
|
.bg-confetti-animated {
|
|
20259
|
-
background-image: url("data:image/svg+xml
|
|
20292
|
+
background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E");
|
|
20260
20293
|
}
|
|
20261
20294
|
}
|
|
20262
20295
|
.bg-confetti-static {
|
|
20263
20296
|
background-repeat: repeat-x;
|
|
20264
20297
|
background-position: top -10px center;
|
|
20265
|
-
background-image: url("data:image/svg+xml
|
|
20298
|
+
background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E");
|
|
20266
20299
|
}
|
|
20267
20300
|
.of-contain {
|
|
20268
20301
|
object-fit: contain !important;
|
|
@@ -20722,11 +20755,11 @@ ol {
|
|
|
20722
20755
|
outline: 0 !important;
|
|
20723
20756
|
}
|
|
20724
20757
|
.outline-ring {
|
|
20725
|
-
outline: solid var(--su-static4) var(--
|
|
20758
|
+
outline: solid var(--su-static4) var(--translucent-secondary);
|
|
20726
20759
|
}
|
|
20727
20760
|
.f\:outline-ring:focus,
|
|
20728
20761
|
.f\:outline-ring:focus-within {
|
|
20729
|
-
outline: solid var(--su-static4) var(--
|
|
20762
|
+
outline: solid var(--su-static4) var(--translucent-secondary);
|
|
20730
20763
|
}
|
|
20731
20764
|
.fill-current {
|
|
20732
20765
|
fill: currentColor !important;
|