indicator-ui 0.1.42 → 0.1.44

package/dist/index.css

@@ -411,7 +411,7 @@
   opacity: 0.5;
 }
 .Buttons-module__button___I3yLe.Buttons-module__secondaryColorDarkTheme___NelUU {
-  background-color: var(--base-black);
+  background-color: transparent;
   border: 1px solid var(--rose-900);
 }
 .Buttons-module__button___I3yLe.Buttons-module__secondaryColorDarkTheme___NelUU .Buttons-module__icon___U2AOU svg * {
@@ -466,7 +466,7 @@
   opacity: 0.5;
 }
 .Buttons-module__button___I3yLe.Buttons-module__secondaryGrayDarkTheme___tBYCy {
-  background-color: var(--gray-iron-950);
+  background-color: transparent;
   border: 1px solid var(--gray-iron-700);
 }
 .Buttons-module__button___I3yLe.Buttons-module__secondaryGrayDarkTheme___tBYCy .Buttons-module__icon___U2AOU svg * {
@@ -3891,6 +3891,7 @@
   height: 8px;
   background-color: rgba(0, 0, 0, 0.4);
   position: relative;
+  cursor: pointer;
 }
 .VideoProgressBar-module__videoProgressBar___QrnSp .VideoProgressBar-module__progressBar___m_P6t {
   height: 100%;
@@ -3910,7 +3911,9 @@
   \**************************************************************************************************************************************************************************************************************************************************************************************/
 .VideoViewer-module__VideoViewer___DnYgG {
   width: fit-content;
-  height: 100%;
+  height: fit-content;
+  max-width: 100%;
+  max-height: 100%;
   position: relative;
   overflow: hidden;
 }
@@ -3955,36 +3958,53 @@
   position: absolute;
   bottom: 0;
 }
+.VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__actions___TZ3Mm {
+  width: 100%;
+  height: fit-content;
+  position: absolute;
+  bottom: 32px;
+  padding: 0 20px;
+}
+.VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__actions___TZ3Mm {
+  display: flex;
+  justify-content: space-between;
+}
 .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__content___jnFwK {
   flex: none;
   max-width: 100%;
-  height: 100%;
+  max-height: 100%;
   object-fit: scale-down;
 }
 .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%);
+  cursor: default;
 }
 .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y {
   display: flex;
   align-items: center;
   justify-content: center;
 }
+.VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y:not(.VideoViewer-module__show___GsvfN) {
+  display: none;
+}
 .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y.VideoViewer-module__show___GsvfN {
+  cursor: pointer;
   animation: VideoViewer-module__appearance___GGxuv ease-out 200ms forwards;
 }
 
 @keyframes VideoViewer-module__appearance___GGxuv {
-  from {
-    display: block;
+  0% {
+    display: flex;
+  }
+  1% {
     opacity: 0;
   }
-  to {
+  100% {
     opacity: 1;
   }
 }
@@ -4028,14 +4048,11 @@
   justify-content: center;
 }
 .MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__control___MB3Xg {
-  width: 100%;
+  width: fit-content;
   position: absolute;
+  left: 50%;
   bottom: 32px;
-}
-.MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__control___MB3Xg {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  transform: translateX(-50%);
 }
 /*!*************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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 ***!