@primer/primitives 7.15.15 → 7.16.0-rc.1899c94b

package/tokens-next-private/css/functional/themes/light-high-contrast.css

@@ -305,6 +305,7 @@
   --fgColor-open: #055d20;
   --fgColor-closed: #8a071e;
   --fgColor-done: #622cbc;
+  --fgColor-upsell: #622cbc;
   --fgColor-sponsors: #971368;
   --bgColor-default: #ffffff;
   --bgColor-muted: #e7ecf0;
@@ -333,6 +334,8 @@
   --bgColor-closed-emphasis: #a0111f;
   --bgColor-done-muted: #faf0fe;
   --bgColor-done-emphasis: #622cbc;
+  --bgColor-upsell-muted: #faf0fe;
+  --bgColor-upsell-emphasis: #622cbc;
   --bgColor-sponsors-muted: #feeff7;
   --bgColor-sponsors-emphasis: #971368;
   --borderColor-default: #20252c;
@@ -358,6 +361,8 @@
   --borderColor-closed-emphasis: #a0111f;
   --borderColor-done-muted: #a371f7;
   --borderColor-done-emphasis: #622cbc;
+  --borderColor-upsell-muted: #a371f766;
+  --borderColor-upsell-emphasis: #622cbc;
   --borderColor-sponsors-muted: #ed4baf;
   --borderColor-sponsors-emphasis: #971368;
   --color-ansi-black: #0e1116;
@@ -407,99 +412,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #023b95;
   --color-prettylights-syntax-meta-diff-range: #622cbc;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
-  --color-scale-black: #010409;
-  --color-scale-transparent: #ffffff00;
-  --color-scale-white: #ffffff;
-  --color-scale-gray-0: #ffffff;
-  --color-scale-gray-1: #e7ecf0;
-  --color-scale-gray-2: #ced5dc;
-  --color-scale-gray-3: #acb6c0;
-  --color-scale-gray-4: #88929d;
-  --color-scale-gray-5: #66707b;
-  --color-scale-gray-6: #4b535d;
-  --color-scale-gray-7: #343b43;
-  --color-scale-gray-8: #20252c;
-  --color-scale-gray-9: #0e1116;
-  --color-scale-blue-0: #dff7ff;
-  --color-scale-blue-1: #9cd7ff;
-  --color-scale-blue-2: #67b3fd;
-  --color-scale-blue-3: #368cf9;
-  --color-scale-blue-4: #1168e3;
-  --color-scale-blue-5: #0349b4;
-  --color-scale-blue-6: #023b95;
-  --color-scale-blue-7: #022f7a;
-  --color-scale-blue-8: #032563;
-  --color-scale-blue-9: #021a4a;
-  --color-scale-green-0: #d2fedb;
-  --color-scale-green-1: #82e596;
-  --color-scale-green-2: #43c663;
-  --color-scale-green-3: #26a148;
-  --color-scale-green-4: #117f32;
-  --color-scale-green-5: #055d20;
-  --color-scale-green-6: #024c1a;
-  --color-scale-green-7: #013d14;
-  --color-scale-green-8: #003110;
-  --color-scale-green-9: #00230b;
-  --color-scale-yellow-0: #fcf7be;
-  --color-scale-yellow-1: #f0ce53;
-  --color-scale-yellow-2: #d5a824;
-  --color-scale-yellow-3: #b58407;
-  --color-scale-yellow-4: #956400;
-  --color-scale-yellow-5: #744500;
-  --color-scale-yellow-6: #603700;
-  --color-scale-yellow-7: #4e2c00;
-  --color-scale-yellow-8: #3f2200;
-  --color-scale-yellow-9: #2e1800;
-  --color-scale-orange-0: #fff2d5;
-  --color-scale-orange-1: #ffc67b;
-  --color-scale-orange-2: #f99636;
-  --color-scale-orange-3: #dc6d1a;
-  --color-scale-orange-4: #b45105;
-  --color-scale-orange-5: #873800;
-  --color-scale-orange-6: #702c00;
-  --color-scale-orange-7: #5b2300;
-  --color-scale-orange-8: #491b00;
-  --color-scale-orange-9: #361200;
-  --color-scale-red-0: #fff0ee;
-  --color-scale-red-1: #ffc1bc;
-  --color-scale-red-2: #ff8e8a;
-  --color-scale-red-3: #ee5a5d;
-  --color-scale-red-4: #d5232c;
-  --color-scale-red-5: #a0111f;
-  --color-scale-red-6: #86061d;
-  --color-scale-red-7: #6e011a;
-  --color-scale-red-8: #5a0016;
-  --color-scale-red-9: #430011;
-  --color-scale-purple-0: #faf0fe;
-  --color-scale-purple-1: #e0c5ff;
-  --color-scale-purple-2: #c49bff;
-  --color-scale-purple-3: #a371f7;
-  --color-scale-purple-4: #844ae7;
-  --color-scale-purple-5: #622cbc;
-  --color-scale-purple-6: #512598;
-  --color-scale-purple-7: #411d7b;
-  --color-scale-purple-8: #341763;
-  --color-scale-purple-9: #260f49;
-  --color-scale-pink-0: #feeff7;
-  --color-scale-pink-1: #ffbde0;
-  --color-scale-pink-2: #fc87ca;
-  --color-scale-pink-3: #ed4baf;
-  --color-scale-pink-4: #c9248e;
-  --color-scale-pink-5: #971368;
-  --color-scale-pink-6: #7d0c57;
-  --color-scale-pink-7: #660847;
-  --color-scale-pink-8: #53043a;
-  --color-scale-pink-9: #3e022b;
-  --color-scale-coral-0: #fff0ed;
-  --color-scale-coral-1: #ffc2b6;
-  --color-scale-coral-2: #ff8f7e;
-  --color-scale-coral-3: #cd3425;
-  --color-scale-coral-4: #ef5b48;
-  --color-scale-coral-5: #9f1710;
-  --color-scale-coral-6: #870706;
-  --color-scale-coral-7: #6f0107;
-  --color-scale-coral-8: #5b0002;
-  --color-scale-coral-9: #430200;
   --shadow-inset: inset 0px 1px 0px 0px #0104090a;
   --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
   --shadow-resting-small: 0px 1px 0px 0px #0104090a;
