indicator-ui 0.0.170 → 0.0.172

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/index.css +590 -0
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +1496 -182
  4. package/dist/index.js.map +1 -1
  5. package/dist/types/src/test/pages/LoadingIndicatorPage.d.ts +1 -0
  6. package/dist/types/src/test/pages/MediaPlayerPage.d.ts +1 -0
  7. package/dist/types/src/test/pages/index.d.ts +1 -0
  8. package/dist/types/src/ui/Carousel/index.d.ts +1 -0
  9. package/dist/types/src/ui/Carousel/styles/index.d.ts +1 -0
  10. package/dist/types/src/ui/Carousel/types/CarouselTypes.d.ts +6 -0
  11. package/dist/types/src/ui/Carousel/types/index.d.ts +1 -0
  12. package/dist/types/src/ui/Carousel/ui/Carousel.d.ts +2 -0
  13. package/dist/types/src/ui/Carousel/ui/index.d.ts +1 -0
  14. package/dist/types/src/ui/Loaders/assets/index.d.ts +2 -0
  15. package/dist/types/src/ui/Loaders/index.d.ts +2 -0
  16. package/dist/types/src/ui/Loaders/styles/index.d.ts +1 -0
  17. package/dist/types/src/ui/Loaders/types/LoadingIndicatorTypes.d.ts +16 -0
  18. package/dist/types/src/ui/Loaders/types/index.d.ts +1 -0
  19. package/dist/types/src/ui/Loaders/ui/LoadingIndicator.d.ts +2 -0
  20. package/dist/types/src/ui/Loaders/ui/index.d.ts +1 -0
  21. package/dist/types/src/ui/MediaViewer/index.d.ts +2 -0
  22. package/dist/types/src/ui/MediaViewer/styles/components/index.d.ts +4 -0
  23. package/dist/types/src/ui/MediaViewer/styles/index.d.ts +2 -0
  24. package/dist/types/src/ui/MediaViewer/types/MediaViewerTypes.d.ts +14 -0
  25. package/dist/types/src/ui/MediaViewer/types/components/ControlBarTypes.d.ts +9 -0
  26. package/dist/types/src/ui/MediaViewer/types/components/ImageViewerTypes.d.ts +3 -0
  27. package/dist/types/src/ui/MediaViewer/types/components/ProgressBarTypes.d.ts +6 -0
  28. package/dist/types/src/ui/MediaViewer/types/components/VideoViewerTypes.d.ts +6 -0
  29. package/dist/types/src/ui/MediaViewer/types/components/index.d.ts +4 -0
  30. package/dist/types/src/ui/MediaViewer/types/index.d.ts +2 -0
  31. package/dist/types/src/ui/MediaViewer/ui/MediaViewer.d.ts +2 -0
  32. package/dist/types/src/ui/MediaViewer/ui/components/ControlBar.d.ts +2 -0
  33. package/dist/types/src/ui/MediaViewer/ui/components/ImageViewer.d.ts +2 -0
  34. package/dist/types/src/ui/MediaViewer/ui/components/VideoProgressBar.d.ts +2 -0
  35. package/dist/types/src/ui/MediaViewer/ui/components/VideoViewer.d.ts +2 -0
  36. package/dist/types/src/ui/MediaViewer/ui/components/index.d.ts +4 -0
  37. package/dist/types/src/ui/MediaViewer/ui/index.d.ts +1 -0
  38. package/dist/types/src/ui/PlayButton/assets/index.d.ts +2 -0
  39. package/dist/types/src/ui/PlayButton/index.d.ts +3 -0
  40. package/dist/types/src/ui/PlayButton/styles/index.d.ts +1 -0
  41. package/dist/types/src/ui/PlayButton/types/PlayButtonTypes.d.ts +9 -0
  42. package/dist/types/src/ui/PlayButton/types/index.d.ts +1 -0
  43. package/dist/types/src/ui/PlayButton/ui/PlayButton.d.ts +2 -0
  44. package/dist/types/src/ui/PlayButton/ui/index.d.ts +1 -0
  45. package/dist/types/src/ui/VideoPlayerBase/index.d.ts +2 -0
  46. package/dist/types/src/ui/VideoPlayerBase/types/VideoPlayerBaseTypes.d.ts +77 -0
  47. package/dist/types/src/ui/VideoPlayerBase/types/index.d.ts +1 -0
  48. package/dist/types/src/ui/VideoPlayerBase/ui/VideoPlayerBase.d.ts +2 -0
  49. package/dist/types/src/ui/VideoPlayerBase/ui/index.d.ts +1 -0
  50. package/dist/types/src/ui/index.d.ts +4 -0
  51. package/package.json +3 -5
