indicator-ui 0.0.170 → 0.0.173

package/dist/index.css

@@ -1931,16 +1931,231 @@
   font-style: normal;
 }
 .DateTimeField-module__DateTimeField___k_mN4 {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  height: fit-content;
+  border: 1px solid var(--gray-300);
+  box-shadow: 0 1px 0 0 rgba(16, 24, 40, 0.0509803922);
+  padding: 9px 11px;
+  border-radius: 8px;
+  gap: 6px;
+  background-color: var(--base-white);
+}
+.DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn {
+  display: flex;
+  align-items: center;
+  gap: 6px;
   flex: 1;
+  min-width: 0;
+}
+.DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn .DateTimeField-module__icon___MluNf {
+  padding: 2px 0;
+}
+.DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn .DateTimeField-module__icon___MluNf {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn .DateTimeField-module__icon___MluNf svg * {
+  stroke: var(--gray-400);
+}
+.DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn .DateTimeField-module__icon___MluNf svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn .DateTimeField-module__text___uHVVF {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-400);
+  font-weight: 400;
+  font-family: "Golos UI", sans-serif;
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.DateTimeField-module__DateTimeField___k_mN4.DateTimeField-module__isFocus___jQRbb {
+  border: 1px solid var(--gray-400);
+}
+.DateTimeField-module__DateTimeField___k_mN4.DateTimeField-module__isError___CbRIG {
+  border: 1px solid var(--error-300);
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
+}
+.DateTimeField-module__DateTimeField___k_mN4.DateTimeField-module__isError___CbRIG.DateTimeField-module__isFocus___jQRbb {
+  border: 1px solid var(--error-400);
+}
+
+.DateTimeField-module__flexField___gDZ5r {
   width: 100%;
-  gap: 8px;
+  height: fit-content;
+  min-width: 0;
+  flex: 1;
+  gap: 12px;
+  box-sizing: border-box;
+  overflow: hidden;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  outline: none;
 }
-.DateTimeField-module__DateTimeField___k_mN4 {
+.DateTimeField-module__flexField___gDZ5r {
   display: flex;
+  align-items: center;
+  justify-content: center;
 }
-.DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn {
+.DateTimeField-module__flexField___gDZ5r {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-900);
+  font-weight: 400;
+  font-family: "Golos UI", sans-serif;
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.DateTimeField-module__flexField___gDZ5r::placeholder, .DateTimeField-module__flexField___gDZ5r.DateTimeField-module__placeholder___ta8c2 {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-400);
+  font-weight: 400;
+  font-family: "Golos UI", sans-serif;
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+
+.DateTimeField-module__line___UzZ_Y {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 11px;
+}
+
+.DateTimeField-module__xCloseButton___zhKEB {
+  cursor: pointer;
+  padding: 2px 0;
+  transition: all ease-in-out 200ms;
+}
+.DateTimeField-module__xCloseButton___zhKEB {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.DateTimeField-module__xCloseButton___zhKEB svg * {
+  stroke: var(--gray-400);
+}
+.DateTimeField-module__xCloseButton___zhKEB svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.DateTimeField-module__xCloseButton___zhKEB:hover svg * {
+  stroke: var(--gray-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/InputFields/DateTimeField/styles/DateField.module.scss ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************/
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_regular.28e502dbcc83c91565af.ttf) format("truetype"), url(fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2) format("woff2"), url(fonts/golos-ui_regular.144142fba245a224ac28.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_medium.727b1fef51a9bac82009.ttf) format("truetype"), url(fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2) format("woff2"), url(fonts/golos-ui_medium.f9db984fc119d6aeca90.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf) format("truetype"), url(fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2) format("woff2"), url(fonts/golos-ui_bold.e1122033a14151d7ea54.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_regular.23f4c2d2931cfb0070d9.ttf) format("truetype"), url(fonts/golos-text_regular.012c46c94b1cd02ee582.woff2) format("woff2"), url(fonts/golos-text_regular.437e7b47534cc7d6fd24.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_medium.443c23223f5e9ffa67f6.ttf) format("truetype"), url(fonts/golos-text_medium.69f15b6afe697154d728.woff2) format("woff2"), url(fonts/golos-text_medium.ffa67c71c79e49888091.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_demibold.56576690cfef6589aa86.ttf) format("truetype"), url(fonts/golos-text_demibold.e1665fc873e3565a6eed.woff2) format("woff2"), url(fonts/golos-text_demibold.05e6a34649d70eb79fef.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+.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;
+}
+.DateField-module__flexField___N5kNa .DateField-module__inputField___u3oP8 {
   flex: 1;
   min-width: 0;
+  min-height: 24px;
+  outline: none;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: none;
+  text-wrap: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.DateField-module__flexField___N5kNa .DateField-module__inputField___u3oP8 {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-900);
+  font-weight: 400;
+  font-family: "Golos UI", sans-serif;
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.DateField-module__flexField___N5kNa .DateField-module__inputField___u3oP8::placeholder, .DateField-module__flexField___N5kNa .DateField-module__inputField___u3oP8.DateField-module__placeholder___Xkwql {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-400);
+  font-weight: 400;
+  font-family: "Golos UI", sans-serif;
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.DateField-module__flexField___N5kNa .DateField-module__icon___NsGmB {
+  padding: 2px 0;
+}
+.DateField-module__flexField___N5kNa .DateField-module__icon___NsGmB {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.DateField-module__flexField___N5kNa .DateField-module__icon___NsGmB svg * {
+  stroke: var(--gray-400);
+}
+.DateField-module__flexField___N5kNa .DateField-module__icon___NsGmB svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
 }
 /*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/DateTimeRangeField/styles/DateTimeRangeField.module.scss ***!
@@ -3691,5 +3906,595 @@
 .DropdownItem-module__dropdownItem___N8ZNV.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 ***!
+  \****************************************************************************************************************************************************************************************************************************************************************************/
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_regular.28e502dbcc83c91565af.ttf) format("truetype"), url(fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2) format("woff2"), url(fonts/golos-ui_regular.144142fba245a224ac28.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_medium.727b1fef51a9bac82009.ttf) format("truetype"), url(fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2) format("woff2"), url(fonts/golos-ui_medium.f9db984fc119d6aeca90.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf) format("truetype"), url(fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2) format("woff2"), url(fonts/golos-ui_bold.e1122033a14151d7ea54.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_regular.23f4c2d2931cfb0070d9.ttf) format("truetype"), url(fonts/golos-text_regular.012c46c94b1cd02ee582.woff2) format("woff2"), url(fonts/golos-text_regular.437e7b47534cc7d6fd24.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_medium.443c23223f5e9ffa67f6.ttf) format("truetype"), url(fonts/golos-text_medium.69f15b6afe697154d728.woff2) format("woff2"), url(fonts/golos-text_medium.ffa67c71c79e49888091.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_demibold.56576690cfef6589aa86.ttf) format("truetype"), url(fonts/golos-text_demibold.e1665fc873e3565a6eed.woff2) format("woff2"), url(fonts/golos-text_demibold.05e6a34649d70eb79fef.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb .LoadingIndicator-module__icon___mgj_t {
+  animation: LoadingIndicator-module__spinner-animation___NBBAi linear 1000ms infinite;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb .LoadingIndicator-module__icon___mgj_t {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb .LoadingIndicator-module__text___F575P {
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb .LoadingIndicator-module__text___F575P {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-700);
+  font-weight: 500;
+  font-family: "Golos UI", sans-serif;
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSimple___j3ypM .LoadingIndicator-module__icon___mgj_t svg path:first-child {
+  stroke: var(--gray-300);
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSimple___j3ypM .LoadingIndicator-module__icon___mgj_t svg path:last-child {
+  stroke: var(--blue-dark-500);
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSpinner___A2m7Y .LoadingIndicator-module__icon___mgj_t svg path:first-child {
+  stroke: var(--gray-300);
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSpinner___A2m7Y .LoadingIndicator-module__icon___mgj_t svg path:last-child {
+  stroke: var(--blue-dark-500);
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__small___MXHKy {
+  gap: 16px;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__small___MXHKy svg {
+  width: 32px;
+  height: 32px;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__small___MXHKy .LoadingIndicator-module__text___F575P {
+  font-size: 14px;
+  line-height: 20px;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__medium___o32By {
+  gap: 16px;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__medium___o32By svg {
+  width: 48px;
+  height: 48px;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__medium___o32By .LoadingIndicator-module__text___F575P {
+  font-size: 14px;
+  line-height: 20px;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__large___Uxh7i {
+  gap: 16px;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__large___Uxh7i svg {
+  width: 56px;
+  height: 56px;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__large___Uxh7i .LoadingIndicator-module__text___F575P {
+  font-size: 18px;
+  line-height: 28px;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__ultra___wIzOx {
+  gap: 20px;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__ultra___wIzOx svg {
+  width: 64px;
+  height: 64px;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__ultra___wIzOx .LoadingIndicator-module__text___F575P {
+  font-size: 18px;
+  line-height: 28px;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__widthFill___piI3w {
+  width: 100%;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__widthHug___olDl7 {
+  width: fit-content;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__heightFill___qkqYn {
+  height: 100%;
+}
+.LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__heightHug___lgl6X {
+  height: fit-content;
+}
+
+@keyframes LoadingIndicator-module__spinner-animation___NBBAi {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** 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/ControlBar.module.scss ***!
+  \*************************************************************************************************************************************************************************************************************************************************************************************/
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_regular.28e502dbcc83c91565af.ttf) format("truetype"), url(fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2) format("woff2"), url(fonts/golos-ui_regular.144142fba245a224ac28.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_medium.727b1fef51a9bac82009.ttf) format("truetype"), url(fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2) format("woff2"), url(fonts/golos-ui_medium.f9db984fc119d6aeca90.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf) format("truetype"), url(fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2) format("woff2"), url(fonts/golos-ui_bold.e1122033a14151d7ea54.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_regular.23f4c2d2931cfb0070d9.ttf) format("truetype"), url(fonts/golos-text_regular.012c46c94b1cd02ee582.woff2) format("woff2"), url(fonts/golos-text_regular.437e7b47534cc7d6fd24.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_medium.443c23223f5e9ffa67f6.ttf) format("truetype"), url(fonts/golos-text_medium.69f15b6afe697154d728.woff2) format("woff2"), url(fonts/golos-text_medium.ffa67c71c79e49888091.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_demibold.56576690cfef6589aa86.ttf) format("truetype"), url(fonts/golos-text_demibold.e1665fc873e3565a6eed.woff2) format("woff2"), url(fonts/golos-text_demibold.05e6a34649d70eb79fef.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+.ControlBar-module__controlBar___B0pDT {
+  width: fit-content;
+  gap: 24px;
+}
+.ControlBar-module__controlBar___B0pDT {
+  display: flex;
+  align-items: center;
+}
+/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** 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/VideoProgressBar.module.scss ***!
+  \*******************************************************************************************************************************************************************************************************************************************************************************************/
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_regular.28e502dbcc83c91565af.ttf) format("truetype"), url(fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2) format("woff2"), url(fonts/golos-ui_regular.144142fba245a224ac28.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_medium.727b1fef51a9bac82009.ttf) format("truetype"), url(fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2) format("woff2"), url(fonts/golos-ui_medium.f9db984fc119d6aeca90.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf) format("truetype"), url(fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2) format("woff2"), url(fonts/golos-ui_bold.e1122033a14151d7ea54.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_regular.23f4c2d2931cfb0070d9.ttf) format("truetype"), url(fonts/golos-text_regular.012c46c94b1cd02ee582.woff2) format("woff2"), url(fonts/golos-text_regular.437e7b47534cc7d6fd24.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_medium.443c23223f5e9ffa67f6.ttf) format("truetype"), url(fonts/golos-text_medium.69f15b6afe697154d728.woff2) format("woff2"), url(fonts/golos-text_medium.ffa67c71c79e49888091.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_demibold.56576690cfef6589aa86.ttf) format("truetype"), url(fonts/golos-text_demibold.e1665fc873e3565a6eed.woff2) format("woff2"), url(fonts/golos-text_demibold.05e6a34649d70eb79fef.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+.VideoProgressBar-module__videoProgressBar___QrnSp {
+  width: 100%;
+  height: 8px;
+  background-color: rgba(0, 0, 0, 0.4);
+  position: relative;
+}
+.VideoProgressBar-module__videoProgressBar___QrnSp .VideoProgressBar-module__progressBar___m_P6t {
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background-color: var(--blue-dark-400);
+}
+.VideoProgressBar-module__videoProgressBar___QrnSp:not(.VideoProgressBar-module__dragging___eO_Va) .VideoProgressBar-module__progressBar___m_P6t {
+  transition: width linear 0.2s;
+}
+.VideoProgressBar-module__videoProgressBar___QrnSp.VideoProgressBar-module__dragging___eO_Va .VideoProgressBar-module__progressBar___m_P6t {
+  transition: none;
+}
+/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** 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 ***!
+  \**************************************************************************************************************************************************************************************************************************************************************************************/
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_regular.28e502dbcc83c91565af.ttf) format("truetype"), url(fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2) format("woff2"), url(fonts/golos-ui_regular.144142fba245a224ac28.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_medium.727b1fef51a9bac82009.ttf) format("truetype"), url(fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2) format("woff2"), url(fonts/golos-ui_medium.f9db984fc119d6aeca90.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf) format("truetype"), url(fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2) format("woff2"), url(fonts/golos-ui_bold.e1122033a14151d7ea54.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_regular.23f4c2d2931cfb0070d9.ttf) format("truetype"), url(fonts/golos-text_regular.012c46c94b1cd02ee582.woff2) format("woff2"), url(fonts/golos-text_regular.437e7b47534cc7d6fd24.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_medium.443c23223f5e9ffa67f6.ttf) format("truetype"), url(fonts/golos-text_medium.69f15b6afe697154d728.woff2) format("woff2"), url(fonts/golos-text_medium.ffa67c71c79e49888091.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_demibold.56576690cfef6589aa86.ttf) format("truetype"), url(fonts/golos-text_demibold.e1665fc873e3565a6eed.woff2) format("woff2"), url(fonts/golos-text_demibold.05e6a34649d70eb79fef.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+.VideoViewer-module__VideoViewer___DnYgG {
+  flex: none;
+  width: fit-content;
+  height: 100%;
+  position: relative;
+}
+.VideoViewer-module__VideoViewer___DnYgG {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__loader___xINv6 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__loader___xINv6.VideoViewer-module__hide___uGbYO {
+  display: none;
+}
+.VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__timer___w1Piv {
+  position: absolute;
+  top: 24px;
+  right: 24px;
+  width: fit-content;
+  height: fit-content;
+  border-radius: 16px;
+  padding: 4px 12px;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__timer___w1Piv {
+  font-size: 16px;
+  line-height: 24px;
+  color: rgba(255, 255, 255, 0.8);
+  font-weight: 400;
+  font-family: "Golos UI", sans-serif;
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__progressBar___SbaNv {
+  width: 100%;
+  height: fit-content;
+  position: absolute;
+  bottom: 0;
+}
+.VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__content___jnFwK {
+  flex: none;
+  height: 100%;
+  object-fit: fill;
+}
+.VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y {
+  display: none;
+  opacity: 0;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 1;
+  transform: translate(-50%, -50%);
+}
+.VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y.VideoViewer-module__show___GsvfN {
+  animation: VideoViewer-module__appearance___GGxuv ease-out 200ms forwards;
+}
+
+@keyframes VideoViewer-module__appearance___GGxuv {
+  from {
+    display: block;
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** 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 ***!
+  \**************************************************************************************************************************************************************************************************************************************************************************************/
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_regular.28e502dbcc83c91565af.ttf) format("truetype"), url(fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2) format("woff2"), url(fonts/golos-ui_regular.144142fba245a224ac28.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_medium.727b1fef51a9bac82009.ttf) format("truetype"), url(fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2) format("woff2"), url(fonts/golos-ui_medium.f9db984fc119d6aeca90.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf) format("truetype"), url(fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2) format("woff2"), url(fonts/golos-ui_bold.e1122033a14151d7ea54.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_regular.23f4c2d2931cfb0070d9.ttf) format("truetype"), url(fonts/golos-text_regular.012c46c94b1cd02ee582.woff2) format("woff2"), url(fonts/golos-text_regular.437e7b47534cc7d6fd24.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_medium.443c23223f5e9ffa67f6.ttf) format("truetype"), url(fonts/golos-text_medium.69f15b6afe697154d728.woff2) format("woff2"), url(fonts/golos-text_medium.ffa67c71c79e49888091.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_demibold.56576690cfef6589aa86.ttf) format("truetype"), url(fonts/golos-text_demibold.e1665fc873e3565a6eed.woff2) format("woff2"), url(fonts/golos-text_demibold.05e6a34649d70eb79fef.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+.ImageViewer-module__ImageViewer___lH_sP {
+  flex: none;
+  width: fit-content;
+  height: 100%;
+  object-fit: scale-down;
+}
+/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** 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/MediaViewer.module.scss ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************/
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_regular.28e502dbcc83c91565af.ttf) format("truetype"), url(fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2) format("woff2"), url(fonts/golos-ui_regular.144142fba245a224ac28.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_medium.727b1fef51a9bac82009.ttf) format("truetype"), url(fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2) format("woff2"), url(fonts/golos-ui_medium.f9db984fc119d6aeca90.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf) format("truetype"), url(fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2) format("woff2"), url(fonts/golos-ui_bold.e1122033a14151d7ea54.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_regular.23f4c2d2931cfb0070d9.ttf) format("truetype"), url(fonts/golos-text_regular.012c46c94b1cd02ee582.woff2) format("woff2"), url(fonts/golos-text_regular.437e7b47534cc7d6fd24.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_medium.443c23223f5e9ffa67f6.ttf) format("truetype"), url(fonts/golos-text_medium.69f15b6afe697154d728.woff2) format("woff2"), url(fonts/golos-text_medium.ffa67c71c79e49888091.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_demibold.56576690cfef6589aa86.ttf) format("truetype"), url(fonts/golos-text_demibold.e1665fc873e3565a6eed.woff2) format("woff2"), url(fonts/golos-text_demibold.05e6a34649d70eb79fef.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+.MediaViewer-module__MediaViewer___DsL4T {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background-color: var(--base-white);
+}
+.MediaViewer-module__MediaViewer___DsL4T {
+  display: flex;
+  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 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__control___MB3Xg {
+  width: 100%;
+  position: absolute;
+  bottom: 32px;
+}
+.MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__control___MB3Xg {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** 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/PlayButton/styles/PlayButton.module.scss ***!
+  \*************************************************************************************************************************************************************************************************************************************************************************/
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_regular.28e502dbcc83c91565af.ttf) format("truetype"), url(fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2) format("woff2"), url(fonts/golos-ui_regular.144142fba245a224ac28.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_medium.727b1fef51a9bac82009.ttf) format("truetype"), url(fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2) format("woff2"), url(fonts/golos-ui_medium.f9db984fc119d6aeca90.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"), url(fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf) format("truetype"), url(fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2) format("woff2"), url(fonts/golos-ui_bold.e1122033a14151d7ea54.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_regular.23f4c2d2931cfb0070d9.ttf) format("truetype"), url(fonts/golos-text_regular.012c46c94b1cd02ee582.woff2) format("woff2"), url(fonts/golos-text_regular.437e7b47534cc7d6fd24.woff) format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_medium.443c23223f5e9ffa67f6.ttf) format("truetype"), url(fonts/golos-text_medium.69f15b6afe697154d728.woff2) format("woff2"), url(fonts/golos-text_medium.ffa67c71c79e49888091.woff) format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"), url(fonts/golos-text_demibold.56576690cfef6589aa86.ttf) format("truetype"), url(fonts/golos-text_demibold.e1665fc873e3565a6eed.woff2) format("woff2"), url(fonts/golos-text_demibold.05e6a34649d70eb79fef.woff) format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+.PlayButton-module__PlayButton___JmGh_ {
+  border: 1px solid transparent;
+  border-radius: 50%;
+  transition: background-color ease-out 300ms;
+}
+.PlayButton-module__PlayButton___JmGh_ {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.PlayButton-module__PlayButton___JmGh_ svg * {
+  fill: var(--base-white);
+}
+.PlayButton-module__PlayButton___JmGh_ svg {
+  flex: none;
+}
+.PlayButton-module__PlayButton___JmGh_.PlayButton-module__default___nbc5K {
+  width: 48px;
+  height: 48px;
+  padding: 12px 10px 12px 16px;
+}
+.PlayButton-module__PlayButton___JmGh_.PlayButton-module__default___nbc5K svg {
+  width: 24px;
+  height: 24px;
+}
+.PlayButton-module__PlayButton___JmGh_.PlayButton-module__default___nbc5K.PlayButton-module__stop___P8MsE {
+  padding: 12px;
+}
+.PlayButton-module__PlayButton___JmGh_.PlayButton-module__large___DYV1E {
+  width: 96px;
+  height: 96px;
+  padding: 24px 22px 24px 34px;
+}
+.PlayButton-module__PlayButton___JmGh_.PlayButton-module__large___DYV1E svg {
+  width: 48px;
+  height: 48px;
+}
+.PlayButton-module__PlayButton___JmGh_.PlayButton-module__large___DYV1E.PlayButton-module__stop___P8MsE {
+  padding: 24px;
+}
+.PlayButton-module__PlayButton___JmGh_.PlayButton-module__light___UMWaJ {
+  width: 24px;
+  height: 24px;
+  padding: 6px 4px 6px 7px;
+  background-color: var(--gray-400);
+}
+.PlayButton-module__PlayButton___JmGh_.PlayButton-module__light___UMWaJ svg {
+  width: 12px;
+  height: 12px;
+}
+.PlayButton-module__PlayButton___JmGh_.PlayButton-module__light___UMWaJ.PlayButton-module__stop___P8MsE {
+  padding: 8px;
+}
+.PlayButton-module__PlayButton___JmGh_.PlayButton-module__light___UMWaJ.PlayButton-module__stop___P8MsE svg {
+  width: 8px;
+  height: 8px;
+}
+.PlayButton-module__PlayButton___JmGh_.PlayButton-module__light___UMWaJ:hover {
+  background-color: var(--blue-dark-400);
+}
+.PlayButton-module__PlayButton___JmGh_.PlayButton-module__dark___BHsWx {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.PlayButton-module__PlayButton___JmGh_.PlayButton-module__dark___BHsWx:hover {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+.PlayButton-module__PlayButton___JmGh_:disabled {
+  cursor: pointer;
+}
 
 /*# sourceMappingURL=index.css.map*/