indicator-ui 0.1.110 → 0.1.111

package/dist/index.css

@@ -201,30 +201,71 @@
 /*!*******************************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/Buttons/styles/Buttons.module.scss ***!
   \*******************************************************************************************************************************************************************************************************************************************************************/
+@keyframes Buttons-module__loading___TSWTL {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
 .Buttons-module__button___I3yLe {
   cursor: pointer;
   transition: background-color ease-out 0.2s;
   border-radius: 8px;
+  position: relative;
 }
 .Buttons-module__button___I3yLe {
   display: flex;
-  flex-direction: row;
   justify-content: center;
   align-items: center;
 }
+.Buttons-module__button___I3yLe .Buttons-module__loader___RXJzg {
+  width: fit-content;
+  height: fit-content;
+}
+.Buttons-module__button___I3yLe .Buttons-module__loader___RXJzg {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.Buttons-module__button___I3yLe .Buttons-module__loader___RXJzg svg {
+  animation: Buttons-module__loading___TSWTL 0.9s linear infinite;
+}
 .Buttons-module__button___I3yLe .Buttons-module__icon___U2AOU {
   width: fit-content;
   height: fit-content;
 }
 .Buttons-module__button___I3yLe .Buttons-module__icon___U2AOU {
   display: flex;
-  flex-direction: row;
   justify-content: center;
   align-items: center;
 }
 .Buttons-module__button___I3yLe .Buttons-module__icon___U2AOU svg * {
   transition: stroke ease-out 0.2s;
 }
+.Buttons-module__button___I3yLe .Buttons-module__counter___Q1fkM {
+  min-width: 24px;
+  height: 24px;
+  padding: 4px 2px;
+  border-radius: 12px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  transform: translate(-2px, -2px);
+  text-align: center;
+  background-color: var(--blue-dark-500);
+}
+.Buttons-module__button___I3yLe .Buttons-module__counter___Q1fkM {
+  font-size: 14px;
+  line-height: 16px;
+  color: var(--base-white);
+  font-weight: 500;
+  font-family: var(--golos);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
 .Buttons-module__button___I3yLe .Buttons-module__content___lPb5_ {
   display: flex;
   align-items: center;
@@ -252,6 +293,11 @@
 .Buttons-module__button___I3yLe.Buttons-module__small___x1NQN {
   padding: 9px;
 }
+.Buttons-module__button___I3yLe.Buttons-module__small___x1NQN .Buttons-module__loader___RXJzg svg {
+  flex: none;
+  width: 16px;
+  height: 16px;
+}
 .Buttons-module__button___I3yLe.Buttons-module__small___x1NQN .Buttons-module__icon___U2AOU svg {
   flex: none;
   width: 16px;
@@ -265,17 +311,22 @@
   font-size: 14px;
   line-height: 16px;
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
 }
 .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: var(--golos-ui);
+  font-family: var(--golos);
 }
 .Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd {
   padding: 9px;
 }
+.Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd .Buttons-module__loader___RXJzg svg {
+  flex: none;
+  width: 20px;
+  height: 20px;
+}
 .Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd .Buttons-module__icon___U2AOU svg {
   flex: none;
   width: 20px;
@@ -289,17 +340,22 @@
   font-size: 14px;
   line-height: 20px;
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
 }
 .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: var(--golos-ui);
+  font-family: var(--golos);
 }
 .Buttons-module__button___I3yLe.Buttons-module__large____KUDT {
   padding: 11px;
 }
+.Buttons-module__button___I3yLe.Buttons-module__large____KUDT .Buttons-module__loader___RXJzg svg {
+  flex: none;
+  width: 20px;
+  height: 20px;
+}
 .Buttons-module__button___I3yLe.Buttons-module__large____KUDT .Buttons-module__icon___U2AOU svg {
   flex: none;
   width: 20px;
@@ -313,17 +369,22 @@
   font-size: 16px;
   line-height: 20px;
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
 }
 .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: var(--golos-ui);
+  font-family: var(--golos);
 }
 .Buttons-module__button___I3yLe.Buttons-module__ultra___zBezN {
   padding: 17px;
 }
+.Buttons-module__button___I3yLe.Buttons-module__ultra___zBezN .Buttons-module__loader___RXJzg svg {
+  flex: none;
+  width: 24px;
+  height: 24px;
+}
 .Buttons-module__button___I3yLe.Buttons-module__ultra___zBezN .Buttons-module__icon___U2AOU svg {
   flex: none;
   width: 24px;
@@ -337,13 +398,13 @@
   font-size: 18px;
   line-height: 24px;
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
 }
 .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: var(--golos-ui);
+  font-family: var(--golos);
 }
 .Buttons-module__button___I3yLe.Buttons-module__primary____crHN {
   border-radius: 8px;
@@ -351,6 +412,9 @@
   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__loader___RXJzg svg * {
+  stroke: var(--base-white);
+}
 .Buttons-module__button___I3yLe.Buttons-module__primary____crHN .Buttons-module__icon___U2AOU svg * {
   stroke: var(--base-white);
 }
@@ -370,25 +434,15 @@
 .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:disabled, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN.Buttons-module__disabled___INiFx {
   opacity: 0.3;
 }
-.Buttons-module__button___I3yLe.Buttons-module__primaryDarkTheme___hud24 {
-  background-color: var(--rose-500);
-}
-@media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__primaryDarkTheme___hud24:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
-    background-color: var(--rose-600);
-  }
-}
-@media (min-width: 481px) and (max-width: 1279px) {
-  .Buttons-module__button___I3yLe.Buttons-module__primaryDarkTheme___hud24:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
-    background-color: var(--rose-600);
-  }
-}
 .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ {
   border-radius: 8px;
   background-color: var(--base-white);
   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__loader___RXJzg svg * {
+  stroke: var(--primary-500);
+}
 .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__icon___U2AOU svg * {
   stroke: var(--primary-500);
 }
@@ -410,34 +464,15 @@
 .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:disabled, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ.Buttons-module__disabled___INiFx {
   opacity: 0.5;
 }
-.Buttons-module__button___I3yLe.Buttons-module__secondaryColorDarkTheme___NelUU {
-  background-color: transparent;
-  border: 1px solid var(--rose-900);
-}
-.Buttons-module__button___I3yLe.Buttons-module__secondaryColorDarkTheme___NelUU .Buttons-module__icon___U2AOU svg * {
-  stroke: var(--rose-500);
-}
-.Buttons-module__button___I3yLe.Buttons-module__secondaryColorDarkTheme___NelUU .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__secondaryColorDarkTheme___NelUU .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
-  color: var(--rose-500);
-}
-@media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__secondaryColorDarkTheme___NelUU:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
-    background-color: var(--rose-950);
-    border: 1px solid var(--rose-700);
-  }
-}
-@media (min-width: 481px) and (max-width: 1279px) {
-  .Buttons-module__button___I3yLe.Buttons-module__secondaryColorDarkTheme___NelUU:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
-    background-color: var(--rose-950);
-    border: 1px solid var(--rose-700);
-  }
-}
 .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne {
   border-radius: 8px;
   background-color: var(--base-white);
   box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
   border: 1px solid var(--gray-300);
 }
