indicator-ui 0.0.326 → 0.0.328

package/dist/index.css

@@ -18,18 +18,18 @@
     --gray-900: #101828;
     --gray-950: #0C111D;
 
-    --primary-25: #FCFAFF;
-    --primary-50: #F9F5FF;
-    --primary-100: #F4EBFF;
-    --primary-200: #E9D7FE;
-    --primary-300: #D6BBFB;
-    --primary-400: #B692F6;
-    --primary-500: #9E77ED;
-    --primary-600: #7F56D9;
-    --primary-700: #6941C6;
-    --primary-800: #53389E;
-    --primary-900: #42307D;
-    --primary-950: #2C1C5F;
+    --primary-25: #F5F8FF;
+    --primary-50: #EFF4FF;
+    --primary-100: #D1E0FF;
+    --primary-200: #B2CCFF;
+    --primary-300: #84ADFF;
+    --primary-400: #528BFF;
+    --primary-500: #2970FF;
+    --primary-600: #155EEF;
+    --primary-700: #004EEB;
+    --primary-800: #0040C1;
+    --primary-900: #00359E;
+    --primary-950: #002266;
 
     --error-25: #FFFBFA;
     --error-50: #FEF3F2;
@@ -157,7 +157,7 @@
   \*******************************************************************************************************************************************************************************************************************************************************************/
 .Buttons-module__button___I3yLe {
   cursor: pointer;
-  transition: all ease-out 0.2s;
+  transition: background-color ease-out 0.2s;
 }
 .Buttons-module__button___I3yLe {
   display: flex;
@@ -175,9 +175,20 @@
   justify-content: center;
   align-items: center;
 }
-.Buttons-module__button___I3yLe .Buttons-module__text___htxqX {
-  text-align: center;
+.Buttons-module__button___I3yLe .Buttons-module__icon___U2AOU svg * {
+  transition: stroke ease-out 0.2s;
+}
+.Buttons-module__button___I3yLe .Buttons-module__content___lPb5_ {
+  display: flex;
+  align-items: center;
+}
+.Buttons-module__button___I3yLe .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   flex: none;
+  text-align: center;
+  transition: color, weight 0.2s;
+}
+.Buttons-module__button___I3yLe .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
+  opacity: 0.6;
 }
 .Buttons-module__button___I3yLe.Buttons-module__widthFill___HXb85 {
   width: 100%;
@@ -199,12 +210,20 @@
   width: 16px;
   height: 16px;
 }