@@ -816,6 +728,7 @@
     --fgColor-open: #055d20;
     --fgColor-closed: #8a071e;
     --fgColor-done: #622cbc;
+    --fgColor-upsell: #622cbc;
     --fgColor-sponsors: #971368;
     --bgColor-default: #ffffff;
     --bgColor-muted: #e7ecf0;
@@ -844,6 +757,8 @@
     --bgColor-closed-emphasis: #a0111f;
     --bgColor-done-muted: #faf0fe;
     --bgColor-done-emphasis: #622cbc;
+    --bgColor-upsell-muted: #faf0fe;
+    --bgColor-upsell-emphasis: #622cbc;
     --bgColor-sponsors-muted: #feeff7;
     --bgColor-sponsors-emphasis: #971368;
     --borderColor-default: #20252c;
@@ -869,6 +784,8 @@
     --borderColor-closed-emphasis: #a0111f;
     --borderColor-done-muted: #a371f7;
     --borderColor-done-emphasis: #622cbc;
+    --borderColor-upsell-muted: #a371f766;
+    --borderColor-upsell-emphasis: #622cbc;
     --borderColor-sponsors-muted: #ed4baf;
     --borderColor-sponsors-emphasis: #971368;
     --color-ansi-black: #0e1116;
@@ -918,99 +835,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #023b95;
     --color-prettylights-syntax-meta-diff-range: #622cbc;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
