indicator-ui 0.1.39 → 0.1.41

package/dist/index.css

@@ -69,6 +69,45 @@
     --success-800: #085D3A;
     --success-900: #074D31;
     --success-950: #053321;
+
+    --gray-iron-25: #FCFCFC;
+    --gray-iron-50: #FAFAFA;
+    --gray-iron-100: #F4F4F5;
+    --gray-iron-200: #E4E4E7;
+    --gray-iron-300: #D1D1D6;
+    --gray-iron-400: #A0A0AB;
+    --gray-iron-500: #70707B;
+    --gray-iron-600: #51525C;
+    --gray-iron-700: #3F3F46;
+    --gray-iron-800: #26272B;
+    --gray-iron-900: #18181B;
+    --gray-iron-950: #131316;
+
+    --rose-25: #FFF5F6;
+    --rose-50: #FFF1F3;
+    --rose-100: #FFE4E8;
+    --rose-200: #FECDD6;
+    --rose-300: #FEA3B4;
+    --rose-400: #FD6F8E;
+    --rose-500: #F63D68;
+    --rose-600: #E31B54;
+    --rose-700: #C01048;
+    --rose-800: #A11043;
+    --rose-900: #89123E;
+    --rose-950: #510B24;
+
+    --pink-25: #FEF6FB;
+    --pink-50: #FDF2FA;
+    --pink-100: #FCE7F6;
+    --pink-200: #FCCEEE;
+    --pink-300: #FAA7E0;
+    --pink-400: #F670C7;
+    --pink-500: #EE46BC;
+    --pink-600: #DD2590;
+    --pink-700: #C11574;
+    --pink-800: #9E165F;
+    --pink-900: #851651;
+    --pink-950: #4E0D30;
 }
 
 /*!*****************************************************************************************************!*\
@@ -331,6 +370,19 @@
 .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);
@@ -358,6 +410,28 @@
 .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: var(--base-black);
+  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);
@@ -391,6 +465,34 @@
 .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: var(--gray-iron-950);
+  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;
 }
@@ -419,6 +521,28 @@
 .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;
 }
@@ -447,6 +571,28 @@
 .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;
 }
@@ -571,6 +717,38 @@
 .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:disabled, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd.Buttons-module__disabled___INiFx {
   opacity: 0.5;
 }
+.Buttons-module__button___I3yLe.Buttons-module__linkDarkTheme___hAQhd {
+  padding: 0 !important;
+  gap: 4px;
+}
+.Buttons-module__button___I3yLe.Buttons-module__linkDarkTheme___hAQhd .Buttons-module__icon___U2AOU svg * {
+  stroke: var(--gray-iron-400);
+}
+.Buttons-module__button___I3yLe.Buttons-module__linkDarkTheme___hAQhd .Buttons-module__content___lPb5_ {
+  padding: 0 !important;
+}
+.Buttons-module__button___I3yLe.Buttons-module__linkDarkTheme___hAQhd .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkDarkTheme___hAQhd .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
+  color: var(--gray-iron-400);
+}
+@media only screen and (min-width: 1024px) {
+  .Buttons-module__button___I3yLe.Buttons-module__linkDarkTheme___hAQhd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkDarkTheme___hAQhd: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__linkDarkTheme___hAQhd: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__linkDarkTheme___hAQhd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkDarkTheme___hAQhd: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__linkDarkTheme___hAQhd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU svg * {
+    stroke: var(--base-white);
+  }
+}
+.Buttons-module__button___I3yLe.Buttons-module__linkDarkTheme___hAQhd:disabled, .Buttons-module__button___I3yLe.Buttons-module__linkDarkTheme___hAQhd.Buttons-module__disabled___INiFx {
+  opacity: 0.5;
+}
 .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq {
   border-radius: 6px;
   background-color: var(--base-white);
@@ -852,6 +1030,29 @@
     stroke: var(--primary-500);
   }
 }
+.MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL {
+  background: none;
+  border: 1px solid transparent;
+}
+.MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL svg * {
+  stroke: var(--rose-600);
+}
+@media only screen and (min-width: 1024px) {
+  .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:not(.MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:disabled):hover {
+    background-color: var(--rose-900);
+  }
+  .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:not(.MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:disabled):hover svg * {
+    stroke: var(--rose-500);
+  }
+}
+@media (min-width: 481px) and (max-width: 1279px) {
+  .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:active {
+    background-color: var(--rose-900);
+  }
+  .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:active svg * {
+    stroke: var(--rose-500);
+  }
+}
 .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq {
   background: none;
   border: 1px solid transparent;
@@ -1011,10 +1212,10 @@
   padding: 9px 11px;
   border-radius: 8px;
   gap: 12px;
+  box-sizing: border-box;
   background-color: var(--base-white);
   border: 1px solid var(--gray-300);
   box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
-  box-sizing: border-box;
 }
 .FlexField-module__flexField___bQEfy {
   display: flex;
@@ -1210,6 +1411,106 @@
   font-style: normal;
   font-variant: normal;
 }
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD {
+  background-color: var(--gray-iron-950);
+  border: 1px solid var(--gray-iron-800);
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__inputField___ckUI1 {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-25);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__inputField___ckUI1::placeholder, .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__inputField___ckUI1.FlexField-module__placeholder___LYS5Z {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__icon___pHmKh svg * {
+  stroke: var(--gray-iron-500);
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__textSupport___WGMzj {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__help___ORoT_ svg * {
+  stroke: var(--gray-iron-500);
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__dropdown___BqdfG svg * {
+  stroke: var(--gray-iron-500);
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__button___TjLHK.FlexField-module__red___BY7NK svg * {
+  stroke: var(--error-400);
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__button___TjLHK.FlexField-module__red___BY7NK:hover svg * {
+  stroke: var(--error-500);
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__button___TjLHK.FlexField-module__gray___sjpVp svg * {
+  stroke: var(--gray-iron-400);
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__button___TjLHK.FlexField-module__gray___sjpVp:hover svg * {
+  stroke: var(--gray-iron-500);
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__focus___pkwN6 {
+  border: 1px solid var(--gray-iron-700);
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__isError___VljDQ {
+  border: 1px solid var(--error-900);
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__isError___VljDQ .FlexField-module__help___ORoT_ svg * {
+  stroke: var(--error-500);
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__isError___VljDQ.FlexField-module__focus___pkwN6 {
+  border: 1px solid var(--error-700);
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__disabled___lN8Vv {
+  background-color: var(--gray-iron-950);
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1 {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__smallDisplay___y_Y9l .FlexField-module__inputField___ckUI1 {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-25);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__largeDisplay___I3LHo .FlexField-module__inputField___ckUI1 {
+  font-size: 20px;
+  line-height: 24px;
+  color: var(--gray-iron-25);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
 /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/InputFields/SelectField/styles/SelectField.module.scss ***!
   \***************************************************************************************************************************************************************************************************************************************************************************************/
