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.
- package/dist/index.css +590 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +1496 -182
- package/dist/index.js.map +1 -1
- package/dist/types/src/test/pages/LoadingIndicatorPage.d.ts +1 -0
- package/dist/types/src/test/pages/MediaPlayerPage.d.ts +1 -0
- package/dist/types/src/test/pages/index.d.ts +1 -0
- package/dist/types/src/ui/Carousel/index.d.ts +1 -0
- package/dist/types/src/ui/Carousel/styles/index.d.ts +1 -0
- package/dist/types/src/ui/Carousel/types/CarouselTypes.d.ts +6 -0
- package/dist/types/src/ui/Carousel/types/index.d.ts +1 -0
- package/dist/types/src/ui/Carousel/ui/Carousel.d.ts +2 -0
- package/dist/types/src/ui/Carousel/ui/index.d.ts +1 -0
- package/dist/types/src/ui/Loaders/assets/index.d.ts +2 -0
- package/dist/types/src/ui/Loaders/index.d.ts +2 -0
- package/dist/types/src/ui/Loaders/styles/index.d.ts +1 -0
- package/dist/types/src/ui/Loaders/types/LoadingIndicatorTypes.d.ts +16 -0
- package/dist/types/src/ui/Loaders/types/index.d.ts +1 -0
- package/dist/types/src/ui/Loaders/ui/LoadingIndicator.d.ts +2 -0
- package/dist/types/src/ui/Loaders/ui/index.d.ts +1 -0
- package/dist/types/src/ui/MediaViewer/index.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/styles/components/index.d.ts +4 -0
- package/dist/types/src/ui/MediaViewer/styles/index.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/types/MediaViewerTypes.d.ts +14 -0
- package/dist/types/src/ui/MediaViewer/types/components/ControlBarTypes.d.ts +9 -0
- package/dist/types/src/ui/MediaViewer/types/components/ImageViewerTypes.d.ts +3 -0
- package/dist/types/src/ui/MediaViewer/types/components/ProgressBarTypes.d.ts +6 -0
- package/dist/types/src/ui/MediaViewer/types/components/VideoViewerTypes.d.ts +6 -0
- package/dist/types/src/ui/MediaViewer/types/components/index.d.ts +4 -0
- package/dist/types/src/ui/MediaViewer/types/index.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/MediaViewer.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/ControlBar.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/ImageViewer.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/VideoProgressBar.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/VideoViewer.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/index.d.ts +4 -0
- package/dist/types/src/ui/MediaViewer/ui/index.d.ts +1 -0
- package/dist/types/src/ui/PlayButton/assets/index.d.ts +2 -0
- package/dist/types/src/ui/PlayButton/index.d.ts +3 -0
- package/dist/types/src/ui/PlayButton/styles/index.d.ts +1 -0
- package/dist/types/src/ui/PlayButton/types/PlayButtonTypes.d.ts +9 -0
- package/dist/types/src/ui/PlayButton/types/index.d.ts +1 -0
- package/dist/types/src/ui/PlayButton/ui/PlayButton.d.ts +2 -0
- package/dist/types/src/ui/PlayButton/ui/index.d.ts +1 -0
- package/dist/types/src/ui/VideoPlayerBase/index.d.ts +2 -0
- package/dist/types/src/ui/VideoPlayerBase/types/VideoPlayerBaseTypes.d.ts +77 -0
- package/dist/types/src/ui/VideoPlayerBase/types/index.d.ts +1 -0
- package/dist/types/src/ui/VideoPlayerBase/ui/VideoPlayerBase.d.ts +2 -0
- package/dist/types/src/ui/VideoPlayerBase/ui/index.d.ts +1 -0
- package/dist/types/src/ui/index.d.ts +4 -0
- 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*/
|