-    --color-scale-black: #010409;
-    --color-scale-transparent: #ffffff00;
-    --color-scale-white: #ffffff;
-    --color-scale-gray-0: #ffffff;
-    --color-scale-gray-1: #e7ecf0;
-    --color-scale-gray-2: #ced5dc;
-    --color-scale-gray-3: #acb6c0;
-    --color-scale-gray-4: #88929d;
-    --color-scale-gray-5: #66707b;
-    --color-scale-gray-6: #4b535d;
-    --color-scale-gray-7: #343b43;
-    --color-scale-gray-8: #20252c;
-    --color-scale-gray-9: #0e1116;
-    --color-scale-blue-0: #dff7ff;
-    --color-scale-blue-1: #9cd7ff;
-    --color-scale-blue-2: #67b3fd;
-    --color-scale-blue-3: #368cf9;
-    --color-scale-blue-4: #1168e3;
-    --color-scale-blue-5: #0349b4;
-    --color-scale-blue-6: #023b95;
-    --color-scale-blue-7: #022f7a;
-    --color-scale-blue-8: #032563;
-    --color-scale-blue-9: #021a4a;
-    --color-scale-green-0: #d2fedb;
-    --color-scale-green-1: #82e596;
-    --color-scale-green-2: #43c663;
-    --color-scale-green-3: #26a148;
-    --color-scale-green-4: #117f32;
-    --color-scale-green-5: #055d20;
-    --color-scale-green-6: #024c1a;
-    --color-scale-green-7: #013d14;
-    --color-scale-green-8: #003110;
-    --color-scale-green-9: #00230b;
-    --color-scale-yellow-0: #fcf7be;
-    --color-scale-yellow-1: #f0ce53;
-    --color-scale-yellow-2: #d5a824;
-    --color-scale-yellow-3: #b58407;
-    --color-scale-yellow-4: #956400;
-    --color-scale-yellow-5: #744500;
-    --color-scale-yellow-6: #603700;
-    --color-scale-yellow-7: #4e2c00;
-    --color-scale-yellow-8: #3f2200;
-    --color-scale-yellow-9: #2e1800;
-    --color-scale-orange-0: #fff2d5;
-    --color-scale-orange-1: #ffc67b;
-    --color-scale-orange-2: #f99636;
-    --color-scale-orange-3: #dc6d1a;
-    --color-scale-orange-4: #b45105;
-    --color-scale-orange-5: #873800;
-    --color-scale-orange-6: #702c00;
-    --color-scale-orange-7: #5b2300;
-    --color-scale-orange-8: #491b00;
-    --color-scale-orange-9: #361200;
-    --color-scale-red-0: #fff0ee;
-    --color-scale-red-1: #ffc1bc;
-    --color-scale-red-2: #ff8e8a;
-    --color-scale-red-3: #ee5a5d;
-    --color-scale-red-4: #d5232c;
-    --color-scale-red-5: #a0111f;
-    --color-scale-red-6: #86061d;
-    --color-scale-red-7: #6e011a;
-    --color-scale-red-8: #5a0016;
-    --color-scale-red-9: #430011;
-    --color-scale-purple-0: #faf0fe;
-    --color-scale-purple-1: #e0c5ff;
-    --color-scale-purple-2: #c49bff;
-    --color-scale-purple-3: #a371f7;
-    --color-scale-purple-4: #844ae7;
-    --color-scale-purple-5: #622cbc;
-    --color-scale-purple-6: #512598;
-    --color-scale-purple-7: #411d7b;
-    --color-scale-purple-8: #341763;
-    --color-scale-purple-9: #260f49;
-    --color-scale-pink-0: #feeff7;
-    --color-scale-pink-1: #ffbde0;
-    --color-scale-pink-2: #fc87ca;
-    --color-scale-pink-3: #ed4baf;
-    --color-scale-pink-4: #c9248e;
-    --color-scale-pink-5: #971368;
-    --color-scale-pink-6: #7d0c57;
-    --color-scale-pink-7: #660847;
-    --color-scale-pink-8: #53043a;
-    --color-scale-pink-9: #3e022b;
-    --color-scale-coral-0: #fff0ed;
-    --color-scale-coral-1: #ffc2b6;
-    --color-scale-coral-2: #ff8f7e;
-    --color-scale-coral-3: #cd3425;
-    --color-scale-coral-4: #ef5b48;
-    --color-scale-coral-5: #9f1710;
-    --color-scale-coral-6: #870706;
-    --color-scale-coral-7: #6f0107;
-    --color-scale-coral-8: #5b0002;
-    --color-scale-coral-9: #430200;
     --shadow-inset: inset 0px 1px 0px 0px #0104090a;
     --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
     --shadow-resting-small: 0px 1px 0px 0px #0104090a;