@@ -1336,6 +1637,84 @@
 .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__display___EN4pl .InputFieldWrapper-module__helperLink___Kfen4 {
   padding: 0;
 }
+.InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__labelText___n0EsW {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-iron-400);
+  font-weight: 500;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__labelText___n0EsW .InputFieldWrapper-module__required___SDv6c {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--error-500);
+  font-weight: 500;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__hintText___Utfgx {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__hintError___v4J5W {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--error-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__helperLink___Kfen4 svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__helperLink___Kfen4 svg * {
+  stroke: var(--rose-500);
+}
+.InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__helperLink___Kfen4 {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--rose-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp.InputFieldWrapper-module__display___EN4pl .InputFieldWrapper-module__labelText___n0EsW {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-iron-400);
+  font-weight: 500;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp.InputFieldWrapper-module__display___EN4pl .InputFieldWrapper-module__hintText___Utfgx {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
 /*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/InputFields/TextareaField/styles/TextareaField.module.scss ***!
   \*******************************************************************************************************************************************************************************************************************************************************************************************/
@@ -1511,6 +1890,44 @@
 .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__widthHug___UJyI8 .DateTimeFieldMask-module__item___LHghw, .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__widthHug___UJyI8 .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__content___KUAL7 {
   flex: none;
 }
+.DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk {
+  border: 1px solid var(--gray-iron-800);
+  background-color: var(--gray-iron-950);
+}
+.DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__icon___w5Oda svg * {
+  stroke: var(--gray-iron-500);
+}
+.DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk .DateTimeFieldMask-module__xCloseButton___SiUGK svg * {
+  stroke: var(--gray-iron-500);
+}
+@media only screen and (min-width: 1024px) {
+  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk .DateTimeFieldMask-module__xCloseButton___SiUGK:hover svg * {
+    stroke: var(--gray-iron-600);
+  }
+}
+.DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk.DateTimeFieldMask-module__isFocus___rZ3KJ {
+  border: 1px solid var(--gray-iron-700);
+}
+.DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk.DateTimeFieldMask-module__isError___c1m4S {
+  border: 1px solid var(--error-950);
+}
+.DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk.DateTimeFieldMask-module__isError___c1m4S.DateTimeFieldMask-module__isFocus___rZ3KJ {
+  border: 1px solid var(--error-800);
+}
+.DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk.DateTimeFieldMask-module__disabled___xrbuV {
+  border: 1px solid var(--gray-iron-800);
+  background-color: var(--gray-iron-950);
+}
 /*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/InputFields/DateTimeField/styles/DateTimeField.module.scss ***!
   \*******************************************************************************************************************************************************************************************************************************************************************************************/
@@ -1574,22 +1991,52 @@
   font-style: normal;
   font-variant: normal;
 }
-/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** 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/InputFields/DateTimeField/styles/DateField.module.scss ***!
-  \***************************************************************************************************************************************************************************************************************************************************************************************/
-.DateField-module__flexField___N5kNa {
-  width: 100%;
-  height: fit-content;
-  min-width: 0;
-  padding: 9px 11px;
-  border-radius: 8px;
-  gap: 12px;
-  background-color: var(--base-white);
-  border: 1px solid var(--gray-300);
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
-  box-sizing: border-box;
+.DateTimeField-module__flexField___gDZ5r.DateTimeField-module__darkTheme___wmpps {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-25);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
 }
-.DateField-module__flexField___N5kNa {
+.DateTimeField-module__flexField___gDZ5r.DateTimeField-module__darkTheme___wmpps::placeholder {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.DateTimeField-module__flexField___gDZ5r.DateTimeField-module__darkTheme___wmpps.DateTimeField-module__disabled___Gk46h, .DateTimeField-module__flexField___gDZ5r.DateTimeField-module__darkTheme___wmpps.DateTimeField-module__disabled___Gk46h::placeholder {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** 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/InputFields/DateTimeField/styles/DateField.module.scss ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************/
+.DateField-module__flexField___N5kNa {
+  width: 100%;
+  height: fit-content;
+  min-width: 0;
+  padding: 9px 11px;
+  border-radius: 8px;
+  gap: 12px;
+  background-color: var(--base-white);
+  border: 1px solid var(--gray-300);
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
+  box-sizing: border-box;
+}
+.DateField-module__flexField___N5kNa {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2057,6 +2504,7 @@
   \*************************************************************************************************************************************************************************************************************************************************************************/
 .ToggleBase-module__toggleBase___Vkhhf {
   transition: all ease-out 0.2s;
+  --toggle-theme: "light";
   border-radius: 12px;
   padding: 1px;
   border: 1px solid transparent;
@@ -2131,6 +2579,27 @@
     opacity: 0.5;
   }
 }
+.ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__dark___dcBYN {
+  border-radius: 12px;
+  padding: 1px;
+  border: 1px solid transparent;
+  background-color: var(--gray-iron-500);
+}
+.ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__dark___dcBYN {
+  display: flex;
+  align-items: center;
+}
+.ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__dark___dcBYN.ToggleBase-module__active___q_Db4 {
+  background-color: var(--rose-500);
+}
+@media only screen and (min-width: 1024px) {
+  .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__dark___dcBYN:not(.ToggleBase-module__disabled___Znl75).ToggleBase-module__hover___KiQjy, .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__dark___dcBYN:not(.ToggleBase-module__disabled___Znl75):hover {
+    background-color: var(--gray-iron-600);
+  }
+  .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__dark___dcBYN:not(.ToggleBase-module__disabled___Znl75).ToggleBase-module__hover___KiQjy.ToggleBase-module__active___q_Db4, .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__dark___dcBYN:not(.ToggleBase-module__disabled___Znl75):hover.ToggleBase-module__active___q_Db4 {
+    background-color: var(--rose-600);
+  }
+}
 /*!*****************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/Toggle/styles/Toggle.module.scss ***!
   \*****************************************************************************************************************************************************************************************************************************************************************/
@@ -2223,6 +2692,26 @@
 .Toggle-module__toggle___v6vwY.Toggle-module__heightHug___fFSTL {
   height: fit-content;
 }
+.Toggle-module__toggle___v6vwY.Toggle-module__dark___ogO9H .Toggle-module__text___i2f7B {
+  color: var(--gray-iron-300) !important;
+}
+.Toggle-module__toggle___v6vwY.Toggle-module__dark___ogO9H .Toggle-module__description___hvDOL {
+  color: var(--gray-iron-400) !important;
+}
+.Toggle-module__toggle___v6vwY.Toggle-module__dark___ogO9H.Toggle-module__active___Skxl4 .Toggle-module__textBlock___KUwlm .Toggle-module__text___i2f7B {
+  color: var(--gray-iron-50) !important;
+}
+.Toggle-module__toggle___v6vwY.Toggle-module__dark___ogO9H.Toggle-module__active___Skxl4 .Toggle-module__textBlock___KUwlm .Toggle-module__description___hvDOL {
+  color: var(--gray-iron-500) !important;
+}
+@media only screen and (min-width: 1024px) {
+  .Toggle-module__toggle___v6vwY.Toggle-module__dark___ogO9H:not(.Toggle-module__disabled___ME0Wv).Toggle-module__hover___Ws4WL .Toggle-module__textBlock___KUwlm .Toggle-module__text___i2f7B {
+    color: var(--gray-iron-50) !important;
+  }
+  .Toggle-module__toggle___v6vwY.Toggle-module__dark___ogO9H:not(.Toggle-module__disabled___ME0Wv).Toggle-module__hover___Ws4WL .Toggle-module__textBlock___KUwlm .Toggle-module__description___hvDOL {
+    color: var(--gray-iron-500) !important;
+  }
+}
 /*!********************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/CascadeSelector/styles/CascadeBlock.module.scss ***!
   \********************************************************************************************************************************************************************************************************************************************************************************/
@@ -2572,6 +3061,9 @@
 .TabFrame-module__tabFrame___Ppzzz.TabFrame-module__widthHug___wokCP {
   width: fit-content;
 }
+.TabFrame-module__tabFrame___Ppzzz.TabFrame-module__dark___uBrHA {
+  background-color: var(--gray-iron-950);
+}
 /*!*************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/TabButtons/styles/TabButtons.module.scss ***!
   \*************************************************************************************************************************************************************************************************************************************************************************/
@@ -2690,6 +3182,84 @@
 .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__heightFill____mxL8 {
   height: 100%;
 }
+.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg {
+  background-color: var(--gray-iron-950);
+}
+.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg .TabButtons-module__rightIcon___Vllb5 svg * {
+  stroke: var(--gray-iron-600);
+}
+.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg .TabButtons-module__leftIcon___yDOkS svg * {
+  stroke: var(--gray-iron-600);
+}
+.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg .TabButtons-module__text___EbNMB {
+  font-size: 14px;
+  line-height: 16px;
+  color: var(--gray-iron-400);
+  font-weight: 500;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+@media only screen and (min-width: 1024px) {
+  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg:hover {
+    background-color: var(--gray-iron-900);
+  }
+  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg:hover .TabButtons-module__text___EbNMB {
+    color: var(--gray-iron-200);
+  }
+}
+@media (min-width: 481px) and (max-width: 1279px) {
+  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg:active {
+    background-color: var(--gray-iron-900);
+  }
+  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg:active .TabButtons-module__text___EbNMB {
+    color: var(--gray-iron-200);
+  }
+  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg:active .TabButtons-module__rightIcon___Vllb5 svg * {
+    stroke: var(--gray-iron-500);
+  }
+  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg:active .TabButtons-module__leftIcon___yDOkS svg * {
+    stroke: var(--gray-iron-500);
+  }
+}
+.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg.TabButtons-module__active___ShP43 {
+  border: 1px solid var(--gray-iron-800);
+  background-color: var(--gray-iron-900);
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
+}
+.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg.TabButtons-module__active___ShP43 .TabButtons-module__rightIcon___Vllb5 svg * {
+  stroke: var(--gray-iron-500);
+}
+.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg.TabButtons-module__active___ShP43 .TabButtons-module__leftIcon___yDOkS svg * {
+  stroke: var(--gray-iron-500);
+}
+.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg.TabButtons-module__active___ShP43 .TabButtons-module__text___EbNMB {
+  color: var(--gray-iron-200);
+}
+@media only screen and (min-width: 1024px) {
+  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg.TabButtons-module__active___ShP43:hover {
+    background-color: var(--gray--iron-800);
+    border: 1px solid var(--gray-iron-700);
+  }
+}
+@media (min-width: 481px) and (max-width: 1279px) {
+  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg.TabButtons-module__active___ShP43:active {
+    background-color: var(--gray--iron-800);
+  }
+}
+.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg.TabButtons-module__disabled___MlvE9, .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg:disabled {
+  background-color: var(--gray--iron-900);
+}
+.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg.TabButtons-module__disabled___MlvE9 .TabButtons-module__rightIcon___Vllb5 svg *, .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg:disabled .TabButtons-module__rightIcon___Vllb5 svg * {
+  stroke: var(--gray-iron-700);
+}
+.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg.TabButtons-module__disabled___MlvE9 .TabButtons-module__leftIcon___yDOkS svg *, .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg:disabled .TabButtons-module__leftIcon___yDOkS svg * {
+  stroke: var(--gray-iron-700);
+}
+.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg.TabButtons-module__disabled___MlvE9 .TabButtons-module__text___EbNMB, .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg:disabled .TabButtons-module__text___EbNMB {
+  color: var(--gray-iron-600);
+}
 /*!******************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/PaginationBar/styles/PageSwitcher.module.scss ***!
   \******************************************************************************************************************************************************************************************************************************************************************************/
@@ -2807,6 +3377,36 @@
 .PageSwitcher-module__pageSwitcher___PGQPI.PageSwitcher-module__smallVersion___YJr68 {
   justify-content: space-between;
 }
+.PageSwitcher-module__pageSwitcher___PGQPI.PageSwitcher-module__dark___kWpZ9 .PageSwitcher-module__buttonsList___dxvZB .PageSwitcher-module__plug___vUKSL {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-iron-500);
+  font-weight: 500;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.PageSwitcher-module__pageSwitcher___PGQPI.PageSwitcher-module__dark___kWpZ9 .PageSwitcher-module__buttonsList___dxvZB .PageSwitcher-module__numberButton___TgDNV {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-iron-500);
+  font-weight: 500;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+@media only screen and (min-width: 1024px) {
+  .PageSwitcher-module__pageSwitcher___PGQPI.PageSwitcher-module__dark___kWpZ9 .PageSwitcher-module__buttonsList___dxvZB .PageSwitcher-module__numberButton___TgDNV:hover {
+    color: var(--gray-iron-400);
+    background-color: var(--gray-iron-800);
+  }
+}
+.PageSwitcher-module__pageSwitcher___PGQPI.PageSwitcher-module__dark___kWpZ9 .PageSwitcher-module__buttonsList___dxvZB .PageSwitcher-module__numberButton___TgDNV.PageSwitcher-module__active___Mx_1z {
+  color: var(--gray-iron-400);
+  background-color: var(--gray-iron-800);
+}
 /*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/PaginationBar/styles/PaginationBar.module.scss ***!
   \*******************************************************************************************************************************************************************************************************************************************************************************/
@@ -2999,6 +3599,123 @@
 .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthHug___HJMle {
   width: fit-content;
 }
+
+.DropdownItem-module__dark___nHP0y .DropdownItem-module__showIcon___Dg7F4 svg * {
+  stroke: var(--gray-iron-500);
+}
+.DropdownItem-module__dark___nHP0y .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww {
+  color: var(--gray-iron-200);
+}
+.DropdownItem-module__dark___nHP0y .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
+  color: var(--gray-iron-500);
+}
+.DropdownItem-module__dark___nHP0y .DropdownItem-module__check___e4EmQ svg * {
+  stroke: var(--rose-500);
+}
+@media only screen and (min-width: 1024px) {
+  .DropdownItem-module__dark___nHP0y:hover {
+    background-color: var(--gray-iron-800);
+  }
+}
+@media (min-width: 481px) and (max-width: 1279px) {
+  .DropdownItem-module__dark___nHP0y:active {
+    background-color: var(--gray-iron-800);
+  }
+}
+.DropdownItem-module__dark___nHP0y.DropdownItem-module__selected___gw70Z {
+  background-color: var(--rose-950);
+}
+@media only screen and (min-width: 1024px) {
+  .DropdownItem-module__dark___nHP0y.DropdownItem-module__selected___gw70Z:hover {
+    background-color: var(--rose-900);
+  }
+}
+@media (min-width: 481px) and (max-width: 1279px) {
+  .DropdownItem-module__dark___nHP0y.DropdownItem-module__selected___gw70Z:active {
+    background-color: var(--rose-900);
+  }
+}
+.DropdownItem-module__dark___nHP0y.DropdownItem-module__selected___gw70Z .DropdownItem-module__showIcon___Dg7F4 svg * {
+  stroke: var(--rose-600);
+}
+.DropdownItem-module__dark___nHP0y.DropdownItem-module__selected___gw70Z .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
+  color: var(--rose-600);
+}
+.DropdownItem-module__dark___nHP0y:disabled, .DropdownItem-module__dark___nHP0y.DropdownItem-module__disabled___hI0kb {
+  cursor: default;
+  pointer-events: none;
+  opacity: 0.5;
+}
+.DropdownItem-module__dark___nHP0y:disabled .DropdownItem-module__showIcon___Dg7F4 svg *, .DropdownItem-module__dark___nHP0y.DropdownItem-module__disabled___hI0kb .DropdownItem-module__showIcon___Dg7F4 svg * {
+  stroke: var(--rose-600);
+}
+.DropdownItem-module__dark___nHP0y:disabled .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww, .DropdownItem-module__dark___nHP0y.DropdownItem-module__disabled___hI0kb .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww {
+  color: var(--gray-iron-200);
+}
+.DropdownItem-module__dark___nHP0y:disabled .DropdownItem-module__userIcon___MATjB, .DropdownItem-module__dark___nHP0y.DropdownItem-module__disabled___hI0kb .DropdownItem-module__userIcon___MATjB {
+  opacity: 1;
+}
+.DropdownItem-module__dark___nHP0y:disabled .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04, .DropdownItem-module__dark___nHP0y.DropdownItem-module__disabled___hI0kb .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
+  color: var(--gray-iron-200);
+}
+.DropdownItem-module__dark___nHP0y:disabled .DropdownItem-module__check___e4EmQ svg *, .DropdownItem-module__dark___nHP0y.DropdownItem-module__disabled___hI0kb .DropdownItem-module__check___e4EmQ svg * {
+  stroke: var(--rose-600);
+}
+.DropdownItem-module__dark___nHP0y:disabled.DropdownItem-module__selected___gw70Z, .DropdownItem-module__dark___nHP0y.DropdownItem-module__disabled___hI0kb.DropdownItem-module__selected___gw70Z {
+  background-color: var(--rose-950);
+}
+.DropdownItem-module__dark___nHP0y.DropdownItem-module__small___IbHXt {
+  padding: 8px 8px 8px 16px;
+}
+.DropdownItem-module__dark___nHP0y.DropdownItem-module__small___IbHXt .DropdownItem-module__text___ASNww {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-iron-200);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.DropdownItem-module__dark___nHP0y.DropdownItem-module__small___IbHXt .DropdownItem-module__supportText___UEw04 {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.DropdownItem-module__dark___nHP0y.DropdownItem-module__medium___bm3mg {
+  padding: 10px 10px 10px 16px;
+}
+.DropdownItem-module__dark___nHP0y.DropdownItem-module__medium___bm3mg .DropdownItem-module__text___ASNww {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-200);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.DropdownItem-module__dark___nHP0y.DropdownItem-module__medium___bm3mg .DropdownItem-module__supportText___UEw04 {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.DropdownItem-module__dark___nHP0y.DropdownItem-module__widthFill___m3eb0 {
+  width: 100%;
+}
+.DropdownItem-module__dark___nHP0y.DropdownItem-module__widthHug___HJMle {
+  width: fit-content;
+}
 /*!****************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/Loaders/styles/LoadingIndicator.module.scss ***!
   \****************************************************************************************************************************************************************************************************************************************************************************/
@@ -3145,10 +3862,10 @@
   !*** 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/MediaViewer/styles/components/VideoViewer.module.scss ***!
   \**************************************************************************************************************************************************************************************************************************************************************************************/
 .VideoViewer-module__VideoViewer___DnYgG {
-  flex: none;
   width: fit-content;
   height: 100%;
   position: relative;
+  overflow: hidden;
 }
 .VideoViewer-module__VideoViewer___DnYgG {
   display: flex;
@@ -3193,8 +3910,9 @@
 }
 .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__content___jnFwK {
   flex: none;
+  max-width: 100%;
   height: 100%;
-  object-fit: fill;
+  object-fit: scale-down;
 }
 .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y {
   display: none;
@@ -3227,8 +3945,8 @@
   !*** 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/MediaViewer/styles/components/ImageViewer.module.scss ***!
   \**************************************************************************************************************************************************************************************************************************************************************************************/
 .ImageViewer-module__ImageViewer___lH_sP {
-  flex: none;
   width: fit-content;
+  max-width: 100%;
   height: 100%;
   object-fit: scale-down;
 }
@@ -3246,11 +3964,18 @@
   justify-content: center;
 }
 .MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__content___e14vI {
-  flex: 1;
   width: 100%;
   height: 100%;
 }
-.MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__content___e14vI {
+.MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__content___e14vI .MediaViewer-module__track___eU8q_ {
+  height: 100%;
+}
+.MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__content___e14vI .MediaViewer-module__track___eU8q_ .MediaViewer-module__el___D3St0 {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__content___e14vI .MediaViewer-module__track___eU8q_ .MediaViewer-module__el___D3St0 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3534,6 +4259,116 @@
   right: 0;
   transform: translateX(10px);
 }
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj .CalendarDay-module__mark___jB0aT:after {
+  background-color: var(--rose-600);
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj .CalendarDay-module__text___ft0zM {
+  font-size: 16px;
+  line-height: 16px;
+  color: var(--gray-iron-300);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj .CalendarDay-module__info___MvJmM {
+  font-size: 10px;
+  line-height: 10px;
+  color: var(--gray-iron-600);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj {
+  background-color: var(--gray-iron-900);
+}
+@media only screen and (min-width: 1024px) {
+  .CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj:hover {
+    background-color: var(--gray-iron-800);
+  }
+}
+@media (min-width: 481px) and (max-width: 1279px) {
+  .CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj:active {
+    background-color: var(--rose-500);
+  }
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__currentDay___J6WB3 {
+  background-color: var(--rose-950);
+}
+@media only screen and (min-width: 1024px) {
+  .CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__currentDay___J6WB3:hover {
+    background-color: var(--rose-900);
+  }
+}
+@media (min-width: 481px) and (max-width: 1279px) {
+  .CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__currentDay___J6WB3:active {
+    background-color: var(--rose-500);
+  }
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__holiday___cQBoW .CalendarDay-module__text___ft0zM {
+  color: var(--error-500);
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__disabled___H7Y64 {
+  background-color: var(--gray-iron-900);
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__disabled___H7Y64 .CalendarDay-module__mark___jB0aT:after {
+  background-color: var(--gray-iron-700);
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__disabled___H7Y64 .CalendarDay-module__text___ft0zM {
+  color: var(--gray-iron-600);
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__disabled___H7Y64 .CalendarDay-module__info___MvJmM {
+  color: var(--gray-iron-700);
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__disabled___H7Y64:hover {
+  background-color: var(--gray-iron-800);
+}
+@media (min-width: 481px) and (max-width: 1279px) {
+  .CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__disabled___H7Y64:active {
+    background-color: var(--gray-100);
+  }
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__filter___jE_gQ {
+  background-color: var(--gray-iron-800);
+}
+@media only screen and (min-width: 1024px) {
+  .CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__filter___jE_gQ:hover {
+    background-color: var(--gray-iron-700);
+  }
+}
+@media (min-width: 481px) and (max-width: 1279px) {
+  .CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__filter___jE_gQ:active {
+    background-color: var(--rose-500);
+  }
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE {
+  background-color: var(--rose-500);
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE .CalendarDay-module__mark___jB0aT:after {
+  background-color: var(--base-white);
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE .CalendarDay-module__text___ft0zM {
+  color: var(--base-white);
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE .CalendarDay-module__info___MvJmM {
+  color: var(--rose-700);
+}
+@media only screen and (min-width: 1024px) {
+  .CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE:hover {
+    background-color: var(--rose-600);
+  }
+}
+@media (min-width: 481px) and (max-width: 1279px) {
+  .CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE:active {
+    background-color: var(--rose-600);
+  }
+}
+.CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__darkTheme___lJnHz.CalendarDay-module__filter___jE_gQ:before {
+  background-color: var(--gray-iron-800);
+}
 /*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/DateTimePicker/styles/components/CalendarMonth.module.scss ***!
   \*******************************************************************************************************************************************************************************************************************************************************************************************/
@@ -3574,6 +4409,31 @@
 .CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__disabled___VNFpt {
   color: var(--gray-400);
 }
+.CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__darkTheme___k7jgU {
+  background-color: var(--gray-iron-900);
+}
+.CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__darkTheme___k7jgU {
+  font-size: 16px;
+  line-height: 20px;
+  color: var(--gray-iron-300);
+  font-weight: 400;
+  font-family: var(--golos);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__darkTheme___k7jgU:hover {
+  background-color: var(--gray-iron-800);
+}
+.CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__darkTheme___k7jgU.CalendarMonth-module__current___iR71C:not(.CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__darkTheme___k7jgU.CalendarMonth-module__disabled___VNFpt) {
+  background-color: var(--rose-950);
+}
+.CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__darkTheme___k7jgU.CalendarMonth-module__current___iR71C:not(.CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__darkTheme___k7jgU.CalendarMonth-module__disabled___VNFpt):hover {
+  background-color: var(--rose-900);
+}
+.CalendarMonth-module__CalendarMonth___BVPk3.CalendarMonth-module__darkTheme___k7jgU.CalendarMonth-module__disabled___VNFpt {
+  color: var(--gray-iron-600);
+}
 /*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/DateTimePicker/styles/components/CalendarYear.module.scss ***!
   \******************************************************************************************************************************************************************************************************************************************************************************************/
@@ -3614,6 +4474,31 @@
 .CalendarYear-module__CalendarYear___gMG1A.CalendarYear-module__disabled___dIYvt {
   color: var(--gray-400);
 }
+.CalendarYear-module__CalendarYear___gMG1A.CalendarYear-module__darkTheme___rr4Oy {
+  background-color: var(--gray-iron-900);
+}
+.CalendarYear-module__CalendarYear___gMG1A.CalendarYear-module__darkTheme___rr4Oy {
+  font-size: 16px;
+  line-height: 20px;
+  color: var(--gray-iron-300);
+  font-weight: 400;
+  font-family: var(--golos);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.CalendarYear-module__CalendarYear___gMG1A.CalendarYear-module__darkTheme___rr4Oy:hover {
+  background-color: var(--gray-iron-800);
+}
+.CalendarYear-module__CalendarYear___gMG1A.CalendarYear-module__darkTheme___rr4Oy.CalendarYear-module__current___aLXpm {
+  background-color: var(--rose-950);
+}
+.CalendarYear-module__CalendarYear___gMG1A.CalendarYear-module__darkTheme___rr4Oy.CalendarYear-module__current___aLXpm:hover {
+  background-color: var(--rose-900);
+}
+.CalendarYear-module__CalendarYear___gMG1A.CalendarYear-module__darkTheme___rr4Oy.CalendarYear-module__disabled___dIYvt {
+  color: var(--gray-iron-600);
+}
 /*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/DateTimePicker/styles/components/CalendarButton.module.scss ***!
   \********************************************************************************************************************************************************************************************************************************************************************************************/
@@ -3652,6 +4537,32 @@
 .CalendarButton-module__CalendarButton___yVvoS:disabled {
   cursor: default;
 }
+.CalendarButton-module__CalendarButton___yVvoS.CalendarButton-module__dark___h_NGD.CalendarButton-module__black____RFmq {
+  font-size: 18px;
+  line-height: 28px;
+  color: var(--gray-iron-100);
+  font-weight: 400;
+  font-family: var(--golos);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.CalendarButton-module__CalendarButton___yVvoS.CalendarButton-module__dark___h_NGD.CalendarButton-module__black____RFmq:hover:not(.CalendarButton-module__CalendarButton___yVvoS.CalendarButton-module__dark___h_NGD.CalendarButton-module__black____RFmq:disabled) {
+  color: var(--rose-500);
+}
+.CalendarButton-module__CalendarButton___yVvoS.CalendarButton-module__dark___h_NGD.CalendarButton-module__gray___JG7y4 {
+  font-size: 18px;
+  line-height: 28px;
+  color: var(--gray-iron-600);
+  font-weight: 400;
+  font-family: var(--golos);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.CalendarButton-module__CalendarButton___yVvoS.CalendarButton-module__dark___h_NGD.CalendarButton-module__gray___JG7y4:hover:not(.CalendarButton-module__CalendarButton___yVvoS.CalendarButton-module__dark___h_NGD.CalendarButton-module__gray___JG7y4:disabled) {
+  color: var(--rose-500);
+}
 /*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/DateTimePicker/styles/components/TimePickerTag.module.scss ***!
   \*******************************************************************************************************************************************************************************************************************************************************************************************/
@@ -3787,6 +4698,49 @@
   font-style: normal;
   font-variant: normal;
 }
+.TimePickerFeed-module__wrapper___BiInJ.TimePickerFeed-module__darkTheme___LUnBx .TimePickerFeed-module__viewContent___NiSmH {
+  background-color: transparent;
+}
+.TimePickerFeed-module__wrapper___BiInJ.TimePickerFeed-module__darkTheme___LUnBx .TimePickerFeed-module__item___SczLD .TimePickerFeed-module__content___Qb5A3 {
+  font-size: 20px;
+  line-height: 32px;
+  color: var(--gray-iron-700);
+  font-weight: 400;
+  font-family: var(--golos);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.TimePickerFeed-module__wrapper___BiInJ.TimePickerFeed-module__darkTheme___LUnBx .TimePickerFeed-module__item___SczLD.TimePickerFeed-module__center___skogb .TimePickerFeed-module__content___Qb5A3 {
+  font-size: 20px;
+  line-height: 32px;
+  color: var(--gray-iron-300);
+  font-weight: 400;
+  font-family: var(--golos);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.TimePickerFeed-module__wrapper___BiInJ.TimePickerFeed-module__darkTheme___LUnBx .TimePickerFeed-module__item___SczLD.TimePickerFeed-module__floor1___Lu5VV .TimePickerFeed-module__content___Qb5A3 {
+  font-size: 20px;
+  line-height: 32px;
+  color: var(--gray-iron-600);
+  font-weight: 400;
+  font-family: var(--golos);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.TimePickerFeed-module__wrapper___BiInJ.TimePickerFeed-module__darkTheme___LUnBx .TimePickerFeed-module__item___SczLD.TimePickerFeed-module__floor1___Lu5VV .TimePickerFeed-module__content___Qb5A3 {
+  font-size: 20px;
+  line-height: 32px;
+  color: var(--gray-iron-700);
+  font-weight: 400;
+  font-family: var(--golos);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
 /*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/DateTimePicker/styles/pickers/DatePicker.module.scss ***!
   \*************************************************************************************************************************************************************************************************************************************************************************************/
@@ -3851,6 +4805,19 @@
   grid-template-rows: auto;
   gap: 2px;
 }
+.DatePicker-module__datePicker___rIs4v.DatePicker-module__dark___iQSm7 {
+  background-color: var(--gray-iron-900);
+}
+.DatePicker-module__datePicker___rIs4v.DatePicker-module__dark___iQSm7 .DatePicker-module__weekDaysList___ozEzA .DatePicker-module__weekDay___hC8So {
+  font-size: 14px;
+  line-height: 16px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
 /*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/DateTimePicker/styles/pickers/YearMonthPicker.module.scss ***!
   \******************************************************************************************************************************************************************************************************************************************************************************************/
@@ -3887,6 +4854,9 @@
   grid-template-columns: repeat(3, 1fr);
   gap: 4px;
 }
+.YearMonthPicker-module__YearMonthPicker___jd8KA.YearMonthPicker-module__dark___TnpR3 {
+  background-color: var(--gray-iron-900);
+}
 /*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/DateTimePicker/styles/pickers/TimePicker.module.scss ***!
   \*************************************************************************************************************************************************************************************************************************************************************************************/
@@ -3958,6 +4928,22 @@
   height: 1px;
   background-color: var(--gray-300);
 }
+.TimePicker-module__TimePicker___iT3kM.TimePicker-module__dark___p_dkO .TimePicker-module__timer___c3ZIO .TimePicker-module__main___A3N1w .TimePicker-module__divider___PbRR9 {
+  font-size: 20px;
+  line-height: 32px;
+  color: var(--gray-iron-300);
+  font-weight: 400;
+  font-family: var(--golos);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.TimePicker-module__TimePicker___iT3kM.TimePicker-module__dark___p_dkO .TimePicker-module__timer___c3ZIO .TimePicker-module__main___A3N1w:before {
+  background-color: var(--gray-iron-800);
+}
+.TimePicker-module__TimePicker___iT3kM.TimePicker-module__dark___p_dkO .TimePicker-module__timer___c3ZIO .TimePicker-module__line___wOgTS {
+  background-color: var(--gray-iron-700);
+}
 /*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/DateTimePicker/styles/DateTimePicker.module.scss ***!
   \*********************************************************************************************************************************************************************************************************************************************************************************/
@@ -4029,6 +5015,18 @@
 .DateTimePicker-module__DateTimePicker___qMYhM .DateTimePicker-module__actions___bHZxf {
   display: flex;
 }
+.DateTimePicker-module__DateTimePicker___qMYhM.DateTimePicker-module__dark___uSir3 {
+  background-color: var(--gray-iron-900);
+}
+.DateTimePicker-module__DateTimePicker___qMYhM.DateTimePicker-module__dark___uSir3 .DateTimePicker-module__header___I8wlx .DateTimePicker-module__title___o52hs {
+  color: var(--gray-iron-100);
+}
+.DateTimePicker-module__DateTimePicker___qMYhM.DateTimePicker-module__dark___uSir3 .DateTimePicker-module__header___I8wlx .DateTimePicker-module__subtitle___qRFKk {
+  color: var(--gray-iron-500);
+}
+.DateTimePicker-module__DateTimePicker___qMYhM.DateTimePicker-module__dark___uSir3 .DateTimePicker-module__actions___bHZxf {
+  border-top: 1px solid var(--gray-iron-800);
+}
 /*!*******************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/Tooltip/styles/Tooltip.module.scss ***!
   \*******************************************************************************************************************************************************************************************************************************************************************/
@@ -4165,5 +5163,13 @@
   font-style: normal;
   font-variant: normal;
 }
+.Dropdown-module__Dropdown___qWoW1.Dropdown-module__DropdownDark___P5WL1 {
+  border: 1px solid var(--gray-iron-800);
+  background-color: var(--gray-iron-900);
+  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.2509803922);
+}
+.Dropdown-module__Dropdown___qWoW1.Dropdown-module__DropdownDark___P5WL1 .Dropdown-module__header___Ct_Nh {
+  color: var(--gray-iron-500);
+}
 
 /*# sourceMappingURL=index.css.map*/