+.Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--gray-700);
+}
 .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-700);
 }
@@ -465,37 +500,12 @@
 .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:disabled, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne.Buttons-module__disabled___INiFx {
   opacity: 0.5;
 }
-.Buttons-module__button___I3yLe.Buttons-module__secondaryGrayDarkTheme___tBYCy {
-  background-color: transparent;
-  border: 1px solid var(--gray-iron-700);
-}
-.Buttons-module__button___I3yLe.Buttons-module__secondaryGrayDarkTheme___tBYCy .Buttons-module__icon___U2AOU svg * {
-  stroke: var(--gray-iron-200);
-}
-.Buttons-module__button___I3yLe.Buttons-module__secondaryGrayDarkTheme___tBYCy .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__secondaryGrayDarkTheme___tBYCy .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
-  color: var(--gray-iron-200);
-}
-@media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__secondaryGrayDarkTheme___tBYCy:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
-    background-color: var(--gray-iron-800);
-    border: 1px solid var(--gray-iron-700);
-  }
-  .Buttons-module__button___I3yLe.Buttons-module__secondaryGrayDarkTheme___tBYCy:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__text___htxqX {
-    color: var(--gray-iron-200);
-  }
-}
-@media (min-width: 481px) and (max-width: 1279px) {
-  .Buttons-module__button___I3yLe.Buttons-module__secondaryGrayDarkTheme___tBYCy:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
-    background-color: var(--gray-iron-800);
-    border: 1px solid var(--gray-iron-700);
-  }
-  .Buttons-module__button___I3yLe.Buttons-module__secondaryGrayDarkTheme___tBYCy:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__text___htxqX {
-    color: var(--gray-iron-200);
-  }
-}
 .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq {
   border: 1px solid transparent;
 }