package/tokens-next-private/css/functional/themes/light-tritanopia.css

@@ -305,6 +305,7 @@
   --fgColor-open: #cf222e;
   --fgColor-closed: #6e7781;
   --fgColor-done: #8250df;
+  --fgColor-upsell: #8250df;
   --fgColor-sponsors: #bf3989;
   --bgColor-default: #ffffff;
   --bgColor-muted: #f6f8fa;
@@ -333,6 +334,8 @@
   --bgColor-closed-emphasis: #6e7781;
   --bgColor-done-muted: #fbefff;
   --bgColor-done-emphasis: #8250df;
+  --bgColor-upsell-muted: #fbefff;
+  --bgColor-upsell-emphasis: #8250df;
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
@@ -358,6 +361,8 @@
   --borderColor-closed-emphasis: #6e7781;
   --borderColor-done-muted: #c297ff66;
   --borderColor-done-emphasis: #8250df;
+  --borderColor-upsell-muted: #c297ff66;
+  --borderColor-upsell-emphasis: #8250df;
   --borderColor-sponsors-muted: #ff80c866;
   --borderColor-sponsors-emphasis: #bf3989;
   --color-ansi-black: #24292f;
@@ -407,99 +412,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #0550ae;
   --color-prettylights-syntax-meta-diff-range: #8250df;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-  --color-scale-black: #1f2328;
