@guebbit/css-toolkit 1.1.3 → 1.2.2

package/test/test.css

@@ -4,10 +4,23 @@
  * color-opaque(#fff, rgba(0, 0, 0, .5)) => #808080
  * function credited to https://getbootstrap.com/
  */
+/**
+ * Tint a color
+ */
+/**
+ * Shade a color
+ */
 /**
  * Shade the color if the weight is positive, else tint it
  * function credited to https://getbootstrap.com/
  */
+/**
+ * Return WCAG2.1 relative luminance
+ * See https://www.w3.org/TR/WCAG/#dfn-relative-luminance
+ * See https://en.wikipedia.org/wiki/Relative_luminance
+ * Gives %, less than 50 darker is better, less than 50, lighter.
+ * Function like color.channel($color, "lightness", $space: hsl) gives a different %
+ */
 /**
  * Compares contrast of a given color to the light/dark arguments and returns whichever is most "contrasty"
  */
@@ -553,131 +566,131 @@
 }
 
 .blue-600-text {
-  color: rgb(1.7442622951, 86.3409836066, 211.0557377049) !important;
+  color: rgb(10.4, 88, 202.4) !important;
 }
 
 .blue-600-border {
-  border-color: rgb(1.7442622951, 86.3409836066, 211.0557377049) !important;
+  border-color: rgb(10.4, 88, 202.4) !important;
 }
 
 .blue-600-bg {
-  background: rgb(1.7442622951, 86.3409836066, 211.0557377049) !important;
+  background: rgb(10.4, 88, 202.4) !important;
 }
 
 .blue-600-pseudo-bg::after, .blue-600-pseudo-bg::before {
-  background: rgb(1.7442622951, 86.3409836066, 211.0557377049) !important;
+  background: rgb(10.4, 88, 202.4) !important;
 }
 
 .blue-600-hover-text:hover {
-  color: rgb(1.7442622951, 86.3409836066, 211.0557377049) !important;
+  color: rgb(10.4, 88, 202.4) !important;
 }
 
 .blue-600-hover-border:hover {
-  border-color: rgb(1.7442622951, 86.3409836066, 211.0557377049) !important;
+  border-color: rgb(10.4, 88, 202.4) !important;
 }
 
 .blue-600-hover-bg:hover {
-  background: rgb(1.7442622951, 86.3409836066, 211.0557377049) !important;
+  background: rgb(10.4, 88, 202.4) !important;
 }
 
 .blue-600-hover-pseudo-bg:hover::after, .blue-600-hover-pseudo-bg:hover::before {
-  background: rgb(1.7442622951, 86.3409836066, 211.0557377049) !important;
+  background: rgb(10.4, 88, 202.4) !important;
 }
 
 .blue-700-text {
-  color: rgb(1.3081967213, 64.7557377049, 158.2918032787) !important;
+  color: rgb(7.8, 66, 151.8) !important;
 }
 
 .blue-700-border {
-  border-color: rgb(1.3081967213, 64.7557377049, 158.2918032787) !important;
+  border-color: rgb(7.8, 66, 151.8) !important;
 }
 
 .blue-700-bg {
-  background: rgb(1.3081967213, 64.7557377049, 158.2918032787) !important;
+  background: rgb(7.8, 66, 151.8) !important;
 }
 
 .blue-700-pseudo-bg::after, .blue-700-pseudo-bg::before {
-  background: rgb(1.3081967213, 64.7557377049, 158.2918032787) !important;
+  background: rgb(7.8, 66, 151.8) !important;
 }
 
 .blue-700-hover-text:hover {
-  color: rgb(1.3081967213, 64.7557377049, 158.2918032787) !important;
+  color: rgb(7.8, 66, 151.8) !important;
 }
 
 .blue-700-hover-border:hover {
-  border-color: rgb(1.3081967213, 64.7557377049, 158.2918032787) !important;
+  border-color: rgb(7.8, 66, 151.8) !important;
 }
 
 .blue-700-hover-bg:hover {
-  background: rgb(1.3081967213, 64.7557377049, 158.2918032787) !important;
+  background: rgb(7.8, 66, 151.8) !important;
 }
 
 .blue-700-hover-pseudo-bg:hover::after, .blue-700-hover-pseudo-bg:hover::before {
-  background: rgb(1.3081967213, 64.7557377049, 158.2918032787) !important;
+  background: rgb(7.8, 66, 151.8) !important;
 }
 
 .blue-800-text {
-  color: rgb(0.8721311475, 43.1704918033, 105.5278688525) !important;
+  color: rgb(5.2, 44, 101.2) !important;
 }
 
 .blue-800-border {
-  border-color: rgb(0.8721311475, 43.1704918033, 105.5278688525) !important;
+  border-color: rgb(5.2, 44, 101.2) !important;
 }
 
 .blue-800-bg {
-  background: rgb(0.8721311475, 43.1704918033, 105.5278688525) !important;
+  background: rgb(5.2, 44, 101.2) !important;
 }
 
 .blue-800-pseudo-bg::after, .blue-800-pseudo-bg::before {
-  background: rgb(0.8721311475, 43.1704918033, 105.5278688525) !important;
+  background: rgb(5.2, 44, 101.2) !important;
 }
 
 .blue-800-hover-text:hover {
-  color: rgb(0.8721311475, 43.1704918033, 105.5278688525) !important;
+  color: rgb(5.2, 44, 101.2) !important;
 }
 
 .blue-800-hover-border:hover {
-  border-color: rgb(0.8721311475, 43.1704918033, 105.5278688525) !important;
+  border-color: rgb(5.2, 44, 101.2) !important;
 }
 
 .blue-800-hover-bg:hover {
-  background: rgb(0.8721311475, 43.1704918033, 105.5278688525) !important;
+  background: rgb(5.2, 44, 101.2) !important;
 }
 
 .blue-800-hover-pseudo-bg:hover::after, .blue-800-hover-pseudo-bg:hover::before {
-  background: rgb(0.8721311475, 43.1704918033, 105.5278688525) !important;
+  background: rgb(5.2, 44, 101.2) !important;
 }
 
 .blue-900-text {
-  color: rgb(0.4360655738, 21.5852459016, 52.7639344262) !important;
+  color: rgb(2.6, 22, 50.6) !important;
 }
 
 .blue-900-border {
-  border-color: rgb(0.4360655738, 21.5852459016, 52.7639344262) !important;
+  border-color: rgb(2.6, 22, 50.6) !important;
 }
 
 .blue-900-bg {
-  background: rgb(0.4360655738, 21.5852459016, 52.7639344262) !important;
+  background: rgb(2.6, 22, 50.6) !important;
 }
 
 .blue-900-pseudo-bg::after, .blue-900-pseudo-bg::before {
-  background: rgb(0.4360655738, 21.5852459016, 52.7639344262) !important;
+  background: rgb(2.6, 22, 50.6) !important;
 }
 
 .blue-900-hover-text:hover {
-  color: rgb(0.4360655738, 21.5852459016, 52.7639344262) !important;
+  color: rgb(2.6, 22, 50.6) !important;
 }
 
 .blue-900-hover-border:hover {
-  border-color: rgb(0.4360655738, 21.5852459016, 52.7639344262) !important;
+  border-color: rgb(2.6, 22, 50.6) !important;
 }
 
 .blue-900-hover-bg:hover {
-  background: rgb(0.4360655738, 21.5852459016, 52.7639344262) !important;
+  background: rgb(2.6, 22, 50.6) !important;
 }
 
 .blue-900-hover-pseudo-bg:hover::after, .blue-900-hover-pseudo-bg:hover::before {
-  background: rgb(0.4360655738, 21.5852459016, 52.7639344262) !important;
+  background: rgb(2.6, 22, 50.6) !important;
 }
 
 .indigo-100-text {
@@ -841,131 +854,131 @@
 }
 
 .indigo-600-text {
-  color: rgb(81.0857142857, 10.6476190476, 195.7523809524) !important;
+  color: rgb(81.6, 12.8, 193.6) !important;
 }
 
 .indigo-600-border {
-  border-color: rgb(81.0857142857, 10.6476190476, 195.7523809524) !important;
+  border-color: rgb(81.6, 12.8, 193.6) !important;
 }
 
 .indigo-600-bg {
-  background: rgb(81.0857142857, 10.6476190476, 195.7523809524) !important;
+  background: rgb(81.6, 12.8, 193.6) !important;
 }
 
 .indigo-600-pseudo-bg::after, .indigo-600-pseudo-bg::before {
-  background: rgb(81.0857142857, 10.6476190476, 195.7523809524) !important;
+  background: rgb(81.6, 12.8, 193.6) !important;
 }
 
 .indigo-600-hover-text:hover {
-  color: rgb(81.0857142857, 10.6476190476, 195.7523809524) !important;
+  color: rgb(81.6, 12.8, 193.6) !important;
 }
 
 .indigo-600-hover-border:hover {
-  border-color: rgb(81.0857142857, 10.6476190476, 195.7523809524) !important;
+  border-color: rgb(81.6, 12.8, 193.6) !important;
 }
 
 .indigo-600-hover-bg:hover {
-  background: rgb(81.0857142857, 10.6476190476, 195.7523809524) !important;
+  background: rgb(81.6, 12.8, 193.6) !important;
 }
 
 .indigo-600-hover-pseudo-bg:hover::after, .indigo-600-hover-pseudo-bg:hover::before {
-  background: rgb(81.0857142857, 10.6476190476, 195.7523809524) !important;
+  background: rgb(81.6, 12.8, 193.6) !important;
 }
 
 .indigo-700-text {
-  color: rgb(60.8142857143, 7.9857142857, 146.8142857143) !important;
+  color: rgb(61.2, 9.6, 145.2) !important;
 }
 
 .indigo-700-border {
-  border-color: rgb(60.8142857143, 7.9857142857, 146.8142857143) !important;
+  border-color: rgb(61.2, 9.6, 145.2) !important;
 }
 
 .indigo-700-bg {
-  background: rgb(60.8142857143, 7.9857142857, 146.8142857143) !important;
+  background: rgb(61.2, 9.6, 145.2) !important;
 }
 
 .indigo-700-pseudo-bg::after, .indigo-700-pseudo-bg::before {
-  background: rgb(60.8142857143, 7.9857142857, 146.8142857143) !important;
+  background: rgb(61.2, 9.6, 145.2) !important;
 }
 
 .indigo-700-hover-text:hover {
-  color: rgb(60.8142857143, 7.9857142857, 146.8142857143) !important;
+  color: rgb(61.2, 9.6, 145.2) !important;
 }
 
 .indigo-700-hover-border:hover {
-  border-color: rgb(60.8142857143, 7.9857142857, 146.8142857143) !important;
+  border-color: rgb(61.2, 9.6, 145.2) !important;
 }
 
 .indigo-700-hover-bg:hover {
-  background: rgb(60.8142857143, 7.9857142857, 146.8142857143) !important;
+  background: rgb(61.2, 9.6, 145.2) !important;
 }
 
 .indigo-700-hover-pseudo-bg:hover::after, .indigo-700-hover-pseudo-bg:hover::before {
-  background: rgb(60.8142857143, 7.9857142857, 146.8142857143) !important;
+  background: rgb(61.2, 9.6, 145.2) !important;
 }
 
 .indigo-800-text {
-  color: rgb(40.5428571429, 5.3238095238, 97.8761904762) !important;
+  color: rgb(40.8, 6.4, 96.8) !important;
 }
 
 .indigo-800-border {
-  border-color: rgb(40.5428571429, 5.3238095238, 97.8761904762) !important;
+  border-color: rgb(40.8, 6.4, 96.8) !important;
 }
 
 .indigo-800-bg {
-  background: rgb(40.5428571429, 5.3238095238, 97.8761904762) !important;
+  background: rgb(40.8, 6.4, 96.8) !important;
 }
 
 .indigo-800-pseudo-bg::after, .indigo-800-pseudo-bg::before {
-  background: rgb(40.5428571429, 5.3238095238, 97.8761904762) !important;
+  background: rgb(40.8, 6.4, 96.8) !important;
 }
 
 .indigo-800-hover-text:hover {
-  color: rgb(40.5428571429, 5.3238095238, 97.8761904762) !important;
+  color: rgb(40.8, 6.4, 96.8) !important;
 }
 
 .indigo-800-hover-border:hover {
-  border-color: rgb(40.5428571429, 5.3238095238, 97.8761904762) !important;
+  border-color: rgb(40.8, 6.4, 96.8) !important;
 }
 
 .indigo-800-hover-bg:hover {
-  background: rgb(40.5428571429, 5.3238095238, 97.8761904762) !important;
+  background: rgb(40.8, 6.4, 96.8) !important;
 }
 
 .indigo-800-hover-pseudo-bg:hover::after, .indigo-800-hover-pseudo-bg:hover::before {
-  background: rgb(40.5428571429, 5.3238095238, 97.8761904762) !important;
+  background: rgb(40.8, 6.4, 96.8) !important;
 }
 
 .indigo-900-text {
-  color: rgb(20.2714285714, 2.6619047619, 48.9380952381) !important;
+  color: rgb(20.4, 3.2, 48.4) !important;
 }
 
 .indigo-900-border {
-  border-color: rgb(20.2714285714, 2.6619047619, 48.9380952381) !important;
+  border-color: rgb(20.4, 3.2, 48.4) !important;
 }
 
 .indigo-900-bg {
-  background: rgb(20.2714285714, 2.6619047619, 48.9380952381) !important;
+  background: rgb(20.4, 3.2, 48.4) !important;
 }
 
 .indigo-900-pseudo-bg::after, .indigo-900-pseudo-bg::before {
-  background: rgb(20.2714285714, 2.6619047619, 48.9380952381) !important;
+  background: rgb(20.4, 3.2, 48.4) !important;
 }
 
 .indigo-900-hover-text:hover {
-  color: rgb(20.2714285714, 2.6619047619, 48.9380952381) !important;
+  color: rgb(20.4, 3.2, 48.4) !important;
 }
 
 .indigo-900-hover-border:hover {
-  border-color: rgb(20.2714285714, 2.6619047619, 48.9380952381) !important;
+  border-color: rgb(20.4, 3.2, 48.4) !important;
 }
 
 .indigo-900-hover-bg:hover {
-  background: rgb(20.2714285714, 2.6619047619, 48.9380952381) !important;
+  background: rgb(20.4, 3.2, 48.4) !important;
 }
 
 .indigo-900-hover-pseudo-bg:hover::after, .indigo-900-hover-pseudo-bg:hover::before {
-  background: rgb(20.2714285714, 2.6619047619, 48.9380952381) !important;
+  background: rgb(20.4, 3.2, 48.4) !important;
 }
 
 .purple-100-text {
@@ -1129,131 +1142,131 @@
 }
 
 .purple-600-text {
-  color: rgb(88.3282868526, 51.180876494, 156.019123506) !important;
+  color: rgb(88.8, 52.8, 154.4) !important;
 }
 
 .purple-600-border {
-  border-color: rgb(88.3282868526, 51.180876494, 156.019123506) !important;
+  border-color: rgb(88.8, 52.8, 154.4) !important;
 }
 
 .purple-600-bg {
-  background: rgb(88.3282868526, 51.180876494, 156.019123506) !important;
+  background: rgb(88.8, 52.8, 154.4) !important;
 }
 
 .purple-600-pseudo-bg::after, .purple-600-pseudo-bg::before {
-  background: rgb(88.3282868526, 51.180876494, 156.019123506) !important;
+  background: rgb(88.8, 52.8, 154.4) !important;
 }
 
 .purple-600-hover-text:hover {
-  color: rgb(88.3282868526, 51.180876494, 156.019123506) !important;
+  color: rgb(88.8, 52.8, 154.4) !important;
 }
 
 .purple-600-hover-border:hover {
-  border-color: rgb(88.3282868526, 51.180876494, 156.019123506) !important;
+  border-color: rgb(88.8, 52.8, 154.4) !important;
 }
 
 .purple-600-hover-bg:hover {
-  background: rgb(88.3282868526, 51.180876494, 156.019123506) !important;
+  background: rgb(88.8, 52.8, 154.4) !important;
 }
 
 .purple-600-hover-pseudo-bg:hover::after, .purple-600-hover-pseudo-bg:hover::before {
-  background: rgb(88.3282868526, 51.180876494, 156.019123506) !important;
+  background: rgb(88.8, 52.8, 154.4) !important;
 }
 
 .purple-700-text {
-  color: rgb(66.2462151394, 38.3856573705, 117.0143426295) !important;
+  color: rgb(66.6, 39.6, 115.8) !important;
 }
 
 .purple-700-border {
-  border-color: rgb(66.2462151394, 38.3856573705, 117.0143426295) !important;
+  border-color: rgb(66.6, 39.6, 115.8) !important;
 }
 
 .purple-700-bg {
-  background: rgb(66.2462151394, 38.3856573705, 117.0143426295) !important;
+  background: rgb(66.6, 39.6, 115.8) !important;
 }
 
 .purple-700-pseudo-bg::after, .purple-700-pseudo-bg::before {
-  background: rgb(66.2462151394, 38.3856573705, 117.0143426295) !important;
+  background: rgb(66.6, 39.6, 115.8) !important;
 }
 
 .purple-700-hover-text:hover {
-  color: rgb(66.2462151394, 38.3856573705, 117.0143426295) !important;
+  color: rgb(66.6, 39.6, 115.8) !important;
 }
 
 .purple-700-hover-border:hover {
-  border-color: rgb(66.2462151394, 38.3856573705, 117.0143426295) !important;
+  border-color: rgb(66.6, 39.6, 115.8) !important;
 }
 
 .purple-700-hover-bg:hover {
-  background: rgb(66.2462151394, 38.3856573705, 117.0143426295) !important;
+  background: rgb(66.6, 39.6, 115.8) !important;
 }
 
 .purple-700-hover-pseudo-bg:hover::after, .purple-700-hover-pseudo-bg:hover::before {
-  background: rgb(66.2462151394, 38.3856573705, 117.0143426295) !important;
+  background: rgb(66.6, 39.6, 115.8) !important;
 }
 
 .purple-800-text {
-  color: rgb(44.1641434263, 25.590438247, 78.009561753) !important;
+  color: rgb(44.4, 26.4, 77.2) !important;
 }
 
 .purple-800-border {
-  border-color: rgb(44.1641434263, 25.590438247, 78.009561753) !important;
+  border-color: rgb(44.4, 26.4, 77.2) !important;
 }
 
 .purple-800-bg {
-  background: rgb(44.1641434263, 25.590438247, 78.009561753) !important;
+  background: rgb(44.4, 26.4, 77.2) !important;
 }
 
 .purple-800-pseudo-bg::after, .purple-800-pseudo-bg::before {
-  background: rgb(44.1641434263, 25.590438247, 78.009561753) !important;
+  background: rgb(44.4, 26.4, 77.2) !important;
 }
 
 .purple-800-hover-text:hover {
-  color: rgb(44.1641434263, 25.590438247, 78.009561753) !important;
+  color: rgb(44.4, 26.4, 77.2) !important;
 }
 
 .purple-800-hover-border:hover {
-  border-color: rgb(44.1641434263, 25.590438247, 78.009561753) !important;
+  border-color: rgb(44.4, 26.4, 77.2) !important;
 }
 
 .purple-800-hover-bg:hover {
-  background: rgb(44.1641434263, 25.590438247, 78.009561753) !important;
+  background: rgb(44.4, 26.4, 77.2) !important;
 }
 
 .purple-800-hover-pseudo-bg:hover::after, .purple-800-hover-pseudo-bg:hover::before {
-  background: rgb(44.1641434263, 25.590438247, 78.009561753) !important;
+  background: rgb(44.4, 26.4, 77.2) !important;
 }
 
 .purple-900-text {
-  color: rgb(22.0820717131, 12.7952191235, 39.0047808765) !important;
+  color: rgb(22.2, 13.2, 38.6) !important;
 }
 
 .purple-900-border {
-  border-color: rgb(22.0820717131, 12.7952191235, 39.0047808765) !important;
+  border-color: rgb(22.2, 13.2, 38.6) !important;
 }
 
 .purple-900-bg {
-  background: rgb(22.0820717131, 12.7952191235, 39.0047808765) !important;
+  background: rgb(22.2, 13.2, 38.6) !important;
 }
 
 .purple-900-pseudo-bg::after, .purple-900-pseudo-bg::before {
-  background: rgb(22.0820717131, 12.7952191235, 39.0047808765) !important;
+  background: rgb(22.2, 13.2, 38.6) !important;
 }
 
 .purple-900-hover-text:hover {
-  color: rgb(22.0820717131, 12.7952191235, 39.0047808765) !important;
+  color: rgb(22.2, 13.2, 38.6) !important;
 }
 
 .purple-900-hover-border:hover {
-  border-color: rgb(22.0820717131, 12.7952191235, 39.0047808765) !important;
+  border-color: rgb(22.2, 13.2, 38.6) !important;
 }
 
 .purple-900-hover-bg:hover {
-  background: rgb(22.0820717131, 12.7952191235, 39.0047808765) !important;
+  background: rgb(22.2, 13.2, 38.6) !important;
 }
 
 .purple-900-hover-pseudo-bg:hover::after, .purple-900-hover-pseudo-bg:hover::before {
-  background: rgb(22.0820717131, 12.7952191235, 39.0047808765) !important;
+  background: rgb(22.2, 13.2, 38.6) !important;
 }
 
 .pink-100-text {
@@ -1417,131 +1430,131 @@
 }
 
 .pink-600-text {
-  color: rgb(176.5224489796, 35.4775510204, 105.5673469388) !important;
+  color: rgb(171.2, 40.8, 105.6) !important;
 }
 
 .pink-600-border {
-  border-color: rgb(176.5224489796, 35.4775510204, 105.5673469388) !important;
+  border-color: rgb(171.2, 40.8, 105.6) !important;
 }
 
 .pink-600-bg {
-  background: rgb(176.5224489796, 35.4775510204, 105.5673469388) !important;
+  background: rgb(171.2, 40.8, 105.6) !important;
 }
 
 .pink-600-pseudo-bg::after, .pink-600-pseudo-bg::before {
-  background: rgb(176.5224489796, 35.4775510204, 105.5673469388) !important;
+  background: rgb(171.2, 40.8, 105.6) !important;
 }
 
 .pink-600-hover-text:hover {
-  color: rgb(176.5224489796, 35.4775510204, 105.5673469388) !important;
+  color: rgb(171.2, 40.8, 105.6) !important;
 }
 
 .pink-600-hover-border:hover {
-  border-color: rgb(176.5224489796, 35.4775510204, 105.5673469388) !important;
+  border-color: rgb(171.2, 40.8, 105.6) !important;
 }
 
 .pink-600-hover-bg:hover {
-  background: rgb(176.5224489796, 35.4775510204, 105.5673469388) !important;
+  background: rgb(171.2, 40.8, 105.6) !important;
 }
 
 .pink-600-hover-pseudo-bg:hover::after, .pink-600-hover-pseudo-bg:hover::before {
-  background: rgb(176.5224489796, 35.4775510204, 105.5673469388) !important;
+  background: rgb(171.2, 40.8, 105.6) !important;
 }
 
 .pink-700-text {
-  color: rgb(132.3918367347, 26.6081632653, 79.1755102041) !important;
+  color: rgb(128.4, 30.6, 79.2) !important;
 }
 
 .pink-700-border {
-  border-color: rgb(132.3918367347, 26.6081632653, 79.1755102041) !important;
+  border-color: rgb(128.4, 30.6, 79.2) !important;
 }
 
 .pink-700-bg {
-  background: rgb(132.3918367347, 26.6081632653, 79.1755102041) !important;
+  background: rgb(128.4, 30.6, 79.2) !important;
 }
 
 .pink-700-pseudo-bg::after, .pink-700-pseudo-bg::before {
-  background: rgb(132.3918367347, 26.6081632653, 79.1755102041) !important;
+  background: rgb(128.4, 30.6, 79.2) !important;
 }
 
 .pink-700-hover-text:hover {
-  color: rgb(132.3918367347, 26.6081632653, 79.1755102041) !important;
+  color: rgb(128.4, 30.6, 79.2) !important;
 }
 
 .pink-700-hover-border:hover {
-  border-color: rgb(132.3918367347, 26.6081632653, 79.1755102041) !important;
+  border-color: rgb(128.4, 30.6, 79.2) !important;
 }
 
 .pink-700-hover-bg:hover {
-  background: rgb(132.3918367347, 26.6081632653, 79.1755102041) !important;
+  background: rgb(128.4, 30.6, 79.2) !important;
 }
 
 .pink-700-hover-pseudo-bg:hover::after, .pink-700-hover-pseudo-bg:hover::before {
-  background: rgb(132.3918367347, 26.6081632653, 79.1755102041) !important;
+  background: rgb(128.4, 30.6, 79.2) !important;
 }
 
 .pink-800-text {
-  color: rgb(88.2612244898, 17.7387755102, 52.7836734694) !important;
+  color: rgb(85.6, 20.4, 52.8) !important;
 }
 
 .pink-800-border {
-  border-color: rgb(88.2612244898, 17.7387755102, 52.7836734694) !important;
+  border-color: rgb(85.6, 20.4, 52.8) !important;
 }
 
 .pink-800-bg {
-  background: rgb(88.2612244898, 17.7387755102, 52.7836734694) !important;
+  background: rgb(85.6, 20.4, 52.8) !important;
 }
 
 .pink-800-pseudo-bg::after, .pink-800-pseudo-bg::before {
-  background: rgb(88.2612244898, 17.7387755102, 52.7836734694) !important;
+  background: rgb(85.6, 20.4, 52.8) !important;
 }
 
 .pink-800-hover-text:hover {
-  color: rgb(88.2612244898, 17.7387755102, 52.7836734694) !important;
+  color: rgb(85.6, 20.4, 52.8) !important;
 }
 
 .pink-800-hover-border:hover {
-  border-color: rgb(88.2612244898, 17.7387755102, 52.7836734694) !important;
+  border-color: rgb(85.6, 20.4, 52.8) !important;
 }
 
 .pink-800-hover-bg:hover {
-  background: rgb(88.2612244898, 17.7387755102, 52.7836734694) !important;
+  background: rgb(85.6, 20.4, 52.8) !important;
 }
 
 .pink-800-hover-pseudo-bg:hover::after, .pink-800-hover-pseudo-bg:hover::before {
-  background: rgb(88.2612244898, 17.7387755102, 52.7836734694) !important;
+  background: rgb(85.6, 20.4, 52.8) !important;
 }
 
 .pink-900-text {
-  color: rgb(44.1306122449, 8.8693877551, 26.3918367347) !important;
+  color: rgb(42.8, 10.2, 26.4) !important;
 }
 
 .pink-900-border {
-  border-color: rgb(44.1306122449, 8.8693877551, 26.3918367347) !important;
+  border-color: rgb(42.8, 10.2, 26.4) !important;
 }
 
 .pink-900-bg {
-  background: rgb(44.1306122449, 8.8693877551, 26.3918367347) !important;
+  background: rgb(42.8, 10.2, 26.4) !important;
 }
 
 .pink-900-pseudo-bg::after, .pink-900-pseudo-bg::before {
-  background: rgb(44.1306122449, 8.8693877551, 26.3918367347) !important;
+  background: rgb(42.8, 10.2, 26.4) !important;
 }
 
 .pink-900-hover-text:hover {
-  color: rgb(44.1306122449, 8.8693877551, 26.3918367347) !important;
+  color: rgb(42.8, 10.2, 26.4) !important;
 }
 
 .pink-900-hover-border:hover {
-  border-color: rgb(44.1306122449, 8.8693877551, 26.3918367347) !important;
+  border-color: rgb(42.8, 10.2, 26.4) !important;
 }
 
 .pink-900-hover-bg:hover {
-  background: rgb(44.1306122449, 8.8693877551, 26.3918367347) !important;
+  background: rgb(42.8, 10.2, 26.4) !important;
 }
 
 .pink-900-hover-pseudo-bg:hover::after, .pink-900-hover-pseudo-bg:hover::before {
-  background: rgb(44.1306122449, 8.8693877551, 26.3918367347) !important;
+  background: rgb(42.8, 10.2, 26.4) !important;
 }
 
 .red-100-text {
@@ -1705,131 +1718,131 @@
 }
 
 .red-600-text {
-  color: rgb(186.146835443, 32.253164557, 46.9974683544) !important;
+  color: rgb(176, 42.4, 55.2) !important;
 }
 
 .red-600-border {
-  border-color: rgb(186.146835443, 32.253164557, 46.9974683544) !important;
+  border-color: rgb(176, 42.4, 55.2) !important;
 }
 
 .red-600-bg {
-  background: rgb(186.146835443, 32.253164557, 46.9974683544) !important;
+  background: rgb(176, 42.4, 55.2) !important;
 }
 
 .red-600-pseudo-bg::after, .red-600-pseudo-bg::before {
-  background: rgb(186.146835443, 32.253164557, 46.9974683544) !important;
+  background: rgb(176, 42.4, 55.2) !important;
 }
 
 .red-600-hover-text:hover {
-  color: rgb(186.146835443, 32.253164557, 46.9974683544) !important;
+  color: rgb(176, 42.4, 55.2) !important;
 }
 
 .red-600-hover-border:hover {
-  border-color: rgb(186.146835443, 32.253164557, 46.9974683544) !important;
+  border-color: rgb(176, 42.4, 55.2) !important;
 }
 
 .red-600-hover-bg:hover {
-  background: rgb(186.146835443, 32.253164557, 46.9974683544) !important;
+  background: rgb(176, 42.4, 55.2) !important;
 }
 
 .red-600-hover-pseudo-bg:hover::after, .red-600-hover-pseudo-bg:hover::before {
-  background: rgb(186.146835443, 32.253164557, 46.9974683544) !important;
+  background: rgb(176, 42.4, 55.2) !important;
 }
 
 .red-700-text {
-  color: rgb(139.6101265823, 24.1898734177, 35.2481012658) !important;
+  color: rgb(132, 31.8, 41.4) !important;
 }
 
 .red-700-border {
-  border-color: rgb(139.6101265823, 24.1898734177, 35.2481012658) !important;
+  border-color: rgb(132, 31.8, 41.4) !important;
 }
 
 .red-700-bg {
-  background: rgb(139.6101265823, 24.1898734177, 35.2481012658) !important;
+  background: rgb(132, 31.8, 41.4) !important;
 }
 
 .red-700-pseudo-bg::after, .red-700-pseudo-bg::before {
-  background: rgb(139.6101265823, 24.1898734177, 35.2481012658) !important;
+  background: rgb(132, 31.8, 41.4) !important;
 }
 
 .red-700-hover-text:hover {
-  color: rgb(139.6101265823, 24.1898734177, 35.2481012658) !important;
+  color: rgb(132, 31.8, 41.4) !important;
 }
 
 .red-700-hover-border:hover {
-  border-color: rgb(139.6101265823, 24.1898734177, 35.2481012658) !important;
+  border-color: rgb(132, 31.8, 41.4) !important;
 }
 
 .red-700-hover-bg:hover {
-  background: rgb(139.6101265823, 24.1898734177, 35.2481012658) !important;
+  background: rgb(132, 31.8, 41.4) !important;
 }
 
 .red-700-hover-pseudo-bg:hover::after, .red-700-hover-pseudo-bg:hover::before {
-  background: rgb(139.6101265823, 24.1898734177, 35.2481012658) !important;
+  background: rgb(132, 31.8, 41.4) !important;
 }
 
 .red-800-text {
-  color: rgb(93.0734177215, 16.1265822785, 23.4987341772) !important;
+  color: rgb(88, 21.2, 27.6) !important;
 }
 
 .red-800-border {
-  border-color: rgb(93.0734177215, 16.1265822785, 23.4987341772) !important;
+  border-color: rgb(88, 21.2, 27.6) !important;
 }
 
 .red-800-bg {
-  background: rgb(93.0734177215, 16.1265822785, 23.4987341772) !important;
+  background: rgb(88, 21.2, 27.6) !important;
 }
 
 .red-800-pseudo-bg::after, .red-800-pseudo-bg::before {
-  background: rgb(93.0734177215, 16.1265822785, 23.4987341772) !important;
+  background: rgb(88, 21.2, 27.6) !important;
 }
 
 .red-800-hover-text:hover {
-  color: rgb(93.0734177215, 16.1265822785, 23.4987341772) !important;
+  color: rgb(88, 21.2, 27.6) !important;
 }
 
 .red-800-hover-border:hover {
-  border-color: rgb(93.0734177215, 16.1265822785, 23.4987341772) !important;
+  border-color: rgb(88, 21.2, 27.6) !important;
 }
 
 .red-800-hover-bg:hover {
-  background: rgb(93.0734177215, 16.1265822785, 23.4987341772) !important;
+  background: rgb(88, 21.2, 27.6) !important;
 }
 
 .red-800-hover-pseudo-bg:hover::after, .red-800-hover-pseudo-bg:hover::before {
-  background: rgb(93.0734177215, 16.1265822785, 23.4987341772) !important;
+  background: rgb(88, 21.2, 27.6) !important;
 }
 
 .red-900-text {
-  color: rgb(46.5367088608, 8.0632911392, 11.7493670886) !important;
+  color: rgb(44, 10.6, 13.8) !important;
 }
 
 .red-900-border {
-  border-color: rgb(46.5367088608, 8.0632911392, 11.7493670886) !important;
+  border-color: rgb(44, 10.6, 13.8) !important;
 }
 
 .red-900-bg {
-  background: rgb(46.5367088608, 8.0632911392, 11.7493670886) !important;
+  background: rgb(44, 10.6, 13.8) !important;
 }
 
 .red-900-pseudo-bg::after, .red-900-pseudo-bg::before {
-  background: rgb(46.5367088608, 8.0632911392, 11.7493670886) !important;
+  background: rgb(44, 10.6, 13.8) !important;
 }
 
 .red-900-hover-text:hover {
-  color: rgb(46.5367088608, 8.0632911392, 11.7493670886) !important;
+  color: rgb(44, 10.6, 13.8) !important;
 }
 
 .red-900-hover-border:hover {
-  border-color: rgb(46.5367088608, 8.0632911392, 11.7493670886) !important;
+  border-color: rgb(44, 10.6, 13.8) !important;
 }
 
 .red-900-hover-bg:hover {
-  background: rgb(46.5367088608, 8.0632911392, 11.7493670886) !important;
+  background: rgb(44, 10.6, 13.8) !important;
 }
 
 .red-900-hover-pseudo-bg:hover::after, .red-900-hover-pseudo-bg:hover::before {
-  background: rgb(46.5367088608, 8.0632911392, 11.7493670886) !important;
+  background: rgb(44, 10.6, 13.8) !important;
 }
 
 .orange-100-text {
@@ -1993,131 +2006,131 @@
 }
 
 .orange-600-text {
-  color: rgb(216.5569620253, 99.5240506329, 1.8430379747) !important;
+  color: rgb(202.4, 100.8, 16) !important;
 }
 
 .orange-600-border {
-  border-color: rgb(216.5569620253, 99.5240506329, 1.8430379747) !important;
+  border-color: rgb(202.4, 100.8, 16) !important;
 }
 
 .orange-600-bg {
-  background: rgb(216.5569620253, 99.5240506329, 1.8430379747) !important;
+  background: rgb(202.4, 100.8, 16) !important;
 }
 
 .orange-600-pseudo-bg::after, .orange-600-pseudo-bg::before {
-  background: rgb(216.5569620253, 99.5240506329, 1.8430379747) !important;
+  background: rgb(202.4, 100.8, 16) !important;
 }
 
 .orange-600-hover-text:hover {
-  color: rgb(216.5569620253, 99.5240506329, 1.8430379747) !important;
+  color: rgb(202.4, 100.8, 16) !important;
 }
 
 .orange-600-hover-border:hover {
-  border-color: rgb(216.5569620253, 99.5240506329, 1.8430379747) !important;
+  border-color: rgb(202.4, 100.8, 16) !important;
 }
 
 .orange-600-hover-bg:hover {
-  background: rgb(216.5569620253, 99.5240506329, 1.8430379747) !important;
+  background: rgb(202.4, 100.8, 16) !important;
 }
 
 .orange-600-hover-pseudo-bg:hover::after, .orange-600-hover-pseudo-bg:hover::before {
-  background: rgb(216.5569620253, 99.5240506329, 1.8430379747) !important;
+  background: rgb(202.4, 100.8, 16) !important;
 }
 
 .orange-700-text {
-  color: rgb(162.417721519, 74.6430379747, 1.382278481) !important;
+  color: rgb(151.8, 75.6, 12) !important;
 }
 
 .orange-700-border {
-  border-color: rgb(162.417721519, 74.6430379747, 1.382278481) !important;
+  border-color: rgb(151.8, 75.6, 12) !important;
 }
 
 .orange-700-bg {
-  background: rgb(162.417721519, 74.6430379747, 1.382278481) !important;
+  background: rgb(151.8, 75.6, 12) !important;
 }
 
 .orange-700-pseudo-bg::after, .orange-700-pseudo-bg::before {
-  background: rgb(162.417721519, 74.6430379747, 1.382278481) !important;
+  background: rgb(151.8, 75.6, 12) !important;
 }
 
 .orange-700-hover-text:hover {
-  color: rgb(162.417721519, 74.6430379747, 1.382278481) !important;
+  color: rgb(151.8, 75.6, 12) !important;
 }
 
 .orange-700-hover-border:hover {
-  border-color: rgb(162.417721519, 74.6430379747, 1.382278481) !important;
+  border-color: rgb(151.8, 75.6, 12) !important;
 }
 
 .orange-700-hover-bg:hover {
-  background: rgb(162.417721519, 74.6430379747, 1.382278481) !important;
+  background: rgb(151.8, 75.6, 12) !important;
 }
 
 .orange-700-hover-pseudo-bg:hover::after, .orange-700-hover-pseudo-bg:hover::before {
-  background: rgb(162.417721519, 74.6430379747, 1.382278481) !important;
+  background: rgb(151.8, 75.6, 12) !important;
 }
 
 .orange-800-text {
-  color: rgb(108.2784810127, 49.7620253165, 0.9215189873) !important;
+  color: rgb(101.2, 50.4, 8) !important;
 }
 
 .orange-800-border {
-  border-color: rgb(108.2784810127, 49.7620253165, 0.9215189873) !important;
+  border-color: rgb(101.2, 50.4, 8) !important;
 }
 
 .orange-800-bg {
-  background: rgb(108.2784810127, 49.7620253165, 0.9215189873) !important;
+  background: rgb(101.2, 50.4, 8) !important;
 }
 
 .orange-800-pseudo-bg::after, .orange-800-pseudo-bg::before {
-  background: rgb(108.2784810127, 49.7620253165, 0.9215189873) !important;
+  background: rgb(101.2, 50.4, 8) !important;
 }
 
 .orange-800-hover-text:hover {
-  color: rgb(108.2784810127, 49.7620253165, 0.9215189873) !important;
+  color: rgb(101.2, 50.4, 8) !important;
 }
 
 .orange-800-hover-border:hover {
-  border-color: rgb(108.2784810127, 49.7620253165, 0.9215189873) !important;
+  border-color: rgb(101.2, 50.4, 8) !important;
 }
 
 .orange-800-hover-bg:hover {
-  background: rgb(108.2784810127, 49.7620253165, 0.9215189873) !important;
+  background: rgb(101.2, 50.4, 8) !important;
 }
 
 .orange-800-hover-pseudo-bg:hover::after, .orange-800-hover-pseudo-bg:hover::before {
-  background: rgb(108.2784810127, 49.7620253165, 0.9215189873) !important;
+  background: rgb(101.2, 50.4, 8) !important;
 }
 
 .orange-900-text {
-  color: rgb(54.1392405063, 24.8810126582, 0.4607594937) !important;
+  color: rgb(50.6, 25.2, 4) !important;
 }
 
 .orange-900-border {
-  border-color: rgb(54.1392405063, 24.8810126582, 0.4607594937) !important;
+  border-color: rgb(50.6, 25.2, 4) !important;
 }
 
 .orange-900-bg {
-  background: rgb(54.1392405063, 24.8810126582, 0.4607594937) !important;
+  background: rgb(50.6, 25.2, 4) !important;
 }
 
 .orange-900-pseudo-bg::after, .orange-900-pseudo-bg::before {
-  background: rgb(54.1392405063, 24.8810126582, 0.4607594937) !important;
+  background: rgb(50.6, 25.2, 4) !important;
 }
 
 .orange-900-hover-text:hover {
-  color: rgb(54.1392405063, 24.8810126582, 0.4607594937) !important;
+  color: rgb(50.6, 25.2, 4) !important;
 }
 
 .orange-900-hover-border:hover {
-  border-color: rgb(54.1392405063, 24.8810126582, 0.4607594937) !important;
+  border-color: rgb(50.6, 25.2, 4) !important;
 }
 
 .orange-900-hover-bg:hover {
-  background: rgb(54.1392405063, 24.8810126582, 0.4607594937) !important;
+  background: rgb(50.6, 25.2, 4) !important;
 }
 
 .orange-900-hover-pseudo-bg:hover::after, .orange-900-hover-pseudo-bg:hover::before {
-  background: rgb(54.1392405063, 24.8810126582, 0.4607594937) !important;
+  background: rgb(50.6, 25.2, 4) !important;
 }
 
 .yellow-100-text {
@@ -2281,259 +2294,259 @@
 }
 
 .yellow-600-text {
-  color: rgb(209.6, 157.2, 0) !important;
+  color: rgb(204, 154.4, 5.6) !important;
 }
 
 .yellow-600-border {
-  border-color: rgb(209.6, 157.2, 0) !important;
+  border-color: rgb(204, 154.4, 5.6) !important;
 }
 
 .yellow-600-bg {
-  background: rgb(209.6, 157.2, 0) !important;
+  background: rgb(204, 154.4, 5.6) !important;
 }
 
 .yellow-600-pseudo-bg::after, .yellow-600-pseudo-bg::before {
-  background: rgb(209.6, 157.2, 0) !important;
+  background: rgb(204, 154.4, 5.6) !important;
 }
 
 .yellow-600-hover-text:hover {
-  color: rgb(209.6, 157.2, 0) !important;
+  color: rgb(204, 154.4, 5.6) !important;
 }
 
 .yellow-600-hover-border:hover {
-  border-color: rgb(209.6, 157.2, 0) !important;
+  border-color: rgb(204, 154.4, 5.6) !important;
 }
 
 .yellow-600-hover-bg:hover {
-  background: rgb(209.6, 157.2, 0) !important;
+  background: rgb(204, 154.4, 5.6) !important;
 }
 
 .yellow-600-hover-pseudo-bg:hover::after, .yellow-600-hover-pseudo-bg:hover::before {
-  background: rgb(209.6, 157.2, 0) !important;
+  background: rgb(204, 154.4, 5.6) !important;
 }
 
 .yellow-700-text {
-  color: rgb(157.2, 117.9, 0) !important;
+  color: rgb(153, 115.8, 4.2) !important;
 }
 
 .yellow-700-border {
-  border-color: rgb(157.2, 117.9, 0) !important;
+  border-color: rgb(153, 115.8, 4.2) !important;
 }
 
 .yellow-700-bg {
-  background: rgb(157.2, 117.9, 0) !important;
+  background: rgb(153, 115.8, 4.2) !important;
 }
 
 .yellow-700-pseudo-bg::after, .yellow-700-pseudo-bg::before {
-  background: rgb(157.2, 117.9, 0) !important;
+  background: rgb(153, 115.8, 4.2) !important;
 }
 
 .yellow-700-hover-text:hover {
-  color: rgb(157.2, 117.9, 0) !important;
+  color: rgb(153, 115.8, 4.2) !important;
 }
 
 .yellow-700-hover-border:hover {
-  border-color: rgb(157.2, 117.9, 0) !important;
+  border-color: rgb(153, 115.8, 4.2) !important;
 }
 
 .yellow-700-hover-bg:hover {
-  background: rgb(157.2, 117.9, 0) !important;
+  background: rgb(153, 115.8, 4.2) !important;
 }
 
 .yellow-700-hover-pseudo-bg:hover::after, .yellow-700-hover-pseudo-bg:hover::before {
-  background: rgb(157.2, 117.9, 0) !important;
+  background: rgb(153, 115.8, 4.2) !important;
 }
 
 .yellow-800-text {
-  color: rgb(104.8, 78.6, 0) !important;
+  color: rgb(102, 77.2, 2.8) !important;
 }
 
 .yellow-800-border {
-  border-color: rgb(104.8, 78.6, 0) !important;
+  border-color: rgb(102, 77.2, 2.8) !important;
 }
 
 .yellow-800-bg {
-  background: rgb(104.8, 78.6, 0) !important;
+  background: rgb(102, 77.2, 2.8) !important;
 }
 
 .yellow-800-pseudo-bg::after, .yellow-800-pseudo-bg::before {
-  background: rgb(104.8, 78.6, 0) !important;
+  background: rgb(102, 77.2, 2.8) !important;
 }
 
 .yellow-800-hover-text:hover {
-  color: rgb(104.8, 78.6, 0) !important;
+  color: rgb(102, 77.2, 2.8) !important;
 }
 
 .yellow-800-hover-border:hover {
-  border-color: rgb(104.8, 78.6, 0) !important;
+  border-color: rgb(102, 77.2, 2.8) !important;
 }
 
 .yellow-800-hover-bg:hover {
-  background: rgb(104.8, 78.6, 0) !important;
+  background: rgb(102, 77.2, 2.8) !important;
 }
 
 .yellow-800-hover-pseudo-bg:hover::after, .yellow-800-hover-pseudo-bg:hover::before {
-  background: rgb(104.8, 78.6, 0) !important;
+  background: rgb(102, 77.2, 2.8) !important;
 }
 
 .yellow-900-text {
-  color: rgb(52.4, 39.3, 0) !important;
+  color: rgb(51, 38.6, 1.4) !important;
 }
 
 .yellow-900-border {
-  border-color: rgb(52.4, 39.3, 0) !important;
+  border-color: rgb(51, 38.6, 1.4) !important;
 }
 
 .yellow-900-bg {
-  background: rgb(52.4, 39.3, 0) !important;
+  background: rgb(51, 38.6, 1.4) !important;
 }
 
 .yellow-900-pseudo-bg::after, .yellow-900-pseudo-bg::before {
-  background: rgb(52.4, 39.3, 0) !important;
+  background: rgb(51, 38.6, 1.4) !important;
 }
 
 .yellow-900-hover-text:hover {
-  color: rgb(52.4, 39.3, 0) !important;
+  color: rgb(51, 38.6, 1.4) !important;
 }
 
 .yellow-900-hover-border:hover {
-  border-color: rgb(52.4, 39.3, 0) !important;
+  border-color: rgb(51, 38.6, 1.4) !important;
 }
 
 .yellow-900-hover-bg:hover {
-  background: rgb(52.4, 39.3, 0) !important;
+  background: rgb(51, 38.6, 1.4) !important;
 }
 
 .yellow-900-hover-pseudo-bg:hover::after, .yellow-900-hover-pseudo-bg:hover::before {
-  background: rgb(52.4, 39.3, 0) !important;
+  background: rgb(51, 38.6, 1.4) !important;
 }
 
 .green-100-text {
-  color: rgb(195.9375, 244.0625, 221.75) !important;
+  color: rgb(209, 231, 220.8) !important;
 }
 
 .green-100-border {
-  border-color: rgb(195.9375, 244.0625, 221.75) !important;
+  border-color: rgb(209, 231, 220.8) !important;
 }
 
 .green-100-bg {
-  background: rgb(195.9375, 244.0625, 221.75) !important;
+  background: rgb(209, 231, 220.8) !important;
 }
 
 .green-100-pseudo-bg::after, .green-100-pseudo-bg::before {
-  background: rgb(195.9375, 244.0625, 221.75) !important;
+  background: rgb(209, 231, 220.8) !important;
 }
 
 .green-100-hover-text:hover {
-  color: rgb(195.9375, 244.0625, 221.75) !important;
+  color: rgb(209, 231, 220.8) !important;
 }
 
 .green-100-hover-border:hover {
-  border-color: rgb(195.9375, 244.0625, 221.75) !important;
+  border-color: rgb(209, 231, 220.8) !important;
 }
 
 .green-100-hover-bg:hover {
-  background: rgb(195.9375, 244.0625, 221.75) !important;
+  background: rgb(209, 231, 220.8) !important;
 }
 
 .green-100-hover-pseudo-bg:hover::after, .green-100-hover-pseudo-bg:hover::before {
-  background: rgb(195.9375, 244.0625, 221.75) !important;
+  background: rgb(209, 231, 220.8) !important;
 }
 
 .green-200-text {
-  color: rgb(136.875, 233.125, 188.5) !important;
+  color: rgb(163, 207, 186.6) !important;
 }
 
 .green-200-border {
-  border-color: rgb(136.875, 233.125, 188.5) !important;
+  border-color: rgb(163, 207, 186.6) !important;
 }
 
 .green-200-bg {
-  background: rgb(136.875, 233.125, 188.5) !important;
+  background: rgb(163, 207, 186.6) !important;
 }
 
 .green-200-pseudo-bg::after, .green-200-pseudo-bg::before {
-  background: rgb(136.875, 233.125, 188.5) !important;
+  background: rgb(163, 207, 186.6) !important;
 }
 
 .green-200-hover-text:hover {
-  color: rgb(136.875, 233.125, 188.5) !important;
+  color: rgb(163, 207, 186.6) !important;
 }
 
 .green-200-hover-border:hover {
-  border-color: rgb(136.875, 233.125, 188.5) !important;
+  border-color: rgb(163, 207, 186.6) !important;
 }
 
 .green-200-hover-bg:hover {
-  background: rgb(136.875, 233.125, 188.5) !important;
+  background: rgb(163, 207, 186.6) !important;
 }
 
 .green-200-hover-pseudo-bg:hover::after, .green-200-hover-pseudo-bg:hover::before {
-  background: rgb(136.875, 233.125, 188.5) !important;
+  background: rgb(163, 207, 186.6) !important;
 }
 
 .green-300-text {
-  color: rgb(77.8125, 222.1875, 155.25) !important;
+  color: rgb(117, 183, 152.4) !important;
 }
 
 .green-300-border {
-  border-color: rgb(77.8125, 222.1875, 155.25) !important;
+  border-color: rgb(117, 183, 152.4) !important;
 }
 
 .green-300-bg {
-  background: rgb(77.8125, 222.1875, 155.25) !important;
+  background: rgb(117, 183, 152.4) !important;
 }
 
 .green-300-pseudo-bg::after, .green-300-pseudo-bg::before {
-  background: rgb(77.8125, 222.1875, 155.25) !important;
+  background: rgb(117, 183, 152.4) !important;
 }
 
 .green-300-hover-text:hover {
-  color: rgb(77.8125, 222.1875, 155.25) !important;
+  color: rgb(117, 183, 152.4) !important;
 }
 
 .green-300-hover-border:hover {
-  border-color: rgb(77.8125, 222.1875, 155.25) !important;
+  border-color: rgb(117, 183, 152.4) !important;
 }
 
 .green-300-hover-bg:hover {
-  background: rgb(77.8125, 222.1875, 155.25) !important;
+  background: rgb(117, 183, 152.4) !important;
 }
 
 .green-300-hover-pseudo-bg:hover::after, .green-300-hover-pseudo-bg:hover::before {
-  background: rgb(77.8125, 222.1875, 155.25) !important;
+  background: rgb(117, 183, 152.4) !important;
 }
 
 .green-400-text {
-  color: rgb(35.9375, 194.0625, 120.75) !important;
+  color: rgb(71, 159, 118.2) !important;
 }
 
 .green-400-border {
-  border-color: rgb(35.9375, 194.0625, 120.75) !important;
+  border-color: rgb(71, 159, 118.2) !important;
 }
 
 .green-400-bg {
-  background: rgb(35.9375, 194.0625, 120.75) !important;
+  background: rgb(71, 159, 118.2) !important;
 }
 
 .green-400-pseudo-bg::after, .green-400-pseudo-bg::before {
-  background: rgb(35.9375, 194.0625, 120.75) !important;
+  background: rgb(71, 159, 118.2) !important;
 }
 
 .green-400-hover-text:hover {
-  color: rgb(35.9375, 194.0625, 120.75) !important;
+  color: rgb(71, 159, 118.2) !important;
 }
 
 .green-400-hover-border:hover {
-  border-color: rgb(35.9375, 194.0625, 120.75) !important;
+  border-color: rgb(71, 159, 118.2) !important;
 }
 
 .green-400-hover-bg:hover {
-  background: rgb(35.9375, 194.0625, 120.75) !important;
+  background: rgb(71, 159, 118.2) !important;
 }
 
 .green-400-hover-pseudo-bg:hover::after, .green-400-hover-pseudo-bg:hover::before {
-  background: rgb(35.9375, 194.0625, 120.75) !important;
+  background: rgb(71, 159, 118.2) !important;
 }
 
 .green-500-text {
@@ -2697,131 +2710,131 @@
 }
 
 .teal-100-text {
-  color: rgb(207.208583691, 247.391416309, 235.5030042918) !important;
+  color: rgb(210.4, 244.2, 234.2) !important;
 }
 
 .teal-100-border {
-  border-color: rgb(207.208583691, 247.391416309, 235.5030042918) !important;
+  border-color: rgb(210.4, 244.2, 234.2) !important;
 }
 
 .teal-100-bg {
-  background: rgb(207.208583691, 247.391416309, 235.5030042918) !important;
+  background: rgb(210.4, 244.2, 234.2) !important;
 }
 
 .teal-100-pseudo-bg::after, .teal-100-pseudo-bg::before {
-  background: rgb(207.208583691, 247.391416309, 235.5030042918) !important;
+  background: rgb(210.4, 244.2, 234.2) !important;
 }
 
 .teal-100-hover-text:hover {
-  color: rgb(207.208583691, 247.391416309, 235.5030042918) !important;
+  color: rgb(210.4, 244.2, 234.2) !important;
 }
 
 .teal-100-hover-border:hover {
-  border-color: rgb(207.208583691, 247.391416309, 235.5030042918) !important;
+  border-color: rgb(210.4, 244.2, 234.2) !important;
 }
 
 .teal-100-hover-bg:hover {
-  background: rgb(207.208583691, 247.391416309, 235.5030042918) !important;
+  background: rgb(210.4, 244.2, 234.2) !important;
 }
 
 .teal-100-hover-pseudo-bg:hover::after, .teal-100-hover-pseudo-bg:hover::before {
-  background: rgb(207.208583691, 247.391416309, 235.5030042918) !important;
+  background: rgb(210.4, 244.2, 234.2) !important;
 }
 
 .teal-200-text {
-  color: rgb(159.417167382, 239.782832618, 216.0060085837) !important;
+  color: rgb(165.8, 233.4, 213.4) !important;
 }
 
 .teal-200-border {
-  border-color: rgb(159.417167382, 239.782832618, 216.0060085837) !important;
+  border-color: rgb(165.8, 233.4, 213.4) !important;
 }
 
 .teal-200-bg {
-  background: rgb(159.417167382, 239.782832618, 216.0060085837) !important;
+  background: rgb(165.8, 233.4, 213.4) !important;
 }
 
 .teal-200-pseudo-bg::after, .teal-200-pseudo-bg::before {
-  background: rgb(159.417167382, 239.782832618, 216.0060085837) !important;
+  background: rgb(165.8, 233.4, 213.4) !important;
 }
 
 .teal-200-hover-text:hover {
-  color: rgb(159.417167382, 239.782832618, 216.0060085837) !important;
+  color: rgb(165.8, 233.4, 213.4) !important;
 }
 
 .teal-200-hover-border:hover {
-  border-color: rgb(159.417167382, 239.782832618, 216.0060085837) !important;
+  border-color: rgb(165.8, 233.4, 213.4) !important;
 }
 
 .teal-200-hover-bg:hover {
-  background: rgb(159.417167382, 239.782832618, 216.0060085837) !important;
+  background: rgb(165.8, 233.4, 213.4) !important;
 }
 
 .teal-200-hover-pseudo-bg:hover::after, .teal-200-hover-pseudo-bg:hover::before {
-  background: rgb(159.417167382, 239.782832618, 216.0060085837) !important;
+  background: rgb(165.8, 233.4, 213.4) !important;
 }
 
 .teal-300-text {
-  color: rgb(111.625751073, 232.174248927, 196.5090128755) !important;
+  color: rgb(121.2, 222.6, 192.6) !important;
 }
 
 .teal-300-border {
-  border-color: rgb(111.625751073, 232.174248927, 196.5090128755) !important;
+  border-color: rgb(121.2, 222.6, 192.6) !important;
 }
 
 .teal-300-bg {
-  background: rgb(111.625751073, 232.174248927, 196.5090128755) !important;
+  background: rgb(121.2, 222.6, 192.6) !important;
 }
 
 .teal-300-pseudo-bg::after, .teal-300-pseudo-bg::before {
-  background: rgb(111.625751073, 232.174248927, 196.5090128755) !important;
+  background: rgb(121.2, 222.6, 192.6) !important;
 }
 
 .teal-300-hover-text:hover {
-  color: rgb(111.625751073, 232.174248927, 196.5090128755) !important;
+  color: rgb(121.2, 222.6, 192.6) !important;
 }
 
 .teal-300-hover-border:hover {
-  border-color: rgb(111.625751073, 232.174248927, 196.5090128755) !important;
+  border-color: rgb(121.2, 222.6, 192.6) !important;
 }
 
 .teal-300-hover-bg:hover {
-  background: rgb(111.625751073, 232.174248927, 196.5090128755) !important;
+  background: rgb(121.2, 222.6, 192.6) !important;
 }
 
 .teal-300-hover-pseudo-bg:hover::after, .teal-300-hover-pseudo-bg:hover::before {
-  background: rgb(111.625751073, 232.174248927, 196.5090128755) !important;
+  background: rgb(121.2, 222.6, 192.6) !important;
 }
 
 .teal-400-text {
-  color: rgb(63.8343347639, 224.5656652361, 177.0120171674) !important;
+  color: rgb(76.6, 211.8, 171.8) !important;
 }
 
 .teal-400-border {
-  border-color: rgb(63.8343347639, 224.5656652361, 177.0120171674) !important;
+  border-color: rgb(76.6, 211.8, 171.8) !important;
 }
 
 .teal-400-bg {
-  background: rgb(63.8343347639, 224.5656652361, 177.0120171674) !important;
+  background: rgb(76.6, 211.8, 171.8) !important;
 }
 
 .teal-400-pseudo-bg::after, .teal-400-pseudo-bg::before {
-  background: rgb(63.8343347639, 224.5656652361, 177.0120171674) !important;
+  background: rgb(76.6, 211.8, 171.8) !important;
 }
 
 .teal-400-hover-text:hover {
-  color: rgb(63.8343347639, 224.5656652361, 177.0120171674) !important;
+  color: rgb(76.6, 211.8, 171.8) !important;
 }
 
 .teal-400-hover-border:hover {
-  border-color: rgb(63.8343347639, 224.5656652361, 177.0120171674) !important;
+  border-color: rgb(76.6, 211.8, 171.8) !important;
 }
 
 .teal-400-hover-bg:hover {
-  background: rgb(63.8343347639, 224.5656652361, 177.0120171674) !important;
+  background: rgb(76.6, 211.8, 171.8) !important;
 }
 
 .teal-400-hover-pseudo-bg:hover::after, .teal-400-hover-pseudo-bg:hover::before {
-  background: rgb(63.8343347639, 224.5656652361, 177.0120171674) !important;
+  background: rgb(76.6, 211.8, 171.8) !important;
 }
 
 .teal-500-text {
@@ -2985,131 +2998,131 @@
 }
 
 .cyan-100-text {
-  color: rgb(206.2411067194, 244.6387351779, 252.3588932806) !important;
+  color: rgb(206.6, 244.4, 252) !important;
 }
 
 .cyan-100-border {
-  border-color: rgb(206.2411067194, 244.6387351779, 252.3588932806) !important;
+  border-color: rgb(206.6, 244.4, 252) !important;
 }
 
 .cyan-100-bg {
-  background: rgb(206.2411067194, 244.6387351779, 252.3588932806) !important;
+  background: rgb(206.6, 244.4, 252) !important;
 }
 
 .cyan-100-pseudo-bg::after, .cyan-100-pseudo-bg::before {
-  background: rgb(206.2411067194, 244.6387351779, 252.3588932806) !important;
+  background: rgb(206.6, 244.4, 252) !important;
 }
 
 .cyan-100-hover-text:hover {
-  color: rgb(206.2411067194, 244.6387351779, 252.3588932806) !important;
+  color: rgb(206.6, 244.4, 252) !important;
 }
 
 .cyan-100-hover-border:hover {
-  border-color: rgb(206.2411067194, 244.6387351779, 252.3588932806) !important;
+  border-color: rgb(206.6, 244.4, 252) !important;
 }
 
 .cyan-100-hover-bg:hover {
-  background: rgb(206.2411067194, 244.6387351779, 252.3588932806) !important;
+  background: rgb(206.6, 244.4, 252) !important;
 }
 
 .cyan-100-hover-pseudo-bg:hover::after, .cyan-100-hover-pseudo-bg:hover::before {
-  background: rgb(206.2411067194, 244.6387351779, 252.3588932806) !important;
+  background: rgb(206.6, 244.4, 252) !important;
 }
 
 .cyan-200-text {
-  color: rgb(157.4822134387, 234.2774703557, 249.7177865613) !important;
+  color: rgb(158.2, 233.8, 249) !important;
 }
 
 .cyan-200-border {
-  border-color: rgb(157.4822134387, 234.2774703557, 249.7177865613) !important;
+  border-color: rgb(158.2, 233.8, 249) !important;
 }
 
 .cyan-200-bg {
-  background: rgb(157.4822134387, 234.2774703557, 249.7177865613) !important;
+  background: rgb(158.2, 233.8, 249) !important;
 }
 
 .cyan-200-pseudo-bg::after, .cyan-200-pseudo-bg::before {
-  background: rgb(157.4822134387, 234.2774703557, 249.7177865613) !important;
+  background: rgb(158.2, 233.8, 249) !important;
 }
 
 .cyan-200-hover-text:hover {
-  color: rgb(157.4822134387, 234.2774703557, 249.7177865613) !important;
+  color: rgb(158.2, 233.8, 249) !important;
 }
 
 .cyan-200-hover-border:hover {
-  border-color: rgb(157.4822134387, 234.2774703557, 249.7177865613) !important;
+  border-color: rgb(158.2, 233.8, 249) !important;
 }
 
 .cyan-200-hover-bg:hover {
-  background: rgb(157.4822134387, 234.2774703557, 249.7177865613) !important;
+  background: rgb(158.2, 233.8, 249) !important;
 }
 
 .cyan-200-hover-pseudo-bg:hover::after, .cyan-200-hover-pseudo-bg:hover::before {
-  background: rgb(157.4822134387, 234.2774703557, 249.7177865613) !important;
+  background: rgb(158.2, 233.8, 249) !important;
 }
 
 .cyan-300-text {
-  color: rgb(108.7233201581, 223.9162055336, 247.0766798419) !important;
+  color: rgb(109.8, 223.2, 246) !important;
 }
 
 .cyan-300-border {
-  border-color: rgb(108.7233201581, 223.9162055336, 247.0766798419) !important;
+  border-color: rgb(109.8, 223.2, 246) !important;
 }
 
 .cyan-300-bg {
-  background: rgb(108.7233201581, 223.9162055336, 247.0766798419) !important;
+  background: rgb(109.8, 223.2, 246) !important;
 }
 
 .cyan-300-pseudo-bg::after, .cyan-300-pseudo-bg::before {
-  background: rgb(108.7233201581, 223.9162055336, 247.0766798419) !important;
+  background: rgb(109.8, 223.2, 246) !important;
 }
 
 .cyan-300-hover-text:hover {
-  color: rgb(108.7233201581, 223.9162055336, 247.0766798419) !important;
+  color: rgb(109.8, 223.2, 246) !important;
 }
 
 .cyan-300-hover-border:hover {
-  border-color: rgb(108.7233201581, 223.9162055336, 247.0766798419) !important;
+  border-color: rgb(109.8, 223.2, 246) !important;
 }
 
 .cyan-300-hover-bg:hover {
-  background: rgb(108.7233201581, 223.9162055336, 247.0766798419) !important;
+  background: rgb(109.8, 223.2, 246) !important;
 }
 
 .cyan-300-hover-pseudo-bg:hover::after, .cyan-300-hover-pseudo-bg:hover::before {
-  background: rgb(108.7233201581, 223.9162055336, 247.0766798419) !important;
+  background: rgb(109.8, 223.2, 246) !important;
 }
 
 .cyan-400-text {
-  color: rgb(59.9644268775, 213.5549407115, 244.4355731225) !important;
+  color: rgb(61.4, 212.6, 243) !important;
 }
 
 .cyan-400-border {
-  border-color: rgb(59.9644268775, 213.5549407115, 244.4355731225) !important;
+  border-color: rgb(61.4, 212.6, 243) !important;
 }
 
 .cyan-400-bg {
-  background: rgb(59.9644268775, 213.5549407115, 244.4355731225) !important;
+  background: rgb(61.4, 212.6, 243) !important;
 }
 
 .cyan-400-pseudo-bg::after, .cyan-400-pseudo-bg::before {
-  background: rgb(59.9644268775, 213.5549407115, 244.4355731225) !important;
+  background: rgb(61.4, 212.6, 243) !important;
 }
 
 .cyan-400-hover-text:hover {
-  color: rgb(59.9644268775, 213.5549407115, 244.4355731225) !important;
+  color: rgb(61.4, 212.6, 243) !important;
 }
 
 .cyan-400-hover-border:hover {
-  border-color: rgb(59.9644268775, 213.5549407115, 244.4355731225) !important;
+  border-color: rgb(61.4, 212.6, 243) !important;
 }
 
 .cyan-400-hover-bg:hover {
-  background: rgb(59.9644268775, 213.5549407115, 244.4355731225) !important;
+  background: rgb(61.4, 212.6, 243) !important;
 }
 
 .cyan-400-hover-pseudo-bg:hover::after, .cyan-400-hover-pseudo-bg:hover::before {
-  background: rgb(59.9644268775, 213.5549407115, 244.4355731225) !important;
+  background: rgb(61.4, 212.6, 243) !important;
 }
 
 .cyan-500-text {
@@ -3273,131 +3286,131 @@
 }
 
 .flatrica-green-100-text {
-  color: rgb(8.3375722543, 232.0624277457, 137.5699421965) !important;
+  color: rgb(205.2, 237.4, 223.8) !important;
 }
 
 .flatrica-green-100-border {
-  border-color: rgb(8.3375722543, 232.0624277457, 137.5699421965) !important;
+  border-color: rgb(205.2, 237.4, 223.8) !important;
 }
 
 .flatrica-green-100-bg {
-  background: rgb(8.3375722543, 232.0624277457, 137.5699421965) !important;
+  background: rgb(205.2, 237.4, 223.8) !important;
 }
 
 .flatrica-green-100-pseudo-bg::after, .flatrica-green-100-pseudo-bg::before {
-  background: rgb(8.3375722543, 232.0624277457, 137.5699421965) !important;
+  background: rgb(205.2, 237.4, 223.8) !important;
 }
 
 .flatrica-green-100-hover-text:hover {
-  color: rgb(8.3375722543, 232.0624277457, 137.5699421965) !important;
+  color: rgb(205.2, 237.4, 223.8) !important;
 }
 
 .flatrica-green-100-hover-border:hover {
-  border-color: rgb(8.3375722543, 232.0624277457, 137.5699421965) !important;
+  border-color: rgb(205.2, 237.4, 223.8) !important;
 }
 
 .flatrica-green-100-hover-bg:hover {
-  background: rgb(8.3375722543, 232.0624277457, 137.5699421965) !important;
+  background: rgb(205.2, 237.4, 223.8) !important;
 }
 
 .flatrica-green-100-hover-pseudo-bg:hover::after, .flatrica-green-100-hover-pseudo-bg:hover::before {
-  background: rgb(8.3375722543, 232.0624277457, 137.5699421965) !important;
+  background: rgb(205.2, 237.4, 223.8) !important;
 }
 
 .flatrica-green-200-text {
-  color: rgb(59.812716763, 247.987283237, 168.5098265896) !important;
+  color: rgb(155.4, 219.8, 192.6) !important;
 }
 
 .flatrica-green-200-border {
-  border-color: rgb(59.812716763, 247.987283237, 168.5098265896) !important;
+  border-color: rgb(155.4, 219.8, 192.6) !important;
 }
 
 .flatrica-green-200-bg {
-  background: rgb(59.812716763, 247.987283237, 168.5098265896) !important;
+  background: rgb(155.4, 219.8, 192.6) !important;
 }
 
 .flatrica-green-200-pseudo-bg::after, .flatrica-green-200-pseudo-bg::before {
-  background: rgb(59.812716763, 247.987283237, 168.5098265896) !important;
+  background: rgb(155.4, 219.8, 192.6) !important;
 }
 
 .flatrica-green-200-hover-text:hover {
-  color: rgb(59.812716763, 247.987283237, 168.5098265896) !important;
+  color: rgb(155.4, 219.8, 192.6) !important;
 }
 
 .flatrica-green-200-hover-border:hover {
-  border-color: rgb(59.812716763, 247.987283237, 168.5098265896) !important;
+  border-color: rgb(155.4, 219.8, 192.6) !important;
 }
 
 .flatrica-green-200-hover-bg:hover {
-  background: rgb(59.812716763, 247.987283237, 168.5098265896) !important;
+  background: rgb(155.4, 219.8, 192.6) !important;
 }
 
 .flatrica-green-200-hover-pseudo-bg:hover::after, .flatrica-green-200-hover-pseudo-bg:hover::before {
-  background: rgb(59.812716763, 247.987283237, 168.5098265896) !important;
+  background: rgb(155.4, 219.8, 192.6) !important;
 }
 
 .flatrica-green-300-text {
-  color: rgb(124.8751445087, 250.3248554913, 197.3398843931) !important;
+  color: rgb(105.6, 202.2, 161.4) !important;
 }
 
 .flatrica-green-300-border {
-  border-color: rgb(124.8751445087, 250.3248554913, 197.3398843931) !important;
+  border-color: rgb(105.6, 202.2, 161.4) !important;
 }
 
 .flatrica-green-300-bg {
-  background: rgb(124.8751445087, 250.3248554913, 197.3398843931) !important;
+  background: rgb(105.6, 202.2, 161.4) !important;
 }
 
 .flatrica-green-300-pseudo-bg::after, .flatrica-green-300-pseudo-bg::before {
-  background: rgb(124.8751445087, 250.3248554913, 197.3398843931) !important;
+  background: rgb(105.6, 202.2, 161.4) !important;
 }
 
 .flatrica-green-300-hover-text:hover {
-  color: rgb(124.8751445087, 250.3248554913, 197.3398843931) !important;
+  color: rgb(105.6, 202.2, 161.4) !important;
 }
 
 .flatrica-green-300-hover-border:hover {
-  border-color: rgb(124.8751445087, 250.3248554913, 197.3398843931) !important;
+  border-color: rgb(105.6, 202.2, 161.4) !important;
 }
 
 .flatrica-green-300-hover-bg:hover {
-  background: rgb(124.8751445087, 250.3248554913, 197.3398843931) !important;
+  background: rgb(105.6, 202.2, 161.4) !important;
 }
 
 .flatrica-green-300-hover-pseudo-bg:hover::after, .flatrica-green-300-hover-pseudo-bg:hover::before {
-  background: rgb(124.8751445087, 250.3248554913, 197.3398843931) !important;
+  background: rgb(105.6, 202.2, 161.4) !important;
 }
 
 .flatrica-green-400-text {
-  color: rgb(189.9375722543, 252.6624277457, 226.1699421965) !important;
+  color: rgb(55.8, 184.6, 130.2) !important;
 }
 
 .flatrica-green-400-border {
-  border-color: rgb(189.9375722543, 252.6624277457, 226.1699421965) !important;
+  border-color: rgb(55.8, 184.6, 130.2) !important;
 }
 
 .flatrica-green-400-bg {
-  background: rgb(189.9375722543, 252.6624277457, 226.1699421965) !important;
+  background: rgb(55.8, 184.6, 130.2) !important;
 }
 
 .flatrica-green-400-pseudo-bg::after, .flatrica-green-400-pseudo-bg::before {
-  background: rgb(189.9375722543, 252.6624277457, 226.1699421965) !important;
+  background: rgb(55.8, 184.6, 130.2) !important;
 }
 
 .flatrica-green-400-hover-text:hover {
-  color: rgb(189.9375722543, 252.6624277457, 226.1699421965) !important;
+  color: rgb(55.8, 184.6, 130.2) !important;
 }
 
 .flatrica-green-400-hover-border:hover {
-  border-color: rgb(189.9375722543, 252.6624277457, 226.1699421965) !important;
+  border-color: rgb(55.8, 184.6, 130.2) !important;
 }
 
 .flatrica-green-400-hover-bg:hover {
-  background: rgb(189.9375722543, 252.6624277457, 226.1699421965) !important;
+  background: rgb(55.8, 184.6, 130.2) !important;
 }
 
 .flatrica-green-400-hover-pseudo-bg:hover::after, .flatrica-green-400-hover-pseudo-bg:hover::before {
-  background: rgb(189.9375722543, 252.6624277457, 226.1699421965) !important;
+  background: rgb(55.8, 184.6, 130.2) !important;
 }
 
 .flatrica-green-500-text {
@@ -3561,131 +3574,131 @@
 }
 
 .manga-red-100-text {
-  color: rgb(234.241025641, 56.8461538462, 54.958974359) !important;
+  color: rgb(246.4, 208.8, 208.4) !important;
 }
 
 .manga-red-100-border {
-  border-color: rgb(234.241025641, 56.8461538462, 54.958974359) !important;
+  border-color: rgb(246.4, 208.8, 208.4) !important;
 }
 
 .manga-red-100-bg {
-  background: rgb(234.241025641, 56.8461538462, 54.958974359) !important;
+  background: rgb(246.4, 208.8, 208.4) !important;
 }
 
 .manga-red-100-pseudo-bg::after, .manga-red-100-pseudo-bg::before {
-  background: rgb(234.241025641, 56.8461538462, 54.958974359) !important;
+  background: rgb(246.4, 208.8, 208.4) !important;
 }
 
 .manga-red-100-hover-text:hover {
-  color: rgb(234.241025641, 56.8461538462, 54.958974359) !important;
+  color: rgb(246.4, 208.8, 208.4) !important;
 }
 
 .manga-red-100-hover-border:hover {
-  border-color: rgb(234.241025641, 56.8461538462, 54.958974359) !important;
+  border-color: rgb(246.4, 208.8, 208.4) !important;
 }
 
 .manga-red-100-hover-bg:hover {
-  background: rgb(234.241025641, 56.8461538462, 54.958974359) !important;
+  background: rgb(246.4, 208.8, 208.4) !important;
 }
 
 .manga-red-100-hover-pseudo-bg:hover::after, .manga-red-100-hover-pseudo-bg:hover::before {
-  background: rgb(234.241025641, 56.8461538462, 54.958974359) !important;
+  background: rgb(246.4, 208.8, 208.4) !important;
 }
 
 .manga-red-200-text {
-  color: rgb(239.4307692308, 106.3846153846, 104.9692307692) !important;
+  color: rgb(237.8, 162.6, 161.8) !important;
 }
 
 .manga-red-200-border {
-  border-color: rgb(239.4307692308, 106.3846153846, 104.9692307692) !important;
+  border-color: rgb(237.8, 162.6, 161.8) !important;
 }
 
 .manga-red-200-bg {
-  background: rgb(239.4307692308, 106.3846153846, 104.9692307692) !important;
+  background: rgb(237.8, 162.6, 161.8) !important;
 }
 
 .manga-red-200-pseudo-bg::after, .manga-red-200-pseudo-bg::before {
-  background: rgb(239.4307692308, 106.3846153846, 104.9692307692) !important;
+  background: rgb(237.8, 162.6, 161.8) !important;
 }
 
 .manga-red-200-hover-text:hover {
-  color: rgb(239.4307692308, 106.3846153846, 104.9692307692) !important;
+  color: rgb(237.8, 162.6, 161.8) !important;
 }
 
 .manga-red-200-hover-border:hover {
-  border-color: rgb(239.4307692308, 106.3846153846, 104.9692307692) !important;
+  border-color: rgb(237.8, 162.6, 161.8) !important;
 }
 
 .manga-red-200-hover-bg:hover {
-  background: rgb(239.4307692308, 106.3846153846, 104.9692307692) !important;
+  background: rgb(237.8, 162.6, 161.8) !important;
 }
 
 .manga-red-200-hover-pseudo-bg:hover::after, .manga-red-200-hover-pseudo-bg:hover::before {
-  background: rgb(239.4307692308, 106.3846153846, 104.9692307692) !important;
+  background: rgb(237.8, 162.6, 161.8) !important;
 }
 
 .manga-red-300-text {
-  color: rgb(244.6205128205, 155.9230769231, 154.9794871795) !important;
+  color: rgb(229.2, 116.4, 115.2) !important;
 }
 
 .manga-red-300-border {
-  border-color: rgb(244.6205128205, 155.9230769231, 154.9794871795) !important;
+  border-color: rgb(229.2, 116.4, 115.2) !important;
 }
 
 .manga-red-300-bg {
-  background: rgb(244.6205128205, 155.9230769231, 154.9794871795) !important;
+  background: rgb(229.2, 116.4, 115.2) !important;
 }
 
 .manga-red-300-pseudo-bg::after, .manga-red-300-pseudo-bg::before {
-  background: rgb(244.6205128205, 155.9230769231, 154.9794871795) !important;
+  background: rgb(229.2, 116.4, 115.2) !important;
 }
 
 .manga-red-300-hover-text:hover {
-  color: rgb(244.6205128205, 155.9230769231, 154.9794871795) !important;
+  color: rgb(229.2, 116.4, 115.2) !important;
 }
 
 .manga-red-300-hover-border:hover {
-  border-color: rgb(244.6205128205, 155.9230769231, 154.9794871795) !important;
+  border-color: rgb(229.2, 116.4, 115.2) !important;
 }
 
 .manga-red-300-hover-bg:hover {
-  background: rgb(244.6205128205, 155.9230769231, 154.9794871795) !important;
+  background: rgb(229.2, 116.4, 115.2) !important;
 }
 
 .manga-red-300-hover-pseudo-bg:hover::after, .manga-red-300-hover-pseudo-bg:hover::before {
-  background: rgb(244.6205128205, 155.9230769231, 154.9794871795) !important;
+  background: rgb(229.2, 116.4, 115.2) !important;
 }
 
 .manga-red-400-text {
-  color: rgb(249.8102564103, 205.4615384615, 204.9897435897) !important;
+  color: rgb(220.6, 70.2, 68.6) !important;
 }
 
 .manga-red-400-border {
-  border-color: rgb(249.8102564103, 205.4615384615, 204.9897435897) !important;
+  border-color: rgb(220.6, 70.2, 68.6) !important;
 }
 
 .manga-red-400-bg {
-  background: rgb(249.8102564103, 205.4615384615, 204.9897435897) !important;
+  background: rgb(220.6, 70.2, 68.6) !important;
 }
 
 .manga-red-400-pseudo-bg::after, .manga-red-400-pseudo-bg::before {
-  background: rgb(249.8102564103, 205.4615384615, 204.9897435897) !important;
+  background: rgb(220.6, 70.2, 68.6) !important;
 }
 
 .manga-red-400-hover-text:hover {
-  color: rgb(249.8102564103, 205.4615384615, 204.9897435897) !important;
+  color: rgb(220.6, 70.2, 68.6) !important;
 }
 
 .manga-red-400-hover-border:hover {
-  border-color: rgb(249.8102564103, 205.4615384615, 204.9897435897) !important;
+  border-color: rgb(220.6, 70.2, 68.6) !important;
 }
 
 .manga-red-400-hover-bg:hover {
-  background: rgb(249.8102564103, 205.4615384615, 204.9897435897) !important;
+  background: rgb(220.6, 70.2, 68.6) !important;
 }
 
 .manga-red-400-hover-pseudo-bg:hover::after, .manga-red-400-hover-pseudo-bg:hover::before {
-  background: rgb(249.8102564103, 205.4615384615, 204.9897435897) !important;
+  background: rgb(220.6, 70.2, 68.6) !important;
 }
 
 .manga-red-500-text {
@@ -4986,104 +4999,104 @@
   --blue-300: 109.8 168 253.8;
   --blue-400: 61.4 139 253.4;
   --blue-500: 13 110 253;
-  --blue-600: 1.7442622951 86.3409836066 211.0557377049;
-  --blue-700: 1.3081967213 64.7557377049 158.2918032787;
-  --blue-800: 0.8721311475 43.1704918033 105.5278688525;
-  --blue-900: 0.4360655738 21.5852459016 52.7639344262;
+  --blue-600: 10.4 88 202.4;
+  --blue-700: 7.8 66 151.8;
+  --blue-800: 5.2 44 101.2;
+  --blue-900: 2.6 22 50.6;
   --indigo-100: 224.4 207.2 252.4;
   --indigo-200: 193.8 159.4 249.8;
   --indigo-300: 163.2 111.6 247.2;
   --indigo-400: 132.6 63.8 244.6;
   --indigo-500: 102 16 242;
-  --indigo-600: 81.0857142857 10.6476190476 195.7523809524;
-  --indigo-700: 60.8142857143 7.9857142857 146.8142857143;
-  --indigo-800: 40.5428571429 5.3238095238 97.8761904762;
-  --indigo-900: 20.2714285714 2.6619047619 48.9380952381;
+  --indigo-600: 81.6 12.8 193.6;
+  --indigo-700: 61.2 9.6 145.2;
+  --indigo-800: 40.8 6.4 96.8;
+  --indigo-900: 20.4 3.2 48.4;
   --purple-100: 226.2 217.2 242.6;
   --purple-200: 197.4 179.4 230.2;
   --purple-300: 168.6 141.6 217.8;
   --purple-400: 139.8 103.8 205.4;
   --purple-500: 111 66 193;
-  --purple-600: 88.3282868526 51.180876494 156.019123506;
-  --purple-700: 66.2462151394 38.3856573705 117.0143426295;
-  --purple-800: 44.1641434263 25.590438247 78.009561753;
-  --purple-900: 22.0820717131 12.7952191235 39.0047808765;
+  --purple-600: 88.8 52.8 154.4;
+  --purple-700: 66.6 39.6 115.8;
+  --purple-800: 44.4 26.4 77.2;
+  --purple-900: 22.2 13.2 38.6;
   --pink-100: 246.8 214.2 230.4;
   --pink-200: 238.6 173.4 205.8;
   --pink-300: 230.4 132.6 181.2;
   --pink-400: 222.2 91.8 156.6;
   --pink-500: 214 51 132;
-  --pink-600: 176.5224489796 35.4775510204 105.5673469388;
-  --pink-700: 132.3918367347 26.6081632653 79.1755102041;
-  --pink-800: 88.2612244898 17.7387755102 52.7836734694;
-  --pink-900: 44.1306122449 8.8693877551 26.3918367347;
+  --pink-600: 171.2 40.8 105.6;
+  --pink-700: 128.4 30.6 79.2;
+  --pink-800: 85.6 20.4 52.8;
+  --pink-900: 42.8 10.2 26.4;
   --red-100: 248 214.6 217.8;
   --red-200: 241 174.2 180.6;
   --red-300: 234 133.8 143.4;
   --red-400: 227 93.4 106.2;
   --red-500: 220 53 69;
-  --red-600: 186.146835443 32.253164557 46.9974683544;
-  --red-700: 139.6101265823 24.1898734177 35.2481012658;
-  --red-800: 93.0734177215 16.1265822785 23.4987341772;
-  --red-900: 46.5367088608 8.0632911392 11.7493670886;
+  --red-600: 176 42.4 55.2;
+  --red-700: 132 31.8 41.4;
+  --red-800: 88 21.2 27.6;
+  --red-900: 44 10.6 13.8;
   --orange-100: 254.6 229.2 208;
   --orange-200: 254.2 203.4 161;
   --orange-300: 253.8 177.6 114;
   --orange-400: 253.4 151.8 67;
   --orange-500: 253 126 20;
-  --orange-600: 216.5569620253 99.5240506329 1.8430379747;
-  --orange-700: 162.417721519 74.6430379747 1.382278481;
-  --orange-800: 108.2784810127 49.7620253165 0.9215189873;
-  --orange-900: 54.1392405063 24.8810126582 0.4607594937;
+  --orange-600: 202.4 100.8 16;
+  --orange-700: 151.8 75.6 12;
+  --orange-800: 101.2 50.4 8;
+  --orange-900: 50.6 25.2 4;
   --yellow-100: 255 242.6 205.4;
   --yellow-200: 255 230.2 155.8;
   --yellow-300: 255 217.8 106.2;
   --yellow-400: 255 205.4 56.6;
   --yellow-500: 255 193 7;
-  --yellow-600: 209.6 157.2 0;
-  --yellow-700: 157.2 117.9 0;
-  --yellow-800: 104.8 78.6 0;
-  --yellow-900: 52.4 39.3 0;
-  --green-100: 195.9375 244.0625 221.75;
-  --green-200: 136.875 233.125 188.5;
-  --green-300: 77.8125 222.1875 155.25;
-  --green-400: 35.9375 194.0625 120.75;
+  --yellow-600: 204 154.4 5.6;
+  --yellow-700: 153 115.8 4.2;
+  --yellow-800: 102 77.2 2.8;
+  --yellow-900: 51 38.6 1.4;
+  --green-100: 209 231 220.8;
+  --green-200: 163 207 186.6;
+  --green-300: 117 183 152.4;
+  --green-400: 71 159 118.2;
   --green-500: 25 135 84;
   --green-600: 25 135 84;
   --green-700: 20 108 67.2;
   --green-800: 15 81 50.4;
   --green-900: 10 54 33.6;
-  --teal-100: 207.208583691 247.391416309 235.5030042918;
-  --teal-200: 159.417167382 239.782832618 216.0060085837;
-  --teal-300: 111.625751073 232.174248927 196.5090128755;
-  --teal-400: 63.8343347639 224.5656652361 177.0120171674;
+  --teal-100: 210.4 244.2 234.2;
+  --teal-200: 165.8 233.4 213.4;
+  --teal-300: 121.2 222.6 192.6;
+  --teal-400: 76.6 211.8 171.8;
   --teal-500: 32 201 151;
   --teal-600: 25.6 160.8 120.8;
   --teal-700: 19.2 120.6 90.6;
   --teal-800: 12.8 80.4 60.4;
   --teal-900: 6.4 40.2 30.2;
-  --cyan-100: 206.2411067194 244.6387351779 252.3588932806;
-  --cyan-200: 157.4822134387 234.2774703557 249.7177865613;
-  --cyan-300: 108.7233201581 223.9162055336 247.0766798419;
-  --cyan-400: 59.9644268775 213.5549407115 244.4355731225;
+  --cyan-100: 206.6 244.4 252;
+  --cyan-200: 158.2 233.8 249;
+  --cyan-300: 109.8 223.2 246;
+  --cyan-400: 61.4 212.6 243;
   --cyan-500: 13 202 240;
   --cyan-600: 10.4 161.6 192;
   --cyan-700: 7.8 121.2 144;
   --cyan-800: 5.2 80.8 96;
   --cyan-900: 2.6 40.4 48;
-  --flatrica-green-100: 8.3375722543 232.0624277457 137.5699421965;
-  --flatrica-green-200: 59.812716763 247.987283237 168.5098265896;
-  --flatrica-green-300: 124.8751445087 250.3248554913 197.3398843931;
-  --flatrica-green-400: 189.9375722543 252.6624277457 226.1699421965;
+  --flatrica-green-100: 205.2 237.4 223.8;
+  --flatrica-green-200: 155.4 219.8 192.6;
+  --flatrica-green-300: 105.6 202.2 161.4;
+  --flatrica-green-400: 55.8 184.6 130.2;
   --flatrica-green-500: 6 167 99;
   --flatrica-green-600: 4.8 133.6 79.2;
   --flatrica-green-700: 3.6 100.2 59.4;
   --flatrica-green-800: 2.4 66.8 39.6;
   --flatrica-green-900: 1.2 33.4 19.8;
-  --manga-red-100: 234.241025641 56.8461538462 54.958974359;
-  --manga-red-200: 239.4307692308 106.3846153846 104.9692307692;
-  --manga-red-300: 244.6205128205 155.9230769231 154.9794871795;
-  --manga-red-400: 249.8102564103 205.4615384615 204.9897435897;
+  --manga-red-100: 246.4 208.8 208.4;
+  --manga-red-200: 237.8 162.6 161.8;
+  --manga-red-300: 229.2 116.4 115.2;
+  --manga-red-400: 220.6 70.2 68.6;
   --manga-red-500: 212 24 22;
   --manga-red-600: 169.6 19.2 17.6;
   --manga-red-700: 127.2 14.4 13.2;
@@ -5233,10 +5246,10 @@
   --on-flatrica-green-700: 255 255 255;
   --on-flatrica-green-800: 255 255 255;
   --on-flatrica-green-900: 255 255 255;
-  --on-manga-red-100: 255 255 255;
+  --on-manga-red-100: 0 0 0;
   --on-manga-red-200: 0 0 0;
   --on-manga-red-300: 0 0 0;
-  --on-manga-red-400: 0 0 0;
+  --on-manga-red-400: 255 255 255;
   --on-manga-red-500: 255 255 255;
   --on-manga-red-600: 255 255 255;
   --on-manga-red-700: 255 255 255;
@@ -5775,10 +5788,17 @@
 }
 
 :root {
-  --color-opaque-1: #111111;
+  --color-opaque-1: rgba(33.0810810811, 33.0810810811, 33.0810810811, 0.84);
   --color-opaque-2: rgb(110.5, 110.5, 110.5);
-  --color-shift-1: rgb(89.25, 89.25, 89.25);
-  --color-shift-2: rgb(229.5, 229.5, 229.5);
+  --color-opaque-3: #dddddd;
+  --color-tint-1: rgb(89.25, 89.25, 89.25);
+  --color-tint-2: rgb(229.5, 229.5, 229.5);
+  --color-shade-1: rgb(25.5, 25.5, 25.5);
+  --color-shade-2: rgb(165.75, 165.75, 165.75);
+  --color-shift-1: rgb(25.5, 25.5, 25.5);
+  --color-shift-2: rgb(165.75, 165.75, 165.75);
+  --color-shift-3: rgb(89.25, 89.25, 89.25);
+  --color-shift-4: rgb(229.5, 229.5, 229.5);
   --color-contrast-1: #fff;
   --color-contrast-2: #000;
   --color-brightness-1: #fff;