+.Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--primary-100);
+}
 .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__icon___U2AOU svg * {
   stroke: var(--primary-100);
 }
@@ -521,31 +531,12 @@
 .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:disabled, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq.Buttons-module__disabled___INiFx {
   opacity: 0.5;
 }
-.Buttons-module__button___I3yLe.Buttons-module__tertiaryWhiteDarkTheme___hDj84 .Buttons-module__icon___U2AOU svg * {
-  stroke: var(--rose-100);
-}
-.Buttons-module__button___I3yLe.Buttons-module__tertiaryWhiteDarkTheme___hDj84 .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhiteDarkTheme___hDj84 .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
-  color: var(--rose-100);
-}
-@media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhiteDarkTheme___hDj84:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhiteDarkTheme___hDj84: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__tertiaryWhiteDarkTheme___hDj84:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU svg * {
-    stroke: var(--base-white);
-  }
-}
-@media (min-width: 481px) and (max-width: 1279px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhiteDarkTheme___hDj84:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhiteDarkTheme___hDj84: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__tertiaryWhiteDarkTheme___hDj84:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU svg * {
-    stroke: var(--base-white);
-  }
-}
 .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw {
   border: 1px solid transparent;
 }
+.Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--primary-500);
+}
 .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__icon___U2AOU svg * {
   stroke: var(--primary-500);
 }
@@ -571,31 +562,12 @@
 .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:disabled, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw.Buttons-module__disabled___INiFx {
   opacity: 0.5;
 }
-.Buttons-module__button___I3yLe.Buttons-module__tertiaryColorDarkTheme___MTRDk .Buttons-module__icon___U2AOU svg * {
-  stroke: var(--rose-500);
-}
-.Buttons-module__button___I3yLe.Buttons-module__tertiaryColorDarkTheme___MTRDk .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColorDarkTheme___MTRDk .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
-  color: var(--rose-500);
-}
-@media only screen and (min-width: 1024px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColorDarkTheme___MTRDk:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColorDarkTheme___MTRDk:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
-    color: var(--rose-700);
-  }
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColorDarkTheme___MTRDk:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU svg * {
-    stroke: var(--rose-700);
-  }
-}
-@media (min-width: 481px) and (max-width: 1279px) {
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColorDarkTheme___MTRDk:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColorDarkTheme___MTRDk:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
-    color: var(--rose-700);
-  }
-  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColorDarkTheme___MTRDk:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU svg * {
-    stroke: var(--rose-700);
-  }
-}
 .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu {
   border: 1px solid transparent;
 }
+.Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--gray-700);
+}
 .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-700);
 }
@@ -625,6 +597,9 @@
   padding: 0 !important;
   gap: 4px;
 }
+.Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--primary-500);
+}
 .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__icon___U2AOU svg * {
   stroke: var(--primary-500);
 }
@@ -657,6 +632,9 @@
   padding: 0 !important;
   gap: 4px;
 }
+.Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--gray-700);
+}
 .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-700);
 }
@@ -689,6 +667,9 @@
   padding: 0 !important;
   gap: 4px;
 }
+.Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--gray-400);
+}
 .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-400);
 }
@@ -721,6 +702,9 @@
   padding: 0 !important;
   gap: 4px;
 }
+.Buttons-module__button___I3yLe.Buttons-module__linkDarkTheme___hAQhd .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--gray-iron-400);
+}
 .Buttons-module__button___I3yLe.Buttons-module__linkDarkTheme___hAQhd .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-iron-400);
 }
@@ -755,6 +739,9 @@
   border: 1px solid transparent;
   box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }
+.Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--gray-700);
+}
 .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-700);
 }