-.Buttons-module__button___I3yLe.Buttons-module__small___x1NQN .Buttons-module__text___htxqX {
+.Buttons-module__button___I3yLe.Buttons-module__small___x1NQN .Buttons-module__content___lPb5_ {
   padding: 0 4px;
+  gap: 4px;
+}
+.Buttons-module__button___I3yLe.Buttons-module__small___x1NQN .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX {
+  font-size: 14px;
+  line-height: 16px;
+  font-weight: 500;
+  font-family: "Golos UI", sans-serif;
 }
-.Buttons-module__button___I3yLe.Buttons-module__small___x1NQN .Buttons-module__text___htxqX {
+.Buttons-module__button___I3yLe.Buttons-module__small___x1NQN .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   font-size: 14px;
   line-height: 16px;
+  font-weight: 400;
   font-family: "Golos UI", sans-serif;
 }
 .Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd {
@@ -215,12 +234,20 @@
   width: 20px;
   height: 20px;
 }
-.Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd .Buttons-module__text___htxqX {
-  padding: 0 8px;
+.Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd .Buttons-module__content___lPb5_ {
+  padding: 0 6px;
+  gap: 4px;
+}
+.Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 500;
+  font-family: "Golos UI", sans-serif;
 }
-.Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd .Buttons-module__text___htxqX {
+.Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   font-size: 14px;
   line-height: 20px;
+  font-weight: 400;
   font-family: "Golos UI", sans-serif;
 }
 .Buttons-module__button___I3yLe.Buttons-module__large____KUDT {
@@ -231,12 +258,20 @@
   width: 20px;
   height: 20px;
 }
-.Buttons-module__button___I3yLe.Buttons-module__large____KUDT .Buttons-module__text___htxqX {
-  padding: 0 6px;
+.Buttons-module__button___I3yLe.Buttons-module__large____KUDT .Buttons-module__content___lPb5_ {
+  padding: 0 8px;
+  gap: 4px;
+}
+.Buttons-module__button___I3yLe.Buttons-module__large____KUDT .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX {
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 500;
+  font-family: "Golos UI", sans-serif;
 }
-.Buttons-module__button___I3yLe.Buttons-module__large____KUDT .Buttons-module__text___htxqX {
+.Buttons-module__button___I3yLe.Buttons-module__large____KUDT .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   font-size: 16px;
   line-height: 20px;
+  font-weight: 400;
   font-family: "Golos UI", sans-serif;
 }
 .Buttons-module__button___I3yLe.Buttons-module__ultra___zBezN {
@@ -247,35 +282,42 @@
   width: 24px;
   height: 24px;
 }
-.Buttons-module__button___I3yLe.Buttons-module__ultra___zBezN .Buttons-module__text___htxqX {
+.Buttons-module__button___I3yLe.Buttons-module__ultra___zBezN .Buttons-module__content___lPb5_ {
   padding: 0 12px;
+  gap: 4px;
+}
+.Buttons-module__button___I3yLe.Buttons-module__ultra___zBezN .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX {
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: 500;
+  font-family: "Golos UI", sans-serif;
 }
-.Buttons-module__button___I3yLe.Buttons-module__ultra___zBezN .Buttons-module__text___htxqX {
+.Buttons-module__button___I3yLe.Buttons-module__ultra___zBezN .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   font-size: 18px;
   line-height: 24px;
+  font-weight: 400;
   font-family: "Golos UI", sans-serif;
 }
 .Buttons-module__button___I3yLe.Buttons-module__primary____crHN {
   border-radius: 8px;
-  background-color: var(--blue-dark-500);
+  background-color: var(--primary-500);
   border: 1px solid transparent;
   box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }
 .Buttons-module__button___I3yLe.Buttons-module__primary____crHN .Buttons-module__icon___U2AOU svg * {
   stroke: var(--base-white);
 }
-.Buttons-module__button___I3yLe.Buttons-module__primary____crHN .Buttons-module__text___htxqX {
-  font-weight: 500;
+.Buttons-module__button___I3yLe.Buttons-module__primary____crHN .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   color: var(--base-white);
 }
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) {
-    background-color: var(--blue-dark-600);
+  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
+    background-color: var(--primary-600);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
-    background-color: var(--blue-dark-600);
+  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
+    background-color: var(--primary-600);
   }
 }
 .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:disabled, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN.Buttons-module__disabled___INiFx {
@@ -284,26 +326,25 @@
 .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ {
   border-radius: 8px;
   background-color: var(--base-white);
-  border: 1px solid var(--blue-dark-200);
+  border: 1px solid var(--primary-200);
   box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }
 .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__icon___U2AOU svg * {
-  stroke: var(--blue-dark-500);
+  stroke: var(--primary-500);
 }
-.Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__text___htxqX {
-  font-weight: 500;
-  color: var(--blue-dark-500);
+.Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
+  color: var(--primary-500);
 }
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) {
-    background-color: var(--blue-dark-50);
-    border: 1px solid var(--blue-dark-300);
+  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
+    background-color: var(--primary-50);
+    border: 1px solid var(--primary-300);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
-    background-color: var(--blue-dark-50);
-    border: 1px solid var(--blue-dark-300);
+  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
+    background-color: var(--primary-50);
+    border: 1px solid var(--primary-300);
   }
 }
 .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:disabled, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ.Buttons-module__disabled___INiFx {
@@ -318,25 +359,24 @@
 .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-700);
 }
-.Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__text___htxqX {
-  font-weight: 500;
+.Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   color: var(--gray-700);
 }
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) {
+  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
     background-color: var(--gray-50);
     border: 1px solid var(--gray-300);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__text___htxqX {
     color: var(--gray-800);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
+  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
     background-color: var(--gray-50);
     border: 1px solid var(--gray-300);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__text___htxqX {
     color: var(--gray-800);
   }
 }
@@ -347,25 +387,24 @@
   border: 1px solid transparent;
 }
 .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__icon___U2AOU svg * {
-  stroke: var(--blue-dark-100);
+  stroke: var(--primary-100);
 }