-  --color-scale-transparent: #ffffff00;
-  --color-scale-white: #ffffff;
-  --color-scale-gray-0: #f6f8fa;
-  --color-scale-gray-1: #eaeef2;
-  --color-scale-gray-2: #d0d7de;
-  --color-scale-gray-3: #afb8c1;
-  --color-scale-gray-4: #8c959f;
-  --color-scale-gray-5: #6e7781;
-  --color-scale-gray-6: #57606a;
-  --color-scale-gray-7: #424a53;
-  --color-scale-gray-8: #32383f;
-  --color-scale-gray-9: #24292f;
-  --color-scale-blue-0: #ddf4ff;
-  --color-scale-blue-1: #b6e3ff;
-  --color-scale-blue-2: #80ccff;
-  --color-scale-blue-3: #54aeff;
-  --color-scale-blue-4: #218bff;
-  --color-scale-blue-5: #0969da;
-  --color-scale-blue-6: #0550ae;
-  --color-scale-blue-7: #033d8b;
-  --color-scale-blue-8: #0a3069;
-  --color-scale-blue-9: #002155;
-  --color-scale-green-0: #ddf4ff;
-  --color-scale-green-1: #b6e3ff;
-  --color-scale-green-2: #80ccff;
-  --color-scale-green-3: #54aeff;
-  --color-scale-green-4: #218bff;
-  --color-scale-green-5: #0969da;
-  --color-scale-green-6: #0550ae;
-  --color-scale-green-7: #033d8b;
-  --color-scale-green-8: #0a3069;
-  --color-scale-green-9: #002155;
-  --color-scale-yellow-0: #fff8c5;
-  --color-scale-yellow-1: #fae17d;
-  --color-scale-yellow-2: #eac54f;
-  --color-scale-yellow-3: #d4a72c;
-  --color-scale-yellow-4: #bf8700;
-  --color-scale-yellow-5: #9a6700;
-  --color-scale-yellow-6: #7d4e00;
-  --color-scale-yellow-7: #633c01;
-  --color-scale-yellow-8: #4d2d00;
-  --color-scale-yellow-9: #3b2300;
-  --color-scale-orange-0: #ffebe9;
-  --color-scale-orange-1: #ffcecb;
-  --color-scale-orange-2: #ffaba8;
-  --color-scale-orange-3: #ff8182;
-  --color-scale-orange-4: #fa4549;
-  --color-scale-orange-5: #cf222e;
-  --color-scale-orange-6: #a40e26;
-  --color-scale-orange-7: #82071e;
-  --color-scale-orange-8: #660018;
-  --color-scale-orange-9: #4c0014;
-  --color-scale-red-0: #ffebe9;
-  --color-scale-red-1: #ffcecb;
-  --color-scale-red-2: #ffaba8;
-  --color-scale-red-3: #ff8182;
-  --color-scale-red-4: #fa4549;
-  --color-scale-red-5: #cf222e;
-  --color-scale-red-6: #a40e26;
-  --color-scale-red-7: #82071e;
-  --color-scale-red-8: #660018;
-  --color-scale-red-9: #4c0014;
-  --color-scale-purple-0: #fbefff;
-  --color-scale-purple-1: #ecd8ff;
-  --color-scale-purple-2: #d8b9ff;
-  --color-scale-purple-3: #c297ff;
-  --color-scale-purple-4: #a475f9;
-  --color-scale-purple-5: #8250df;
-  --color-scale-purple-6: #6639ba;
-  --color-scale-purple-7: #512a97;
-  --color-scale-purple-8: #3e1f79;
-  --color-scale-purple-9: #2e1461;
-  --color-scale-pink-0: #ffeff7;
-  --color-scale-pink-1: #ffd3eb;
-  --color-scale-pink-2: #ffadda;
-  --color-scale-pink-3: #ff80c8;
-  --color-scale-pink-4: #e85aad;
-  --color-scale-pink-5: #bf3989;
-  --color-scale-pink-6: #99286e;
-  --color-scale-pink-7: #772057;
-  --color-scale-pink-8: #611347;
-  --color-scale-pink-9: #4d0336;
-  --color-scale-coral-0: #fff0eb;
-  --color-scale-coral-1: #ffd6cc;
-  --color-scale-coral-2: #ffb4a1;
-  --color-scale-coral-3: #fd8c73;
-  --color-scale-coral-4: #ec6547;
-  --color-scale-coral-5: #c4432b;
-  --color-scale-coral-6: #9e2f1c;
-  --color-scale-coral-7: #801f0f;
-  --color-scale-coral-8: #691105;
-  --color-scale-coral-9: #510901;
   --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
   --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
   --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
@@ -816,6 +728,7 @@
     --fgColor-open: #cf222e;
     --fgColor-closed: #6e7781;
     --fgColor-done: #8250df;
+    --fgColor-upsell: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
     --bgColor-muted: #f6f8fa;
@@ -844,6 +757,8 @@
     --bgColor-closed-emphasis: #6e7781;
     --bgColor-done-muted: #fbefff;
     --bgColor-done-emphasis: #8250df;
+    --bgColor-upsell-muted: #fbefff;
+    --bgColor-upsell-emphasis: #8250df;
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
@@ -869,6 +784,8 @@
     --borderColor-closed-emphasis: #6e7781;
     --borderColor-done-muted: #c297ff66;
     --borderColor-done-emphasis: #8250df;
+    --borderColor-upsell-muted: #c297ff66;
+    --borderColor-upsell-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;
     --borderColor-sponsors-emphasis: #bf3989;
     --color-ansi-black: #24292f;