@@ -786,6 +773,9 @@
   border: 1px solid transparent;
   box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }
+.Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--gray-500);
+}
 .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-500);
 }
@@ -847,6 +837,9 @@
   background-color: var(--base-white);
   box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }
+.Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--error-500);
+}
 .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__icon___U2AOU svg * {
   stroke: var(--error-500);
 }
@@ -871,6 +864,9 @@
 .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__loader___RXJzg svg * {
+  stroke: var(--error-500);
+}
 .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ {
   padding: 0 !important;
 }
@@ -898,6 +894,7 @@
 }
 .Buttons-module__button___I3yLe:disabled, .Buttons-module__button___I3yLe.Buttons-module__disabled___INiFx {
   cursor: default;
+  pointer-events: none;
 }
 [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__primary____crHN {
   background-color: var(--rose-500);
@@ -916,6 +913,9 @@
   background-color: transparent;
   border: 1px solid var(--rose-900);
 }
+[data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--rose-500);
+}
 [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__icon___U2AOU svg * {
   stroke: var(--rose-500);
 }
@@ -938,6 +938,9 @@
   background-color: transparent;
   border: 1px solid var(--gray-iron-700);
 }
+[data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--gray-iron-200);
+}
 [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__icon___U2AOU svg * {
   stroke: var(--gray-iron-200);
 }
@@ -962,6 +965,9 @@
     color: var(--gray-iron-200);
   }
 }
+[data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--rose-100);
+}
 [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__icon___U2AOU svg * {
   stroke: var(--rose-100);
 }
@@ -984,6 +990,9 @@
     stroke: var(--base-white);
   }
 }