-.Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__text___htxqX {
-  font-weight: 400;
-  color: var(--blue-dark-100);
+.Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
+  color: var(--primary-100);
 }
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
     color: var(--base-white);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU svg * {
     stroke: var(--base-white);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
     color: var(--base-white);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU svg * {
     stroke: var(--base-white);
   }
 }
@@ -376,27 +415,25 @@
   border: 1px solid transparent;
 }
 .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__icon___U2AOU svg * {
-  stroke: var(--blue-dark-500);
+  stroke: var(--primary-500);
 }
-.Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__text___htxqX {
-  color: var(--blue-dark-500);
+.Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
+  color: var(--primary-500);
 }
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
-    font-weight: 400;
-    color: var(--blue-dark-700);
+  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
+    color: var(--primary-700);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
-    stroke: var(--blue-dark-700);
+  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU svg * {
+    stroke: var(--primary-700);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
-    font-weight: 400;
-    color: var(--blue-dark-700);
+  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
+    color: var(--primary-700);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
-    stroke: var(--blue-dark-700);
+  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU svg * {
+    stroke: var(--primary-700);
   }
 }
 .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:disabled, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw.Buttons-module__disabled___INiFx {
@@ -408,26 +445,22 @@
 .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-700);
 }
-.Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__text___htxqX {
+.Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   color: var(--gray-700);
 }
-.Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__text___htxqX {
-  font-weight: 400;
-  color: var(--gray-400);
-}
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
     color: var(--gray-900);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU svg * {
     stroke: var(--gray-900);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
     color: var(--gray-900);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU svg * {
     stroke: var(--gray-900);
   }
 }
@@ -439,29 +472,28 @@
   gap: 4px;
 }
 .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__icon___U2AOU svg * {
-  stroke: var(--blue-dark-500);
+  stroke: var(--primary-500);
 }
-.Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__text___htxqX {
+.Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ {
   padding: 0 !important;
 }
-.Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__text___htxqX {
-  font-weight: 400;
-  color: var(--blue-dark-500);
+.Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
+  color: var(--primary-500);
 }
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
-    color: var(--blue-dark-700);
+  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
+    color: var(--primary-700);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
-    stroke: var(--blue-dark-700);
+  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU svg * {
+    stroke: var(--primary-700);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
-    color: var(--blue-dark-700);
+  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
+    color: var(--primary-700);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
-    stroke: var(--blue-dark-700);
+  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU svg * {
+    stroke: var(--primary-700);
   }
 }
 .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:disabled, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN.Buttons-module__disabled___INiFx {
@@ -474,26 +506,25 @@
 .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-700);
 }
-.Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__text___htxqX {
+.Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__content___lPb5_ {
   padding: 0 !important;
 }
-.Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__text___htxqX {
-  font-weight: 400;
+.Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   color: var(--gray-700);
 }
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
     color: var(--gray-900);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU svg * {
     stroke: var(--gray-900);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
     color: var(--gray-900);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU svg * {
     stroke: var(--gray-900);
   }
 }
@@ -507,26 +538,25 @@
 .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-400);
 }
-.Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__text___htxqX {
+.Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__content___lPb5_ {
   padding: 0 !important;
 }
-.Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__text___htxqX {
-  font-weight: 400;
+.Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   color: var(--gray-400);
 }
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
     color: var(--gray-500);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU svg * {
     stroke: var(--gray-500);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
     color: var(--gray-500);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU svg * {
     stroke: var(--gray-500);
   }
 }
@@ -542,23 +572,22 @@
 .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-700);
 }
-.Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__text___htxqX {
-  font-weight: 500;
+.Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   color: var(--gray-700);
 }
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active):hover .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover:hover .Buttons-module__icon___U2AOU svg * {
     stroke: var(--gray-900);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active):hover .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover:hover .Buttons-module__text___htxqX {
     color: var(--gray-900);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:active:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active:hover .Buttons-module__icon___U2AOU svg * {
     stroke: var(--gray-900);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:active:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active:hover .Buttons-module__text___htxqX {
     color: var(--gray-900);
   }
 }
@@ -574,29 +603,28 @@
 .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-500);
 }