@@ -918,99 +835,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-    --color-scale-black: #1f2328;
-    --color-scale-transparent: #ffffff00;
-    --color-scale-white: #ffffff;
-    --color-scale-gray-0: #f6f8fa;
-    --color-scale-gray-1: #eaeef2;
-    --color-scale-gray-2: #d0d7de;
-    --color-scale-gray-3: #afb8c1;
-    --color-scale-gray-4: #8c959f;
-    --color-scale-gray-5: #6e7781;
-    --color-scale-gray-6: #57606a;
-    --color-scale-gray-7: #424a53;
-    --color-scale-gray-8: #32383f;
-    --color-scale-gray-9: #24292f;
-    --color-scale-blue-0: #ddf4ff;
-    --color-scale-blue-1: #b6e3ff;
-    --color-scale-blue-2: #80ccff;
-    --color-scale-blue-3: #54aeff;
-    --color-scale-blue-4: #218bff;
-    --color-scale-blue-5: #0969da;
-    --color-scale-blue-6: #0550ae;
-    --color-scale-blue-7: #033d8b;
-    --color-scale-blue-8: #0a3069;
-    --color-scale-blue-9: #002155;
-    --color-scale-green-0: #ddf4ff;
-    --color-scale-green-1: #b6e3ff;
-    --color-scale-green-2: #80ccff;
-    --color-scale-green-3: #54aeff;
-    --color-scale-green-4: #218bff;
-    --color-scale-green-5: #0969da;
-    --color-scale-green-6: #0550ae;
-    --color-scale-green-7: #033d8b;
-    --color-scale-green-8: #0a3069;
-    --color-scale-green-9: #002155;
-    --color-scale-yellow-0: #fff8c5;
-    --color-scale-yellow-1: #fae17d;
-    --color-scale-yellow-2: #eac54f;
-    --color-scale-yellow-3: #d4a72c;
-    --color-scale-yellow-4: #bf8700;
-    --color-scale-yellow-5: #9a6700;
-    --color-scale-yellow-6: #7d4e00;
-    --color-scale-yellow-7: #633c01;
-    --color-scale-yellow-8: #4d2d00;
-    --color-scale-yellow-9: #3b2300;
-    --color-scale-orange-0: #ffebe9;
-    --color-scale-orange-1: #ffcecb;
-    --color-scale-orange-2: #ffaba8;
-    --color-scale-orange-3: #ff8182;
-    --color-scale-orange-4: #fa4549;
-    --color-scale-orange-5: #cf222e;
-    --color-scale-orange-6: #a40e26;
-    --color-scale-orange-7: #82071e;
-    --color-scale-orange-8: #660018;
-    --color-scale-orange-9: #4c0014;
-    --color-scale-red-0: #ffebe9;
-    --color-scale-red-1: #ffcecb;
-    --color-scale-red-2: #ffaba8;
-    --color-scale-red-3: #ff8182;
-    --color-scale-red-4: #fa4549;
-    --color-scale-red-5: #cf222e;
-    --color-scale-red-6: #a40e26;
-    --color-scale-red-7: #82071e;
-    --color-scale-red-8: #660018;
-    --color-scale-red-9: #4c0014;
-    --color-scale-purple-0: #fbefff;
-    --color-scale-purple-1: #ecd8ff;
-    --color-scale-purple-2: #d8b9ff;
-    --color-scale-purple-3: #c297ff;
-    --color-scale-purple-4: #a475f9;
-    --color-scale-purple-5: #8250df;
-    --color-scale-purple-6: #6639ba;
-    --color-scale-purple-7: #512a97;
-    --color-scale-purple-8: #3e1f79;
-    --color-scale-purple-9: #2e1461;
-    --color-scale-pink-0: #ffeff7;
-    --color-scale-pink-1: #ffd3eb;
-    --color-scale-pink-2: #ffadda;
-    --color-scale-pink-3: #ff80c8;
-    --color-scale-pink-4: #e85aad;
-    --color-scale-pink-5: #bf3989;
-    --color-scale-pink-6: #99286e;
-    --color-scale-pink-7: #772057;
-    --color-scale-pink-8: #611347;
-    --color-scale-pink-9: #4d0336;
-    --color-scale-coral-0: #fff0eb;
-    --color-scale-coral-1: #ffd6cc;
-    --color-scale-coral-2: #ffb4a1;
-    --color-scale-coral-3: #fd8c73;
-    --color-scale-coral-4: #ec6547;
-    --color-scale-coral-5: #c4432b;
-    --color-scale-coral-6: #9e2f1c;
-    --color-scale-coral-7: #801f0f;
-    --color-scale-coral-8: #691105;
-    --color-scale-coral-9: #510901;
     --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
     --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
     --shadow-resting-small: 0px 1px 0px 0px #1f23280a;