+[data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__loader___RXJzg svg * {
+  stroke: var(--rose-500);
+}
 [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__icon___U2AOU svg * {
   stroke: var(--rose-500);
 }
@@ -1370,7 +1379,7 @@
   line-height: 24px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1380,7 +1389,7 @@
   line-height: 24px;
   color: var(--gray-400);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1406,7 +1415,7 @@
   line-height: 24px;
   color: var(--gray-400);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1506,7 +1515,7 @@
   line-height: 24px;
   color: var(--gray-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1521,7 +1530,7 @@
   line-height: 24px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1536,7 +1545,7 @@
   line-height: 24px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1550,7 +1559,7 @@
   line-height: 24px;
   color: var(--gray-iron-25);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1560,7 +1569,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1573,7 +1582,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1616,7 +1625,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1626,7 +1635,7 @@
   line-height: 24px;
   color: var(--gray-iron-25);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1636,7 +1645,7 @@
   line-height: 24px;
   color: var(--gray-iron-25);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1668,7 +1677,7 @@
   line-height: 20px;
   color: var(--gray-700);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1678,7 +1687,7 @@
   line-height: 20px;
   color: var(--error-500);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1693,7 +1702,7 @@
   line-height: 20px;
   color: var(--gray-600);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1708,7 +1717,7 @@
   line-height: 20px;
   color: var(--error-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1733,7 +1742,7 @@
   line-height: 20px;
   color: var(--primary-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1746,7 +1755,7 @@
   line-height: 20px;
   color: var(--gray-500);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1759,7 +1768,7 @@
   line-height: 20px;
   color: var(--gray-600);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1772,7 +1781,7 @@
   line-height: 20px;
   color: var(--gray-iron-400);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1782,7 +1791,7 @@
   line-height: 20px;
   color: var(--error-500);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1792,7 +1801,7 @@
   line-height: 20px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1802,7 +1811,7 @@
   line-height: 20px;
   color: var(--error-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1820,7 +1829,7 @@
   line-height: 20px;
   color: var(--rose-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1830,7 +1839,7 @@
   line-height: 20px;
   color: var(--gray-iron-400);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1840,7 +1849,7 @@
   line-height: 20px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1866,7 +1875,7 @@
   line-height: 24px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1876,7 +1885,7 @@
   line-height: 24px;
   color: var(--gray-400);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1892,7 +1901,7 @@
   line-height: 24px;
   color: var(--gray-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1913,7 +1922,7 @@
   line-height: 24px;
   color: var(--gray-iron-25);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1923,7 +1932,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -1939,7 +1948,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2001,7 +2010,7 @@
   line-height: 24px;
   color: var(--gray-400);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2079,7 +2088,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2138,7 +2147,7 @@
   line-height: 24px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2153,7 +2162,7 @@
   line-height: 24px;
   color: var(--gray-400);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2163,7 +2172,7 @@
   line-height: 24px;
   color: var(--gray-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2173,7 +2182,7 @@
   line-height: 24px;
   color: var(--gray-iron-25);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2183,7 +2192,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2193,7 +2202,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2236,7 +2245,7 @@
   line-height: 24px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2246,7 +2255,7 @@
   line-height: 24px;
   color: var(--gray-400);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2375,7 +2384,7 @@
   line-height: 14px;
   color: var(--primary-500);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2439,7 +2448,7 @@
   line-height: 24px;
   color: var(--base-white);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2452,7 +2461,7 @@
   line-height: 14px;
   color: black;
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2475,7 +2484,7 @@
   line-height: 24px;
   color: var(--base-white);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2488,7 +2497,7 @@
   line-height: 14px;
   color: black;
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2511,7 +2520,7 @@
   line-height: 14px;
   color: var(--base-white);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2537,7 +2546,7 @@
   line-height: 14px;
   color: var(--base-white);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2668,7 +2677,7 @@
   line-height: 14px;
   color: var(--primary-500);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2726,7 +2735,7 @@
   line-height: 24px;
   color: var(--gray-iron-50);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2739,7 +2748,7 @@
   line-height: 14px;
   color: black;
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2762,7 +2771,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2775,7 +2784,7 @@
   line-height: 14px;
   color: black;
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2798,7 +2807,7 @@
   line-height: 14px;
   color: var(--base-white);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2824,7 +2833,7 @@
   line-height: 14px;
   color: var(--base-white);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2982,7 +2991,7 @@
   line-height: 24px;
   color: var(--gray-iron-100);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -2995,7 +3004,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -3401,7 +3410,7 @@
   font-size: 12px;
   line-height: 14px;
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
 }
 .TagCount-module__tagCount___tT9Gy.TagCount-module__medium___M9VAd {
   padding: 2px 5px 2px 5px;
@@ -3410,7 +3419,7 @@
   font-size: 12px;
   line-height: 16px;
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
 }
 .TagCount-module__tagCount___tT9Gy.TagCount-module__large___mhO1d {
   padding: 0 6px 0 6px;
@@ -3419,7 +3428,7 @@
   font-size: 12px;
   line-height: 20px;
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
 }
 /*!***********************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/Tag/styles/Tag.module.scss ***!
@@ -3483,7 +3492,7 @@
   font-size: 12px;
   line-height: 18px;
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
 }
 .Tag-module__tag___z87CD.Tag-module__small___ob2Q8 .Tag-module__main___M5V6V {
   gap: 4px;
@@ -3501,7 +3510,7 @@
   font-size: 14px;
   line-height: 20px;
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
 }
 .Tag-module__tag___z87CD.Tag-module__medium___TjmGK .Tag-module__main___M5V6V {
   gap: 5px;
@@ -3637,7 +3646,7 @@
   line-height: 16px;
   color: var(--gray-600);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -3747,7 +3756,7 @@
   line-height: 16px;
   color: var(--gray-iron-400);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -3843,7 +3852,7 @@
   line-height: 20px;
   color: var(--gray-600);
   font-weight: 600;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -3884,7 +3893,7 @@
   line-height: 20px;
   color: var(--gray-600);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -3905,7 +3914,7 @@
   line-height: 20px;
   color: var(--gray-600);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -3933,7 +3942,7 @@
   line-height: 20px;
   color: var(--gray-iron-500);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -3943,7 +3952,7 @@
   line-height: 20px;
   color: var(--gray-iron-500);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4111,7 +4120,7 @@
   line-height: 20px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4121,7 +4130,7 @@
   line-height: 20px;
   color: var(--gray-400);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4134,7 +4143,7 @@
   line-height: 24px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4144,7 +4153,7 @@
   line-height: 24px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4227,7 +4236,7 @@
   line-height: 20px;
   color: var(--gray-iron-200);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4237,7 +4246,7 @@
   line-height: 20px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4250,7 +4259,7 @@
   line-height: 24px;
   color: var(--gray-iron-200);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4260,7 +4269,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4298,7 +4307,7 @@
   line-height: 20px;
   color: var(--gray-700);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4376,7 +4385,7 @@
   line-height: 20px;
   color: var(--gray-iron-100);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4477,7 +4486,7 @@
   line-height: 24px;
   color: rgba(255, 255, 255, 0.8);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4726,7 +4735,7 @@
   line-height: 16px;
   color: var(--gray-700);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4740,7 +4749,7 @@
   line-height: 10px;
   color: var(--gray-400);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4861,7 +4870,7 @@
   line-height: 16px;
   color: var(--gray-iron-300);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -4871,7 +4880,7 @@
   line-height: 10px;
   color: var(--gray-iron-600);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -5173,7 +5182,7 @@
   line-height: 20px;
   color: var(--gray-700);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -5397,7 +5406,7 @@
   line-height: 16px;
   color: var(--gray-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -5416,7 +5425,7 @@
   line-height: 16px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -5701,7 +5710,7 @@
   line-height: 18px;
   color: black;
   font-weight: 700;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -5711,7 +5720,7 @@
   line-height: 18px;
   color: black;
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -5804,7 +5813,7 @@
   line-height: 16px;
   color: var(--gray-600);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -5860,7 +5869,7 @@
   line-height: 24px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -5870,7 +5879,7 @@
   line-height: 24px;
   color: var(--gray-400);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -5899,7 +5908,7 @@
   line-height: 24px;
   color: var(--gray-400);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -5952,7 +5961,7 @@
   line-height: 24px;
   color: var(--gray-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -5967,7 +5976,7 @@
   line-height: 24px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -5977,7 +5986,7 @@
   line-height: 24px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -5991,7 +6000,7 @@
   line-height: 24px;
   color: var(--gray-iron-25);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6001,7 +6010,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6014,7 +6023,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6057,7 +6066,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6067,7 +6076,7 @@
   line-height: 24px;
   color: var(--gray-iron-25);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6077,7 +6086,7 @@
   line-height: 24px;
   color: var(--gray-iron-25);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6102,7 +6111,7 @@
   line-height: 20px;
   color: var(--gray-700);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6112,7 +6121,7 @@
   line-height: 20px;
   color: var(--error-500);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6127,7 +6136,7 @@
   line-height: 20px;
   color: var(--gray-600);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6142,7 +6151,7 @@
   line-height: 20px;
   color: var(--error-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6169,7 +6178,7 @@
   line-height: 20px;
   color: var(--primary-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6182,7 +6191,7 @@
   line-height: 20px;
   color: var(--gray-500);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6195,7 +6204,7 @@
   line-height: 20px;
   color: var(--gray-600);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6208,7 +6217,7 @@
   line-height: 20px;
   color: var(--gray-iron-400);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6218,7 +6227,7 @@
   line-height: 20px;
   color: var(--error-500);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6228,7 +6237,7 @@
   line-height: 20px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6238,7 +6247,7 @@
   line-height: 20px;
   color: var(--error-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6248,7 +6257,7 @@
   line-height: 20px;
   color: var(--rose-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6261,7 +6270,7 @@
   line-height: 20px;
   color: var(--gray-iron-400);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6271,7 +6280,7 @@
   line-height: 20px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6352,7 +6361,7 @@
   line-height: 24px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6362,7 +6371,7 @@
   line-height: 24px;
   color: var(--gray-400);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6378,7 +6387,7 @@
   line-height: 24px;
   color: var(--gray-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6399,7 +6408,7 @@
   line-height: 24px;
   color: var(--gray-iron-25);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6409,7 +6418,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6425,7 +6434,7 @@
   line-height: 24px;
   color: var(--gray-iron-500);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6463,7 +6472,7 @@
   line-height: 24px;
   color: var(--gray-400);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6477,7 +6486,7 @@
   line-height: 24px;
   color: var(--gray-900);
   font-weight: 400;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
@@ -6584,7 +6593,7 @@
   line-height: 20px;
   color: var(--gray-600);
   font-weight: 500;
-  font-family: var(--golos-ui);
+  font-family: var(--golos);
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;