-.Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__text___htxqX {
-  font-weight: 500;
+.Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   color: var(--gray-500);
 }
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) {
+  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
     background-color: var(--gray-200);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU svg * {
     stroke: var(--gray-800);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__text___htxqX {
     color: var(--gray-800);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
+  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
     background-color: var(--gray-200);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU svg * {
     stroke: var(--gray-800);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__text___htxqX {
     color: var(--gray-800);
   }
 }
@@ -610,17 +638,17 @@
   box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) {
+  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
     border: 1px solid var(--error-600);
     background-color: var(--error-600);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
+  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
     border: 1px solid var(--error-500);
     background-color: var(--error-500);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
+  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
     border: 1px solid var(--error-600);
     background-color: var(--error-600);
   }
@@ -636,17 +664,17 @@
 .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__icon___U2AOU svg * {
   stroke: var(--error-500);
 }
-.Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__text___htxqX {
+.Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   color: var(--error-500);
 }
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) {
+  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
     background-color: var(--error-50);
     border: 1px solid var(--error-400);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
+  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
     background-color: var(--error-50);
     border: 1px solid var(--error-400);
   }
@@ -657,26 +685,25 @@
 .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__icon___U2AOU svg * {
   stroke: var(--error-500);
 }
-.Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__text___htxqX {
+.Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ {
   padding: 0 !important;
 }
-.Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__text___htxqX {
-  font-weight: 400;
+.Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
   color: var(--error-500);
 }
 @media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__text___htxqX {
     color: var(--error-700);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU svg * {
     stroke: var(--error-700);
   }
 }
 @media only screen and (max-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
+  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__text___htxqX {
     color: var(--error-700);
   }
-  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
+  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU svg * {
     stroke: var(--error-700);
   }
 }
@@ -776,14 +803,14 @@
   border: 1px solid transparent;
 }
 .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e svg * {
-  stroke: var(--blue-dark-500);
+  stroke: var(--primary-500);
 }
 @media only screen and (min-width: 1024px) {
   .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:not(.MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:disabled):hover {
     background-color: var(--base-white);
   }
   .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:not(.MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:disabled):hover svg * {
-    stroke: var(--blue-dark-600);
+    stroke: var(--primary-600);
   }
 }
 @media only screen and (max-width: 1024px) {
@@ -791,7 +818,7 @@
     background-color: var(--base-white);
   }
   .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:active svg * {
-    stroke: var(--blue-dark-600);
+    stroke: var(--primary-600);
   }
 }
 .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7 {
@@ -799,22 +826,22 @@
   border: 1px solid transparent;
 }
 .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7 svg * {
-  stroke: var(--blue-dark-400);
+  stroke: var(--primary-400);
 }
 @media only screen and (min-width: 1024px) {
   .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:not(.MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:disabled):hover {
-    background-color: var(--blue-dark-100);
+    background-color: var(--primary-100);
   }
   .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:not(.MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:disabled):hover svg * {
-    stroke: var(--blue-dark-500);
+    stroke: var(--primary-500);
   }
 }
 @media only screen and (max-width: 1024px) {
   .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:active {
-    background-color: var(--blue-dark-100);
+    background-color: var(--primary-100);
   }
   .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:active svg * {
-    stroke: var(--blue-dark-500);
+    stroke: var(--primary-500);
   }
 }
 .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq {
@@ -842,25 +869,25 @@
 }
 .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74 {
   background: var(--base-white);
-  border: 1px solid var(--blue-dark-200);
+  border: 1px solid var(--primary-200);
 }
 .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74 svg * {
-  stroke: var(--blue-dark-500);
+  stroke: var(--primary-500);
 }
 @media only screen and (min-width: 1024px) {
   .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:not(.MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:disabled):hover {
-    background: var(--blue-dark-50);
+    background: var(--primary-50);
   }
   .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:not(.MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:disabled):hover svg * {
-    stroke: var(--blue-dark-500);
+    stroke: var(--primary-500);
   }
 }
 @media only screen and (max-width: 1024px) {
   .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:active {
-    background: var(--blue-dark-50);
+    background: var(--primary-50);
   }
   .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:active svg * {
-    stroke: var(--blue-dark-500);
+    stroke: var(--primary-500);
   }
 }
 .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4 {
@@ -914,16 +941,16 @@
   border: 1px solid transparent;
 }
 .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5 svg * {
-  stroke: var(--blue-dark-50);
+  stroke: var(--primary-50);
 }
 @media only screen and (min-width: 1024px) {
   .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:not(.MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:disabled):hover svg * {
-    stroke: var(--blue-dark-200);
+    stroke: var(--primary-200);
   }
 }
 @media only screen and (max-width: 1024px) {
   .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:active svg * {
-    stroke: var(--blue-dark-200);
+    stroke: var(--primary-200);
   }
 }
 .MicroButton-module__button___QMj95.MicroButton-module__size14___qZD63 {
@@ -1231,7 +1258,7 @@
   font-variant: normal;
 }
 .SelectField-module__selectField___p9S2j .SelectField-module__modalWindow___JVZ8d .SelectField-module__selectModalWindow___w55Pm .SelectField-module__selectFieldOptionsItem___hQMC7.SelectField-module__active___a3j2T {
-  background-color: var(--blue-dark-50);
+  background-color: var(--primary-50);
 }
 .SelectField-module__selectField___p9S2j .SelectField-module__modalWindow___JVZ8d .SelectField-module__selectModalWindow___w55Pm .SelectField-module__selectFieldOptionsItem___hQMC7.SelectField-module__active___a3j2T svg {
   width: 20px;
@@ -1239,7 +1266,7 @@
   flex: none;
 }
 .SelectField-module__selectField___p9S2j .SelectField-module__modalWindow___JVZ8d .SelectField-module__selectModalWindow___w55Pm .SelectField-module__selectFieldOptionsItem___hQMC7.SelectField-module__active___a3j2T svg * {
-  stroke: var(--blue-dark-500);
+  stroke: var(--primary-500);
 }
 
 @keyframes SelectField-module__show-animation___Ee3LS {
@@ -1328,12 +1355,12 @@
   flex: none;
 }
 .InputFieldWrapper-module__inputFieldWrapper___QKhWg .InputFieldWrapper-module__helperLink___Kfen4 svg * {
-  stroke: var(--blue-dark-500);
+  stroke: var(--primary-500);
 }
 .InputFieldWrapper-module__inputFieldWrapper___QKhWg .InputFieldWrapper-module__helperLink___Kfen4 {
   font-size: 14px;
   line-height: 20px;
-  color: var(--blue-dark-500);
+  color: var(--primary-500);
   font-weight: 400;
   font-family: "Golos UI", sans-serif;
   font-stretch: normal;
@@ -1701,11 +1728,9 @@
   \***************************************************************************************************************************************************************************************************************************************************************************************************/
 .SingleRangeField-module__SingleRangeField___suUvZ {
   height: fit-content;
-  position: relative;
 }
 .SingleRangeField-module__SingleRangeField___suUvZ .SingleRangeField-module__modalWindow___nioaP {
   position: fixed;
-  transform: translateY(4px);
   z-index: 10;
 }
 .SingleRangeField-module__SingleRangeField___suUvZ.SingleRangeField-module__widthFill___rexD9 {
@@ -1743,8 +1768,8 @@
 }
 @media only screen and (min-width: 1024px) {
   .CheckboxMark-module__checkboxMark___QsRbu:hover {
-    background-color: var(--blue-dark-50);
-    border: 1px solid var(--blue-dark-200);
+    background-color: var(--primary-50);
+    border: 1px solid var(--primary-200);
   }
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checkbox___hYxxO {
@@ -1760,34 +1785,34 @@
   width: 8px;
   height: 8px;
   border-radius: 50%;
-  background-color: var(--blue-dark-500);
+  background-color: var(--primary-500);
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX {
-  background-color: var(--blue-dark-50);
-  border: 1px solid var(--blue-dark-200);
+  background-color: var(--primary-50);
+  border: 1px solid var(--primary-200);
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX svg * {
-  stroke: var(--blue-dark-500);
+  stroke: var(--primary-500);
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX:after {
   display: block;
 }
 @media only screen and (min-width: 1024px) {
   .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX:hover {
-    border: 1px solid var(--blue-dark-400);
+    border: 1px solid var(--primary-400);
   }
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC {
-  background-color: var(--blue-dark-50);
-  border: 1px solid var(--blue-dark-200);
+  background-color: var(--primary-50);
+  border: 1px solid var(--primary-200);
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC svg * {
-  stroke: var(--blue-dark-500);
+  stroke: var(--primary-500);
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC {
   font-size: 14px;
   line-height: 14px;
-  color: var(--blue-dark-500);
+  color: var(--primary-500);
   font-weight: 500;
   font-family: "Golos UI", sans-serif;
   font-stretch: normal;
@@ -1796,7 +1821,7 @@
 }
 @media only screen and (min-width: 1024px) {
   .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC:hover {
-    border: 1px solid var(--blue-dark-400);
+    border: 1px solid var(--primary-400);
   }
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd {
@@ -1845,7 +1870,7 @@
   }
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
-  background-color: var(--blue-dark-500);
+  background-color: var(--primary-500);
   border: transparent;
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
@@ -1866,7 +1891,7 @@
 }
 @media only screen and (min-width: 1024px) {
   .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:hover {
-    background-color: var(--blue-dark-600);
+    background-color: var(--primary-600);
     border: transparent;
   }
 }
@@ -1950,14 +1975,14 @@
 }
 @media only screen and (min-width: 1024px) {
   .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19 {
-    background-color: var(--blue-dark-50);
-    border: 1px solid var(--blue-dark-200);
+    background-color: var(--primary-50);
+    border: 1px solid var(--primary-200);
   }
   .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__checked___gV7SX {
-    border: 1px solid var(--blue-dark-400);
+    border: 1px solid var(--primary-400);
   }
   .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__indeterminate___ZR_YC {
-    border: 1px solid var(--blue-dark-400);
+    border: 1px solid var(--primary-400);
   }
   .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__error___NJKGd {
     background-color: var(--error-50);
@@ -1974,7 +1999,7 @@
     color: var(--gray-300);
   }
   .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
-    background-color: var(--blue-dark-600);
+    background-color: var(--primary-600);
     border: transparent;
   }
   .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
@@ -2117,7 +2142,7 @@
   flex-grow: 0;
 }
 .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__active___q_Db4 {
-  background-color: var(--blue-dark-500);
+  background-color: var(--primary-500);
 }
 .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__active___q_Db4 .ToggleBase-module__spacer___Ib4qu {
   flex-grow: 1;
@@ -2152,7 +2177,7 @@
     background-color: var(--error-300);
   }
   .ToggleBase-module__toggleBase___Vkhhf:not(.ToggleBase-module__disabled___Znl75).ToggleBase-module__hover___KiQjy.ToggleBase-module__active___q_Db4, .ToggleBase-module__toggleBase___Vkhhf:not(.ToggleBase-module__disabled___Znl75):hover.ToggleBase-module__active___q_Db4 {
-    background-color: var(--blue-dark-600);
+    background-color: var(--primary-600);
   }
   .ToggleBase-module__toggleBase___Vkhhf:not(.ToggleBase-module__disabled___Znl75).ToggleBase-module__hover___KiQjy.ToggleBase-module__active___q_Db4.ToggleBase-module__error___IfdU2, .ToggleBase-module__toggleBase___Vkhhf:not(.ToggleBase-module__disabled___Znl75):hover.ToggleBase-module__active___q_Db4.ToggleBase-module__error___IfdU2 {
     background-color: var(--error-600);
@@ -2160,11 +2185,13 @@
 }
 .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75 {
   cursor: default;
+  pointer-events: none;
   opacity: 0.5;
 }
 @media only screen and (min-width: 1024px) {
   .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75.ToggleBase-module__hover___KiQjy, .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75:hover {
     cursor: default;
+    pointer-events: none;
     opacity: 0.5;
   }
 }
@@ -2333,21 +2360,21 @@
 }
 @media only screen and (min-width: 1024px) {
   .TagCheckbox-module__tagCheckbox___MS2eW:hover {
-    box-shadow: 0 0 0 1px var(--blue-dark-200);
-    background-color: var(--blue-dark-50);
+    box-shadow: 0 0 0 1px var(--primary-200);
+    background-color: var(--primary-50);
   }
 }
 .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__checked___fWLOu {
-  box-shadow: 0 0 0 1px var(--blue-dark-500);
-  background-color: var(--blue-dark-500);
+  box-shadow: 0 0 0 1px var(--primary-500);
+  background-color: var(--primary-500);
 }
 .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__checked___fWLOu svg {
   opacity: 1;
 }
 @media only screen and (min-width: 1024px) {
   .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__checked___fWLOu:hover {
-    box-shadow: 0 0 0 1px var(--blue-dark-600);
-    background-color: var(--blue-dark-600);
+    box-shadow: 0 0 0 1px var(--primary-600);
+    background-color: var(--primary-600);
   }
 }
 .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__disabled___wQS0b {
@@ -2410,7 +2437,7 @@
   background-color: var(--gray-100);
 }
 .TagCount-module__tagCount___tT9Gy.TagCount-module__color___SZmrc {
-  background-color: var(--blue-dark-100);
+  background-color: var(--primary-100);
 }
 .TagCount-module__tagCount___tT9Gy.TagCount-module__small___ejCLc {
   padding: 2px 4px 2px 4px;
@@ -2477,16 +2504,16 @@
   background-color: var(--gray-50);
 }
 .Tag-module__tag___z87CD.Tag-module__active___uw5nt {
-  border: 1px solid var(--blue-dark-200);
-  background-color: var(--blue-dark-50);
+  border: 1px solid var(--primary-200);
+  background-color: var(--primary-50);
 }
 .Tag-module__tag___z87CD.Tag-module__active___uw5nt:hover {
-  border: 1px solid var(--blue-dark-300);
-  background-color: var(--blue-dark-100);
+  border: 1px solid var(--primary-300);
+  background-color: var(--primary-100);
 }
 .Tag-module__tag___z87CD.Tag-module__active___uw5nt:hover {
-  border: 1px solid var(--blue-dark-300);
-  background-color: var(--blue-dark-100);
+  border: 1px solid var(--primary-300);
+  background-color: var(--primary-100);
 }
 .Tag-module__tag___z87CD.Tag-module__small___ob2Q8 {
   padding: 2px 7px;
@@ -2922,7 +2949,7 @@
   justify-content: center;
 }
 .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ svg * {
-  stroke: var(--blue-dark-500);
+  stroke: var(--primary-500);
 }
 .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ svg {
   width: 20px;
@@ -2942,7 +2969,7 @@
   }
 }
 .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z {
-  background-color: var(--blue-dark-50);
+  background-color: var(--primary-50);
 }
 .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__check___e4EmQ {
   display: flex;
@@ -2950,12 +2977,12 @@
 }
 @media only screen and (min-width: 1024px) {
   .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover {
-    background-color: var(--blue-dark-100);
+    background-color: var(--primary-100);
   }
 }
 @media only screen and (max-width: 1024px) {
   .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:active {
-    background-color: var(--blue-dark-100);
+    background-color: var(--primary-100);
   }
 }
 .DropdownItem-module__dropdownItem___N8ZNV:disabled {
@@ -3064,13 +3091,13 @@
   stroke: var(--gray-300);
 }
 .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSimple___j3ypM .LoadingIndicator-module__icon___mgj_t svg path:last-child {
-  stroke: var(--blue-dark-500);
+  stroke: var(--primary-500);
 }
 .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSpinner___A2m7Y .LoadingIndicator-module__icon___mgj_t svg path:first-child {
   stroke: var(--gray-300);
 }
 .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSpinner___A2m7Y .LoadingIndicator-module__icon___mgj_t svg path:last-child {
-  stroke: var(--blue-dark-500);
+  stroke: var(--primary-500);
 }
 .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__small___MXHKy {
   gap: 16px;
@@ -3162,7 +3189,7 @@
   position: absolute;
   top: 0;
   left: 0;
-  background-color: var(--blue-dark-400);
+  background-color: var(--primary-400);
 }
 .VideoProgressBar-module__videoProgressBar___QrnSp:not(.VideoProgressBar-module__dragging___eO_Va) .VideoProgressBar-module__progressBar___m_P6t {
   transition: width linear 0.2s;
@@ -3356,7 +3383,7 @@
 }
 @media only screen and (min-width: 1024px) {
   .PlayButton-module__PlayButton___JmGh_.PlayButton-module__light___UMWaJ:hover {
-    background-color: var(--blue-dark-400);
+    background-color: var(--primary-400);
   }
 }
 .PlayButton-module__PlayButton___JmGh_.PlayButton-module__dark___BHsWx {
@@ -3414,7 +3441,7 @@
   width: 4px;
   height: 4px;
   border-radius: 50%;
-  background-color: var(--blue-dark-400);
+  background-color: var(--primary-400);
 }
 .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj .CalendarDay-module__text___ft0zM, .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj .CalendarDay-module__info___MvJmM {
   width: 100%;
@@ -3469,16 +3496,16 @@
   }
 }
 .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__currentDay___J6WB3 {
-  background-color: var(--blue-dark-50);
+  background-color: var(--primary-50);
 }
 @media only screen and (min-width: 1024px) {
   .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__currentDay___J6WB3:hover {
-    background-color: var(--blue-dark-100);
+    background-color: var(--primary-100);
   }
 }
 @media only screen and (max-width: 1024px) {
   .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__currentDay___J6WB3:active {
-    background-color: var(--blue-dark-100);
+    background-color: var(--primary-100);
   }
 }
 .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__holiday___cQBoW .CalendarDay-module__text___ft0zM {
@@ -3518,7 +3545,7 @@
   }
 }
 .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE {
-  background-color: var(--blue-dark-500);
+  background-color: var(--primary-500);
 }
 .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE .CalendarDay-module__mark___jB0aT:after {
   background-color: var(--base-white);
@@ -3527,16 +3554,16 @@
   color: var(--base-white);
 }
 .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE .CalendarDay-module__info___MvJmM {
-  color: var(--blue-dark-300);
+  color: var(--primary-300);
 }
 @media only screen and (min-width: 1024px) {
   .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE:hover {
-    background-color: var(--blue-dark-600);
+    background-color: var(--primary-600);
   }
 }
 @media only screen and (max-width: 1024px) {
   .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE:active {
-    background-color: var(--blue-dark-600);
+    background-color: var(--primary-600);
   }
 }
 .CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__filter___jE_gQ:before {
@@ -3595,10 +3622,10 @@
   background-color: var(--gray-100);
 }
 .CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__current___iR71C:not(.CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__disabled___VNFpt) {
-  background-color: var(--blue-dark-50);
+  background-color: var(--primary-50);
 }
 .CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__current___iR71C:not(.CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__disabled___VNFpt):hover {
-  background-color: var(--blue-dark-100);
+  background-color: var(--primary-100);
 }
 .CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__disabled___VNFpt {
   color: var(--gray-400);
@@ -3635,10 +3662,10 @@
   background-color: var(--gray-100);
 }
 .CalendarYear-module__CalendarYear___gMG1A.CalendarYear-module__current___aLXpm {
-  background-color: var(--blue-dark-50);
+  background-color: var(--primary-50);
 }
 .CalendarYear-module__CalendarYear___gMG1A.CalendarYear-module__current___aLXpm:hover {
-  background-color: var(--blue-dark-100);
+  background-color: var(--primary-100);
 }
 .CalendarYear-module__CalendarYear___gMG1A.CalendarYear-module__disabled___dIYvt {
   color: var(--gray-400);
@@ -3663,7 +3690,7 @@
   font-variant: normal;
 }
 .CalendarButton-module__CalendarButton___yVvoS.CalendarButton-module__black____RFmq:hover:not(.CalendarButton-module__CalendarButton___yVvoS.CalendarButton-module__black____RFmq:disabled) {
-  color: var(--blue-dark-500);
+  color: var(--primary-500);
 }
 .CalendarButton-module__CalendarButton___yVvoS.CalendarButton-module__gray___JG7y4 {
   font-size: 18px;
@@ -3676,7 +3703,7 @@
   font-variant: normal;
 }
 .CalendarButton-module__CalendarButton___yVvoS.CalendarButton-module__gray___JG7y4:hover:not(.CalendarButton-module__CalendarButton___yVvoS.CalendarButton-module__gray___JG7y4:disabled) {
-  color: var(--blue-dark-500);
+  color: var(--primary-500);
 }
 .CalendarButton-module__CalendarButton___yVvoS:disabled {
   cursor: default;