package/dist/index.css CHANGED
@@ -3691,5 +3691,595 @@
3691
3691
  .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthHug___HJMle {
3692
3692
  width: fit-content;
3693
3693
  }
3694
+ /*!****************************************************************************************************************************************************************************************************************************************************************************!*\
3695
+ !*** 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 ***!
3696
+ \****************************************************************************************************************************************************************************************************************************************************************************/
3697
+ @font-face {
3698
+ font-family: "Golos UI";
3699
+ 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");
3700
+ font-weight: 400;
3701
+ font-style: normal;
3702
+ }
3703
+ @font-face {
3704
+ font-family: "Golos UI";
3705
+ 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");
3706
+ font-weight: 500;
3707
+ font-style: normal;
3708
+ }
3709
+ @font-face {
3710
+ font-family: "Golos UI";
3711
+ 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");
3712
+ font-weight: 600;
3713
+ font-style: normal;
3714
+ }
3715
+ @font-face {
3716
+ font-family: "Golos Text";
3717
+ 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");
3718
+ font-weight: 400;
3719
+ font-style: normal;
3720
+ }
3721
+ @font-face {
3722
+ font-family: "Golos Text";
3723
+ 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");
3724
+ font-weight: 500;
3725
+ font-style: normal;
3726
+ }
3727
+ @font-face {
3728
+ font-family: "Golos Text";
3729
+ 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");
3730
+ font-weight: 600;
3731
+ font-style: normal;
3732
+ }
3733
+ .LoadingIndicator-module__LoadingIndicator___iELVb {
3734
+ display: flex;
3735
+ flex-direction: column;
3736
+ justify-content: center;
3737
+ align-items: center;
3738
+ }
3739
+ .LoadingIndicator-module__LoadingIndicator___iELVb .LoadingIndicator-module__icon___mgj_t {
3740
+ animation: LoadingIndicator-module__spinner-animation___NBBAi linear 1000ms infinite;
3741
+ }
3742
+ .LoadingIndicator-module__LoadingIndicator___iELVb .LoadingIndicator-module__icon___mgj_t {
3743
+ display: flex;
3744
+ align-items: center;
3745
+ justify-content: center;
3746
+ }
3747
+ .LoadingIndicator-module__LoadingIndicator___iELVb .LoadingIndicator-module__text___F575P {
3748
+ text-wrap: nowrap;
3749
+ text-overflow: ellipsis;
3750
+ overflow: hidden;
3751
+ }
3752
+ .LoadingIndicator-module__LoadingIndicator___iELVb .LoadingIndicator-module__text___F575P {
3753
+ font-size: 14px;
3754
+ line-height: 20px;
3755
+ color: var(--gray-700);
3756
+ font-weight: 500;
3757
+ font-family: "Golos UI", sans-serif;
3758
+ font-stretch: normal;
3759
+ font-style: normal;
3760
+ font-variant: normal;
3761
+ }
3762
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSimple___j3ypM .LoadingIndicator-module__icon___mgj_t svg path:first-child {
3763
+ stroke: var(--gray-300);
3764
+ }
3765
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSimple___j3ypM .LoadingIndicator-module__icon___mgj_t svg path:last-child {
3766
+ stroke: var(--blue-dark-500);
3767
+ }
3768
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSpinner___A2m7Y .LoadingIndicator-module__icon___mgj_t svg path:first-child {
3769
+ stroke: var(--gray-300);
3770
+ }
3771
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSpinner___A2m7Y .LoadingIndicator-module__icon___mgj_t svg path:last-child {
3772
+ stroke: var(--blue-dark-500);
3773
+ }
3774
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__small___MXHKy {
3775
+ gap: 16px;
3776
+ }
3777
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__small___MXHKy svg {
3778
+ width: 32px;
3779
+ height: 32px;
3780
+ }
3781
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__small___MXHKy .LoadingIndicator-module__text___F575P {
3782
+ font-size: 14px;
3783
+ line-height: 20px;
3784
+ }
3785
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__medium___o32By {
3786
+ gap: 16px;
3787
+ }
3788
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__medium___o32By svg {
3789
+ width: 48px;
3790
+ height: 48px;
3791
+ }
3792
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__medium___o32By .LoadingIndicator-module__text___F575P {
3793
+ font-size: 14px;
3794
+ line-height: 20px;
3795
+ }
3796
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__large___Uxh7i {
3797
+ gap: 16px;
3798
+ }
3799
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__large___Uxh7i svg {
3800
+ width: 56px;
3801
+ height: 56px;
3802
+ }
3803
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__large___Uxh7i .LoadingIndicator-module__text___F575P {
3804
+ font-size: 18px;
3805
+ line-height: 28px;
3806
+ }
3807
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__ultra___wIzOx {
3808
+ gap: 20px;
3809
+ }
3810
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__ultra___wIzOx svg {
3811
+ width: 64px;
3812
+ height: 64px;
3813
+ }
3814
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__ultra___wIzOx .LoadingIndicator-module__text___F575P {
3815
+ font-size: 18px;
3816
+ line-height: 28px;
3817
+ }
3818
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__widthFill___piI3w {
3819
+ width: 100%;
3820
+ }
3821
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__widthHug___olDl7 {
3822
+ width: fit-content;
3823
+ }
3824
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__heightFill___qkqYn {
3825
+ height: 100%;
3826
+ }
3827
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__heightHug___lgl6X {
3828
+ height: fit-content;
3829
+ }
3830
+
3831
+ @keyframes LoadingIndicator-module__spinner-animation___NBBAi {
3832
+ from {
3833
+ transform: rotate(0deg);
3834
+ }
3835
+ to {
3836
+ transform: rotate(360deg);
3837
+ }
3838
+ }
3839
+ /*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
3840
+ !*** 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 ***!
3841
+ \*************************************************************************************************************************************************************************************************************************************************************************************/
3842
+ @font-face {
3843
+ font-family: "Golos UI";
3844
+ 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");
3845
+ font-weight: 400;
3846
+ font-style: normal;
3847
+ }
3848
+ @font-face {
3849
+ font-family: "Golos UI";
3850
+ 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");
3851
+ font-weight: 500;
3852
+ font-style: normal;
3853
+ }
3854
+ @font-face {
3855
+ font-family: "Golos UI";
3856
+ 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");
3857
+ font-weight: 600;
3858
+ font-style: normal;
3859
+ }
3860
+ @font-face {
3861
+ font-family: "Golos Text";
3862
+ 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");
3863
+ font-weight: 400;
3864
+ font-style: normal;
3865
+ }
3866
+ @font-face {
3867
+ font-family: "Golos Text";
3868
+ 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");
3869
+ font-weight: 500;
3870
+ font-style: normal;
3871
+ }
3872
+ @font-face {
3873
+ font-family: "Golos Text";
3874
+ 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");
3875
+ font-weight: 600;
3876
+ font-style: normal;
3877
+ }
3878
+ .ControlBar-module__controlBar___B0pDT {
3879
+ width: fit-content;
3880
+ gap: 24px;
3881
+ }
3882
+ .ControlBar-module__controlBar___B0pDT {
3883
+ display: flex;
3884
+ align-items: center;
3885
+ }
3886
+ /*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
3887
+ !*** 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 ***!
3888
+ \*******************************************************************************************************************************************************************************************************************************************************************************************/
3889
+ @font-face {
3890
+ font-family: "Golos UI";
3891
+ 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");
3892
+ font-weight: 400;
3893
+ font-style: normal;
3894
+ }
3895
+ @font-face {
3896
+ font-family: "Golos UI";
3897
+ 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");
3898
+ font-weight: 500;
3899
+ font-style: normal;
3900
+ }
3901
+ @font-face {
3902
+ font-family: "Golos UI";
3903
+ 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");
3904
+ font-weight: 600;
3905
+ font-style: normal;
3906
+ }
3907
+ @font-face {
3908
+ font-family: "Golos Text";
3909
+ 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");
3910
+ font-weight: 400;
3911
+ font-style: normal;
3912
+ }
3913
+ @font-face {
3914
+ font-family: "Golos Text";
3915
+ 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");
3916
+ font-weight: 500;
3917
+ font-style: normal;
3918
+ }
3919
+ @font-face {
3920
+ font-family: "Golos Text";
3921
+ 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");
3922
+ font-weight: 600;
3923
+ font-style: normal;
3924
+ }
3925
+ .VideoProgressBar-module__videoProgressBar___QrnSp {
3926
+ width: 100%;
3927
+ height: 8px;
3928
+ background-color: rgba(0, 0, 0, 0.4);
3929
+ position: relative;
3930
+ }
3931
+ .VideoProgressBar-module__videoProgressBar___QrnSp .VideoProgressBar-module__progressBar___m_P6t {
3932
+ height: 100%;
3933
+ position: absolute;
3934
+ top: 0;
3935
+ left: 0;
3936
+ background-color: var(--blue-dark-400);
3937
+ }
3938
+ .VideoProgressBar-module__videoProgressBar___QrnSp:not(.VideoProgressBar-module__dragging___eO_Va) .VideoProgressBar-module__progressBar___m_P6t {
3939
+ transition: width linear 0.2s;
3940
+ }
3941
+ .VideoProgressBar-module__videoProgressBar___QrnSp.VideoProgressBar-module__dragging___eO_Va .VideoProgressBar-module__progressBar___m_P6t {
3942
+ transition: none;
3943
+ }
3944
+ /*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
3945
+ !*** 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 ***!
3946
+ \**************************************************************************************************************************************************************************************************************************************************************************************/
3947
+ @font-face {
3948
+ font-family: "Golos UI";
3949
+ 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");
3950
+ font-weight: 400;
3951
+ font-style: normal;
3952
+ }
3953
+ @font-face {
3954
+ font-family: "Golos UI";
3955
+ 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");
3956
+ font-weight: 500;
3957
+ font-style: normal;
3958
+ }
3959
+ @font-face {
3960
+ font-family: "Golos UI";
3961
+ 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");
3962
+ font-weight: 600;
3963
+ font-style: normal;
3964
+ }
3965
+ @font-face {
3966
+ font-family: "Golos Text";
3967
+ 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");
3968
+ font-weight: 400;
3969
+ font-style: normal;
3970
+ }
3971
+ @font-face {
3972
+ font-family: "Golos Text";
3973
+ 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");
3974
+ font-weight: 500;
3975
+ font-style: normal;
3976
+ }
3977
+ @font-face {
3978
+ font-family: "Golos Text";
3979
+ 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");
3980
+ font-weight: 600;
3981
+ font-style: normal;
3982
+ }
3983
+ .VideoViewer-module__VideoViewer___DnYgG {
3984
+ flex: none;
3985
+ width: fit-content;
3986
+ height: 100%;
3987
+ position: relative;
3988
+ }
3989
+ .VideoViewer-module__VideoViewer___DnYgG {
3990
+ display: flex;
3991
+ align-items: center;
3992
+ justify-content: center;
3993
+ }
3994
+ .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__loader___xINv6 {
3995
+ position: absolute;
3996
+ top: 0;
3997
+ left: 0;
3998
+ width: 100%;
3999
+ height: 100%;
4000
+ }
4001
+ .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__loader___xINv6.VideoViewer-module__hide___uGbYO {
4002
+ display: none;
4003
+ }
4004
+ .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__timer___w1Piv {
4005
+ position: absolute;
4006
+ top: 24px;
4007
+ right: 24px;
4008
+ width: fit-content;
4009
+ height: fit-content;
4010
+ border-radius: 16px;
4011
+ padding: 4px 12px;
4012
+ background-color: rgba(0, 0, 0, 0.4);
4013
+ }
4014
+ .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__timer___w1Piv {
4015
+ font-size: 16px;
4016
+ line-height: 24px;
4017
+ color: rgba(255, 255, 255, 0.8);
4018
+ font-weight: 400;
4019
+ font-family: "Golos UI", sans-serif;
4020
+ font-stretch: normal;
4021
+ font-style: normal;
4022
+ font-variant: normal;
4023
+ }
4024
+ .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__progressBar___SbaNv {
4025
+ width: 100%;
4026
+ height: fit-content;
4027
+ position: absolute;
4028
+ bottom: 0;
4029
+ }
4030
+ .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__content___jnFwK {
4031
+ flex: none;
4032
+ height: 100%;
4033
+ object-fit: fill;
4034
+ }
4035
+ .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y {
4036
+ display: none;
4037
+ opacity: 0;
4038
+ position: absolute;
4039
+ top: 50%;
4040
+ left: 50%;
4041
+ z-index: 1;
4042
+ transform: translate(-50%, -50%);
4043
+ }
4044
+ .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y {
4045
+ display: flex;
4046
+ align-items: center;
4047
+ justify-content: center;
4048
+ }
4049
+ .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y.VideoViewer-module__show___GsvfN {
4050
+ animation: VideoViewer-module__appearance___GGxuv ease-out 200ms forwards;
4051
+ }
4052
+
4053
+ @keyframes VideoViewer-module__appearance___GGxuv {
4054
+ from {
4055
+ display: block;
4056
+ opacity: 0;
4057
+ }
4058
+ to {
4059
+ opacity: 1;
4060
+ }
4061
+ }
4062
+ /*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
4063
+ !*** 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 ***!
4064
+ \**************************************************************************************************************************************************************************************************************************************************************************************/
4065
+ @font-face {
4066
+ font-family: "Golos UI";
4067
+ 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");
4068
+ font-weight: 400;
4069
+ font-style: normal;
4070
+ }
4071
+ @font-face {
4072
+ font-family: "Golos UI";
4073
+ 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");
4074
+ font-weight: 500;
4075
+ font-style: normal;
4076
+ }
4077
+ @font-face {
4078
+ font-family: "Golos UI";
4079
+ 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");
4080
+ font-weight: 600;
4081
+ font-style: normal;
4082
+ }
4083
+ @font-face {
4084
+ font-family: "Golos Text";
4085
+ 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");
4086
+ font-weight: 400;
4087
+ font-style: normal;
4088
+ }
4089
+ @font-face {
4090
+ font-family: "Golos Text";
4091
+ 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");
4092
+ font-weight: 500;
4093
+ font-style: normal;
4094
+ }
4095
+ @font-face {
4096
+ font-family: "Golos Text";
4097
+ 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");
4098
+ font-weight: 600;
4099
+ font-style: normal;
4100
+ }
4101
+ .ImageViewer-module__ImageViewer___lH_sP {
4102
+ flex: none;
4103
+ width: fit-content;
4104
+ height: 100%;
4105
+ object-fit: scale-down;
4106
+ }
4107
+ /*!***************************************************************************************************************************************************************************************************************************************************************************!*\
4108
+ !*** 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 ***!
4109
+ \***************************************************************************************************************************************************************************************************************************************************************************/
4110
+ @font-face {
4111
+ font-family: "Golos UI";
4112
+ 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");
4113
+ font-weight: 400;
4114
+ font-style: normal;
4115
+ }
4116
+ @font-face {
4117
+ font-family: "Golos UI";
4118
+ 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");
4119
+ font-weight: 500;
4120
+ font-style: normal;
4121
+ }
4122
+ @font-face {
4123
+ font-family: "Golos UI";
4124
+ 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");
4125
+ font-weight: 600;
4126
+ font-style: normal;
4127
+ }
4128
+ @font-face {
4129
+ font-family: "Golos Text";
4130
+ 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");
4131
+ font-weight: 400;
4132
+ font-style: normal;
4133
+ }
4134
+ @font-face {
4135
+ font-family: "Golos Text";
4136
+ 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");
4137
+ font-weight: 500;
4138
+ font-style: normal;
4139
+ }
4140
+ @font-face {
4141
+ font-family: "Golos Text";
4142
+ 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");
4143
+ font-weight: 600;
4144
+ font-style: normal;
4145
+ }
4146
+ .MediaViewer-module__MediaViewer___DsL4T {
4147
+ width: 100%;
4148
+ height: 100%;
4149
+ position: relative;
4150
+ background-color: var(--base-white);
4151
+ }
4152
+ .MediaViewer-module__MediaViewer___DsL4T {
4153
+ display: flex;
4154
+ justify-content: center;
4155
+ }
4156
+ .MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__content___e14vI {
4157
+ flex: 1;
4158
+ width: 100%;
4159
+ height: 100%;
4160
+ }
4161
+ .MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__content___e14vI {
4162
+ display: flex;
4163
+ align-items: center;
4164
+ justify-content: center;
4165
+ }
4166
+ .MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__control___MB3Xg {
4167
+ width: 100%;
4168
+ position: absolute;
4169
+ bottom: 32px;
4170
+ }
4171
+ .MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__control___MB3Xg {
4172
+ display: flex;
4173
+ align-items: center;
4174
+ justify-content: center;
4175
+ }
4176
+ /*!*************************************************************************************************************************************************************************************************************************************************************************!*\
4177
+ !*** 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 ***!
4178
+ \*************************************************************************************************************************************************************************************************************************************************************************/
4179
+ @font-face {
4180
+ font-family: "Golos UI";
4181
+ 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");
4182
+ font-weight: 400;
4183
+ font-style: normal;
4184
+ }
4185
+ @font-face {
4186
+ font-family: "Golos UI";
4187
+ 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");
4188
+ font-weight: 500;
4189
+ font-style: normal;
4190
+ }
4191
+ @font-face {
4192
+ font-family: "Golos UI";
4193
+ 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");
4194
+ font-weight: 600;
4195
+ font-style: normal;
4196
+ }
4197
+ @font-face {
4198
+ font-family: "Golos Text";
4199
+ 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");
4200
+ font-weight: 400;
4201
+ font-style: normal;
4202
+ }
4203
+ @font-face {
4204
+ font-family: "Golos Text";
4205
+ 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");
4206
+ font-weight: 500;
4207
+ font-style: normal;
4208
+ }
4209
+ @font-face {
4210
+ font-family: "Golos Text";
4211
+ 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");
4212
+ font-weight: 600;
4213
+ font-style: normal;
4214
+ }
4215
+ .PlayButton-module__PlayButton___JmGh_ {
4216
+ border: 1px solid transparent;
4217
+ border-radius: 50%;
4218
+ transition: background-color ease-out 300ms;
4219
+ }
4220
+ .PlayButton-module__PlayButton___JmGh_ {
4221
+ display: flex;
4222
+ align-items: center;
4223
+ justify-content: center;
4224
+ }
4225
+ .PlayButton-module__PlayButton___JmGh_ svg * {
4226
+ fill: var(--base-white);
4227
+ }
4228
+ .PlayButton-module__PlayButton___JmGh_ svg {
4229
+ flex: none;
4230
+ }
4231
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__default___nbc5K {
4232
+ width: 48px;
4233
+ height: 48px;
4234
+ padding: 12px 10px 12px 16px;
4235
+ }
4236
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__default___nbc5K svg {
4237
+ width: 24px;
4238
+ height: 24px;
4239
+ }
4240
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__default___nbc5K.PlayButton-module__stop___P8MsE {
4241
+ padding: 12px;
4242
+ }
4243
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__large___DYV1E {
4244
+ width: 96px;
4245
+ height: 96px;
4246
+ padding: 24px 22px 24px 34px;
4247
+ }
4248
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__large___DYV1E svg {
4249
+ width: 48px;
4250
+ height: 48px;
4251
+ }
4252
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__large___DYV1E.PlayButton-module__stop___P8MsE {
4253
+ padding: 24px;
4254
+ }
4255
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__light___UMWaJ {
4256
+ width: 24px;
4257
+ height: 24px;
4258
+ padding: 6px 4px 6px 7px;
4259
+ background-color: var(--gray-400);
4260
+ }
4261
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__light___UMWaJ svg {
4262
+ width: 12px;
4263
+ height: 12px;
4264
+ }
4265
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__light___UMWaJ.PlayButton-module__stop___P8MsE {
4266
+ padding: 8px;
4267
+ }
4268
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__light___UMWaJ.PlayButton-module__stop___P8MsE svg {
4269
+ width: 8px;
4270
+ height: 8px;
4271
+ }
4272
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__light___UMWaJ:hover {
4273
+ background-color: var(--blue-dark-400);
4274
+ }
4275
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__dark___BHsWx {
4276
+ background-color: rgba(0, 0, 0, 0.4);
4277
+ }
4278
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__dark___BHsWx:hover {
4279
+ background-color: rgba(0, 0, 0, 0.8);
4280
+ }
4281
+ .PlayButton-module__PlayButton___JmGh_:disabled {
4282
+ cursor: pointer;
4283
+ }
3694
4284
 
3695
4285
  /*# sourceMappingURL=index.css.map*/