@guebbit/css-toolkit 1.1.3 → 1.2.0

package/test/test.css

@@ -4,6 +4,14 @@
  * color-opaque(#fff, rgba(0, 0, 0, .5)) => #808080
  * function credited to https://getbootstrap.com/
  */
+/**
+ * Tint a color: mix a color with white
+ * function credited to https://getbootstrap.com/
+ */
+/**
+ * Shade a color: mix a color with black
+ * function credited to https://getbootstrap.com/
+ */
 /**
  * Shade the color if the weight is positive, else tint it
  * function credited to https://getbootstrap.com/
@@ -553,131 +561,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 +849,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 +1137,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 +1425,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 +1713,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 +2001,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 +2289,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 +2705,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 +2993,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 +3281,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 +3569,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 {
@@ -4981,114 +4989,114 @@
   --grey-700: 73 80 87;
   --grey-800: 52 58 64;
   --grey-900: 33 37 41;
-  --blue-100: 206.6 226 254.6;
-  --blue-200: 158.2 197 254.2;
-  --blue-300: 109.8 168 253.8;
-  --blue-400: 61.4 139 253.4;
+  --blue-100: 207 226 255;
+  --blue-200: 158 197 254;
+  --blue-300: 110 168 254;
+  --blue-400: 61 139 253;
   --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;
-  --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;
+  --blue-600: 10 88 202;
+  --blue-700: 8 66 152;
+  --blue-800: 5 44 101;
+  --blue-900: 3 22 51;
+  --indigo-100: 224 207 252;
+  --indigo-200: 194 159 250;
+  --indigo-300: 163 112 247;
+  --indigo-400: 133 64 245;
   --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;
-  --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;
+  --indigo-600: 82 13 194;
+  --indigo-700: 61 10 145;
+  --indigo-800: 41 6 97;
+  --indigo-900: 20 3 48;
+  --purple-100: 226 217 243;
+  --purple-200: 197 179 230;
+  --purple-300: 169 142 218;
+  --purple-400: 140 104 205;
   --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;
-  --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;
+  --purple-600: 89 53 154;
+  --purple-700: 67 40 116;
+  --purple-800: 44 26 77;
+  --purple-900: 22 13 39;
+  --pink-100: 247 214 230;
+  --pink-200: 239 173 206;
+  --pink-300: 230 133 181;
+  --pink-400: 222 92 157;
   --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;
-  --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;
+  --pink-600: 171 41 106;
+  --pink-700: 128 31 79;
+  --pink-800: 86 20 53;
+  --pink-900: 43 10 26;
+  --red-100: 248 215 218;
+  --red-200: 241 174 181;
+  --red-300: 234 134 143;
+  --red-400: 227 93 106;
   --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;
-  --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;
+  --red-600: 176 42 55;
+  --red-700: 132 32 41;
+  --red-800: 88 21 28;
+  --red-900: 44 11 14;
+  --orange-100: 255 229 208;
+  --orange-200: 254 203 161;
+  --orange-300: 254 178 114;
+  --orange-400: 253 152 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;
-  --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;
+  --orange-600: 202 101 16;
+  --orange-700: 152 76 12;
+  --orange-800: 101 50 8;
+  --orange-900: 51 25 4;
+  --yellow-100: 255 243 205;
+  --yellow-200: 255 230 156;
+  --yellow-300: 255 218 106;
+  --yellow-400: 255 205 57;
   --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 6;
+  --yellow-700: 153 116 4;
+  --yellow-800: 102 77 3;
+  --yellow-900: 51 39 1;
+  --green-100: 209 231 221;
+  --green-200: 163 207 187;
+  --green-300: 117 183 152;
+  --green-400: 71 159 118;
   --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;
+  --green-700: 20 108 67;
+  --green-800: 15 81 50;
+  --green-900: 10 54 34;
+  --teal-100: 210 244 234;
+  --teal-200: 166 233 213;
+  --teal-300: 121 223 193;
+  --teal-400: 77 212 172;
   --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;
+  --teal-600: 26 161 121;
+  --teal-700: 19 121 91;
+  --teal-800: 13 80 60;
+  --teal-900: 6 40 30;
+  --cyan-100: 207 244 252;
+  --cyan-200: 158 234 249;
+  --cyan-300: 110 223 246;
+  --cyan-400: 61 213 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;
+  --cyan-600: 10 162 192;
+  --cyan-700: 8 121 144;
+  --cyan-800: 5 81 96;
+  --cyan-900: 3 40 48;
+  --flatrica-green-100: 205 237 224;
+  --flatrica-green-200: 155 220 193;
+  --flatrica-green-300: 106 202 161;
+  --flatrica-green-400: 56 185 130;
   --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;
+  --flatrica-green-600: 5 134 79;
+  --flatrica-green-700: 4 100 59;
+  --flatrica-green-800: 2 67 40;
+  --flatrica-green-900: 1 33 20;
+  --manga-red-100: 246 209 208;
+  --manga-red-200: 238 163 162;
+  --manga-red-300: 229 116 115;
+  --manga-red-400: 221 70 69;
   --manga-red-500: 212 24 22;
-  --manga-red-600: 169.6 19.2 17.6;
-  --manga-red-700: 127.2 14.4 13.2;
-  --manga-red-800: 84.8 9.6 8.8;
-  --manga-red-900: 42.4 4.8 4.4;
+  --manga-red-600: 170 19 18;
+  --manga-red-700: 127 14 13;
+  --manga-red-800: 85 10 9;
+  --manga-red-900: 42 5 4;
   --brand-facebook: 59 89 152;
   --brand-youtube: 204 24 30;
   --brand-twitter: 51 204 255;
@@ -5233,10 +5241,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 +5783,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;