j1-template 2024.3.19 → 2024.3.21

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 (113) hide show
  1. checksums.yaml +4 -4
  2. data/_layouts/page.html +1 -0
  3. data/assets/data/amplitude_app.html +192 -163
  4. data/assets/data/swiper_app.2.html +757 -0
  5. data/assets/data/swiper_app.4.html +769 -0
  6. data/assets/data/swiper_app.html +171 -27
  7. data/assets/theme/j1/adapter/js/amplitude.js +1104 -216
  8. data/assets/theme/j1/adapter/js/swiper.js +63 -15
  9. data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.css +111 -101
  10. data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.min.css +1 -1
  11. data/assets/theme/j1/core/css/themes/unodark/bootstrap.css +111 -101
  12. data/assets/theme/j1/core/css/themes/unodark/bootstrap.min.css +1 -1
  13. data/assets/theme/j1/core/css/themes/unolight/bootstrap.css +111 -101
  14. data/assets/theme/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
  15. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +177 -216
  16. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.min.css +1 -1
  17. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.css +220 -339
  18. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css +1 -2
  19. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.css +324 -491
  20. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +1 -2
  21. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css +70 -60
  22. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.min.css +2 -1
  23. data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js +2074 -843
  24. data/assets/theme/j1/modules/amplitudejs/scss/theme/uno/dark/player/large.scss +439 -264
  25. data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.css +16 -0
  26. data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.min.css +16 -0
  27. data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.css +24 -24
  28. data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.min.css +1 -235
  29. data/assets/theme/j1/modules/swiperjs/css/modules/layoutNeighbor.min.css +2 -2
  30. data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.css +16 -0
  31. data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.min.css +16 -0
  32. data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.css +6 -7
  33. data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.min.css +1 -82
  34. data/assets/theme/j1/modules/swiperjs/css/modules/layoutThumbs.min.css +2 -29
  35. data/assets/theme/j1/modules/swiperjs/css/theme/uno.css +29 -12
  36. data/assets/theme/j1/modules/swiperjs/css/theme/uno.min.css +1 -1
  37. data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.js +25 -0
  38. data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.min.js +25 -0
  39. data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.js +1 -5
  40. data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.min.js +1 -5
  41. data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.js +12 -14
  42. data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.min.js +1 -17
  43. data/assets/theme/j1/modules/swiperjs/js/modules/layoutPanorama.js +0 -1
  44. data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.js +25 -0
  45. data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.min.js +25 -0
  46. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.0.js +114 -0
  47. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.1.js +93 -0
  48. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.js +42 -13
  49. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.min.js +17 -0
  50. data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.js +76 -25
  51. data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.min.js +1 -17
  52. data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.js +9152 -9131
  53. data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.min.js +1 -1
  54. data/lib/j1/version.rb +1 -1
  55. data/lib/starter_web/README.md +5 -5
  56. data/lib/starter_web/_config.yml +1 -1
  57. data/lib/starter_web/_data/modules/amplitude_app.yml +206 -23
  58. data/lib/starter_web/_data/modules/amplitude_playlists.yml +1122 -19
  59. data/lib/starter_web/_data/modules/defaults/{amplitude_app.yml → amplitude.yml} +73 -26
  60. data/lib/starter_web/_data/modules/swiper_app.yml +356 -155
  61. data/lib/starter_web/_data/modules/swiper_playlists.yml +77 -1
  62. data/lib/starter_web/_data/resources.yml +6 -2
  63. data/lib/starter_web/_data/templates/feed.xml +1 -1
  64. data/lib/starter_web/_includes/attributes.asciidoc +5 -4
  65. data/lib/starter_web/_plugins/filter/filters.rb +1 -11
  66. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  67. data/lib/starter_web/assets/image/icon/bokeh/bokeh-32x32.ico +0 -0
  68. data/lib/starter_web/assets/image/icon/bokeh/bokeh.ico +0 -0
  69. data/lib/starter_web/assets/image/icon/bokeh/logo-160x160.png +0 -0
  70. data/lib/starter_web/assets/image/icon/hyvor-talk/hyvore-talk.ico +0 -0
  71. data/lib/starter_web/assets/image/icon/hyvor-talk/jpg/hyvor-logo.512x512.jpg +0 -0
  72. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.jpg +0 -0
  73. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.png +0 -0
  74. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.512x512.png +0 -0
  75. data/lib/starter_web/assets/image/icon/hyvor-talk/scalable/hyvor-logo.svg +81 -0
  76. data/lib/starter_web/assets/image/icon/jupyter/jupyter-32x32.ico +0 -0
  77. data/lib/starter_web/assets/image/icon/jupyter/jupyter.ico +0 -0
  78. data/lib/starter_web/assets/image/icon/jupyter/logo.png +0 -0
  79. data/lib/starter_web/assets/image/icon/mdi/mdi.svg +1 -0
  80. data/lib/starter_web/assets/image/icon/mdi/mdil.svg +1 -0
  81. data/lib/starter_web/assets/image/icon/scalable/facebook.svg +34 -0
  82. data/lib/starter_web/assets/image/icon/scalable/google.svg +35 -0
  83. data/lib/starter_web/assets/image/icon/scalable/ibm.svg +24 -0
  84. data/lib/starter_web/assets/image/icon/scalable/microsoft.svg +42 -0
  85. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-1.png +0 -0
  86. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-2.png +0 -0
  87. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-3.png +0 -0
  88. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-4.png +0 -0
  89. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-5.png +0 -0
  90. data/lib/starter_web/assets/image/module/swiper/simple/test/image/diana_krall.jpg +0 -0
  91. data/lib/starter_web/index.html +3 -3
  92. data/lib/starter_web/package.json +1 -1
  93. data/lib/starter_web/pages/public/learn/where_to_go.adoc +1 -1
  94. data/lib/starter_web/pages/public/tools/previewer/preview_amplitudejs.adoc +69 -36
  95. data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +65 -18
  96. data/lib/starter_web/pages/public/tools/tester/app_tester_swiper.adoc +87 -0
  97. data/lib/starter_web/pages/public/tools/tester/app_tester_swiperjs.adoc +121 -36
  98. data/lib/starter_web/pages/public/tour/_includes/attributes.asciidoc +3 -3
  99. data/lib/starter_web/pages/public/tour/{play_audio.adoc → audio_data.adoc} +51 -86
  100. data/lib/starter_web/pages/public/tour/{present_images.adoc → image_data.adoc} +4 -5
  101. data/lib/starter_web/pages/public/tour/{play_video.adoc → video_data.adoc} +18 -17
  102. metadata +52 -17
  103. data/assets/theme/j1/modules/swiperjs/js/highlightJS.js +0 -13376
  104. data/assets/theme/j1/modules/swiperjs/js/highlightJS.min.js +0 -1246
  105. data/assets/theme/j1/modules/swiperjs/js/modules/!readme +0 -3
  106. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/!info/!readme +0 -0
  107. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/!readme +0 -0
  108. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/1.jpg +0 -0
  109. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/2.jpg +0 -0
  110. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/3.jpg +0 -0
  111. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/4.jpg +0 -0
  112. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/5.jpg +0 -0
  113. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/6.jpg +0 -0
@@ -13,121 +13,86 @@
13
13
  # -----------------------------------------------------------------------------
14
14
  */
15
15
 
16
- /* 1. Base
17
- # --------------------------------------------------------- */
18
-
19
- /* Colors
20
- # --------------------------------------------------------- */
21
16
  :root {
22
-
23
- /* Base colors
24
- # ------------------------------------------------------- */
25
- --ajs-theme-uno--blue: #2196F3;
26
- --ajs-theme-uno--blue-50: #E3F2FD;
27
- --ajs-theme-uno--blue-100: #BBDEFB;
28
- --ajs-theme-uno--blue-200: #90CAF9;
29
- --ajs-theme-uno--blue-300: #64B5F6;
30
- --ajs-theme-uno--blue-400: #42A5F5;
31
- --ajs-theme-uno--blue-500: #2196F3;
32
- --ajs-theme-uno--blue-600: #1E88E5;
33
- --ajs-theme-uno--blue-700: #1976D2;
34
- --ajs-theme-uno--blue-800: #1565C0;
35
- --ajs-theme-uno--blue-900: #0D47A1;
36
-
37
- --ajs-theme-uno--gray: #9E9E9E;
38
- --ajs-theme-uno--gray-50: #FAFAFA;
39
- --ajs-theme-uno--gray-100: #F5F5F5;
40
- --ajs-theme-uno--gray-200: #EEEEEE;
41
- --ajs-theme-uno--gray-300: #E0E0E0;
42
- --ajs-theme-uno--gray-400: #BDBDBD;
43
- --ajs-theme-uno--gray-500: #9E9E9E;
44
- --ajs-theme-uno--gray-600: #757575;
45
- --ajs-theme-uno--gray-700: #616161;
46
- --ajs-theme-uno--gray-800: #424242;
47
- --ajs-theme-uno--gray-900: #212121;
48
-
49
- --ajs-theme-uno--blue-gray: #607D8B;
50
- --ajs-theme-uno--blue-gray-50: #ECEFF1;
51
- --ajs-theme-uno--blue-gray-100: #CFD8DC;
52
- --ajs-theme-uno--blue-gray-200: #B0BEC5;
53
- --ajs-theme-uno--blue-gray-300: #90A4AE;
54
- --ajs-theme-uno--blue-gray-400: #78909C;
55
- --ajs-theme-uno--blue-gray-500: #607D8B;
56
- --ajs-theme-uno--blue-gray-600: #546E7A;
57
- --ajs-theme-uno--blue-gray-700: #455A64;
58
- --ajs-theme-uno--blue-gray-800: #37474F;
59
- --ajs-theme-uno--blue-gray-900: #263238;
60
-
61
- --ajs-theme-uno--silver-200: #748295;
62
- --ajs-theme-uno--silver-500: #586372;
63
- --ajs-theme-uno--silver-700: #141920;
64
- --ajs-theme-uno--silver-800: #242b33;
65
-
66
- --ajs-theme-uno--light-silver: #748295;
67
- --ajs-theme-uno--medium-silver: #586372;
68
- --ajs-theme-uno--dark-silver: #141920;
69
- --ajs-theme-uno--darker-silver: #242b33;
70
-
71
- --ajs-theme-uno--white: #FFFFFF;
72
- --ajs-theme-uno--black: #000000;
73
-
74
- /* Additional colors
75
- # ------------------------------------------------------- */
76
- --ajs-theme-uno--lighten-50: rgba(255, 255, 255, 0.05);
77
- --ajs-theme-uno--lighten-100: rgba(255, 255, 255, 0.1);
78
- --ajs-theme-uno--lighten-200: rgba(255, 255, 255, 0.2);
79
- --ajs-theme-uno--lighten-300: rgba(255, 255, 255, 0.3);
80
- --ajs-theme-uno--lighten-400: rgba(255, 255, 255, 0.4);
81
- --ajs-theme-uno--lighten-500: rgba(255, 255, 255, 0.5);
82
- --ajs-theme-uno--lighten-600: rgba(255, 255, 255, 0.6);
83
- --ajs-theme-uno--lighten-700: rgba(255, 255, 255, 0.7);
84
- --ajs-theme-uno--lighten-800: rgba(255, 255, 255, 0.8);
85
- --ajs-theme-uno--lighten-900: rgba(255, 255, 255, 0.9);
86
- --ajs-theme-uno--lighten: rgba(255, 255, 255, 0.5);
87
-
88
- --ajs-theme-uno--darken-50: rgba(0, 0, 0, 0.05);
89
- --ajs-theme-uno--darken-100: rgba(0, 0, 0, 0.1);
90
- --ajs-theme-uno--darken-200: rgba(0, 0, 0, 0.2);
91
- --ajs-theme-uno--darken-300: rgba(0, 0, 0, 0.3);
92
- --ajs-theme-uno--darken-400: rgba(0, 0, 0, 0.4);
93
- --ajs-theme-uno--darken-500: rgba(0, 0, 0, 0.5);
94
- --ajs-theme-uno--darken-600: rgba(0, 0, 0, 0.6);
95
- --ajs-theme-uno--darken-700: rgba(0, 0, 0, 0.7);
96
- --ajs-theme-uno--darken-800: rgba(0, 0, 0, 0.8);
97
- --ajs-theme-uno--darken-900: rgba(0, 0, 0, 0.9);
98
- --ajs-theme-uno--darken: rgba(0, 0, 0, 0.5);
17
+ --ajs-theme-uno--blue: #2196F3;
18
+ --ajs-theme-uno--blue-50: #E3F2FD;
19
+ --ajs-theme-uno--blue-100: #BBDEFB;
20
+ --ajs-theme-uno--blue-200: #90CAF9;
21
+ --ajs-theme-uno--blue-300: #64B5F6;
22
+ --ajs-theme-uno--blue-400: #42A5F5;
23
+ --ajs-theme-uno--blue-500: #2196F3;
24
+ --ajs-theme-uno--blue-600: #1E88E5;
25
+ --ajs-theme-uno--blue-700: #1976D2;
26
+ --ajs-theme-uno--blue-800: #1565C0;
27
+ --ajs-theme-uno--blue-900: #0D47A1;
28
+ --ajs-theme-uno--gray: #9E9E9E;
29
+ --ajs-theme-uno--gray-50: #FAFAFA;
30
+ --ajs-theme-uno--gray-100: #F5F5F5;
31
+ --ajs-theme-uno--gray-200: #EEEEEE;
32
+ --ajs-theme-uno--gray-300: #E0E0E0;
33
+ --ajs-theme-uno--gray-400: #BDBDBD;
34
+ --ajs-theme-uno--gray-500: #9E9E9E;
35
+ --ajs-theme-uno--gray-600: #757575;
36
+ --ajs-theme-uno--gray-700: #616161;
37
+ --ajs-theme-uno--gray-800: #424242;
38
+ --ajs-theme-uno--gray-900: #212121;
39
+ --ajs-theme-uno--blue-gray: #607D8B;
40
+ --ajs-theme-uno--blue-gray-50: #ECEFF1;
41
+ --ajs-theme-uno--blue-gray-100: #CFD8DC;
42
+ --ajs-theme-uno--blue-gray-200: #B0BEC5;
43
+ --ajs-theme-uno--blue-gray-300: #90A4AE;
44
+ --ajs-theme-uno--blue-gray-400: #78909C;
45
+ --ajs-theme-uno--blue-gray-500: #607D8B;
46
+ --ajs-theme-uno--blue-gray-600: #546E7A;
47
+ --ajs-theme-uno--blue-gray-700: #455A64;
48
+ --ajs-theme-uno--blue-gray-800: #37474F;
49
+ --ajs-theme-uno--blue-gray-900: #263238;
50
+ --ajs-theme-uno--silver-200: #748295;
51
+ --ajs-theme-uno--silver-500: #586372;
52
+ --ajs-theme-uno--silver-700: #141920;
53
+ --ajs-theme-uno--silver-800: #242b33;
54
+ --ajs-theme-uno--light-silver: #748295;
55
+ --ajs-theme-uno--medium-silver: #586372;
56
+ --ajs-theme-uno--dark-silver: #141920;
57
+ --ajs-theme-uno--darker-silver: #242b33;
58
+ --ajs-theme-uno--white: #FFFFFF;
59
+ --ajs-theme-uno--black: #000000;
60
+ --ajs-theme-uno--lighten-50: rgba(255, 255, 255, 0.05);
61
+ --ajs-theme-uno--lighten-100: rgba(255, 255, 255, 0.1);
62
+ --ajs-theme-uno--lighten-200: rgba(255, 255, 255, 0.2);
63
+ --ajs-theme-uno--lighten-300: rgba(255, 255, 255, 0.3);
64
+ --ajs-theme-uno--lighten-400: rgba(255, 255, 255, 0.4);
65
+ --ajs-theme-uno--lighten-500: rgba(255, 255, 255, 0.5);
66
+ --ajs-theme-uno--lighten-600: rgba(255, 255, 255, 0.6);
67
+ --ajs-theme-uno--lighten-700: rgba(255, 255, 255, 0.7);
68
+ --ajs-theme-uno--lighten-800: rgba(255, 255, 255, 0.8);
69
+ --ajs-theme-uno--lighten-900: rgba(255, 255, 255, 0.9);
70
+ --ajs-theme-uno--lighten: rgba(255, 255, 255, 0.5);
71
+ --ajs-theme-uno--darken-50: rgba(0, 0, 0, 0.05);
72
+ --ajs-theme-uno--darken-100: rgba(0, 0, 0, 0.1);
73
+ --ajs-theme-uno--darken-200: rgba(0, 0, 0, 0.2);
74
+ --ajs-theme-uno--darken-300: rgba(0, 0, 0, 0.3);
75
+ --ajs-theme-uno--darken-400: rgba(0, 0, 0, 0.4);
76
+ --ajs-theme-uno--darken-500: rgba(0, 0, 0, 0.5);
77
+ --ajs-theme-uno--darken-600: rgba(0, 0, 0, 0.6);
78
+ --ajs-theme-uno--darken-700: rgba(0, 0, 0, 0.7);
79
+ --ajs-theme-uno--darken-800: rgba(0, 0, 0, 0.8);
80
+ --ajs-theme-uno--darken-900: rgba(0, 0, 0, 0.9);
81
+ --ajs-theme-uno--darken: rgba(0, 0, 0, 0.5);
99
82
  }
100
83
 
101
- /* General styles
102
- # ------------------------------------------------------------------------------ */
103
-
104
- /* Links
105
- -------------------------------------------------------------------- */
106
84
  a {
107
85
  border-bottom: unset;
108
86
  }
109
-
110
- /* Cover Images
111
- -------------------------------------------------------------------- */
112
87
  .album-cover-image {
113
88
  display: block;
114
- /* max-height: 500px; */
115
- /* max-width: 500px; */
116
- /* object-fit: cover; */
117
89
  }
118
-
119
- /* Players
120
- -------------------------------------------------------------------- */
121
90
  .amplitude-player {
122
91
  max-width: max-content;
123
92
  }
124
-
125
93
  .audio-player-theme-uno {
126
94
  max-width: max-content;
127
95
  }
128
-
129
- /* Titles and Captions
130
- -------------------------------------------------------------------- */
131
96
  .amplitude-title {
132
97
  display: flex;
133
98
  align-items: center;
@@ -136,62 +101,95 @@ a {
136
101
  line-height: 1.25;
137
102
  font-size: 1.125rem;
138
103
  font-weight: 500;
139
- margin-bottom: .5rem;
104
+ margin-bottom: 0.5rem;
105
+ }
106
+ .amplitude-mute {
107
+ float: left;
108
+ cursor: pointer;
109
+ width: 25px;
110
+ height: 19px;
111
+ /* margin-left: 40px; */
140
112
  }
141
113
 
114
+ .amplitude-mute.amplitude-muted {
115
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat;
116
+ }
117
+ .amplitude-mute.amplitude-not-muted {
118
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat;
119
+ }
142
120
 
143
- /* 2. Components
144
- # ------------------------------------------------------------------------------ */
121
+ /*
122
+ .amplitude-paused {
123
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat;
124
+ }
125
+ .amplitude-playing {
126
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat;
127
+ }
128
+ */
145
129
 
146
- /* Scroller styles
147
- ------------------------------------------------------------ */
148
- .amplitude-scroller::-webkit-scrollbar {
149
- width: 10px;
150
- background-color: var(--ajs-theme-uno--gray-100);
130
+ .amplitude-prev {
131
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/previous.svg") no-repeat;
132
+ }
133
+ .amplitude-next {
134
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/next.svg") no-repeat;
135
+ }
136
+
137
+ .amplitude-skip-forward {
138
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-forward.svg") no-repeat;
139
+ }
140
+ .amplitude-skip-backward {
141
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-backward.svg") no-repeat;
142
+ }
143
+
144
+ .amplitude-shuffle-on {
145
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-on.svg") no-repeat;
146
+ }
147
+ .amplitude-shuffle-off {
148
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-off.svg") no-repeat;
149
+ }
150
+
151
+ .amplitude-repeat-off {
152
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-off.svg") no-repeat;
153
+ }
154
+ .amplitude-repeat-on {
155
+ background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-on.svg") no-repeat;
151
156
  }
152
157
 
158
+
159
+ .title-number {
160
+ display: inline-flex;
161
+ opacity: 0.5;
162
+ font-family: "Lato", sans-serif;
163
+ font-size: 16px;
164
+ color: var(--ajs-theme-uno--gray-200);
165
+ }
166
+ .amplitude-scroller::-webkit-scrollbar {
167
+ width: 10px;
168
+ background-color: var(--ajs-theme-uno--gray-100);
169
+ }
153
170
  .amplitude-scroller::-webkit-scrollbar-track {
154
171
  border-radius: 0px;
155
- -webkit-box-shadow: inset 0 0 6px var(--ajs-theme-uno--darken-300);
156
- background-color: var(--ajs-theme-uno--gray-100);
172
+ -webkit-box-shadow: inset 0 0 6px var(--ajs-theme-uno--darken-300);
173
+ background-color: var(--ajs-theme-uno--gray-100);
157
174
  }
158
-
159
175
  .amplitude-scroller::-webkit-scrollbar-thumb {
160
176
  border-radius: 0px;
161
- background-color: var(--ajs-theme-uno--blue-gray-500);
162
- background-image: -webkit-gradient(
163
- linear,
164
- 0 0, 0 100%,
165
- color-stop(.5, var(--ajs-theme-uno--lighten-200)),
166
- color-stop(.5, transparent), to(transparent)
167
- );
177
+ background-color: var(--ajs-theme-uno--blue-gray-500);
178
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, var(--ajs-theme-uno--lighten-200)), color-stop(0.5, transparent), to(transparent));
168
179
  }
169
-
170
180
  .amplitude-scroller-gradient::-webkit-scrollbar {
171
- width: 10px;
172
- background-color: var(--ajs-theme-uno--gray-100);
181
+ width: 10px;
182
+ background-color: var(--ajs-theme-uno--gray-100);
173
183
  }
174
-
175
184
  .amplitude-scroller-gradient::-webkit-scrollbar-track {
176
185
  border-radius: 0px;
177
- -webkit-box-shadow: inset 0 0 6px var(--ajs-theme-uno--darken-300);
178
- background-color: var(--ajs-theme-uno--gray-100);
186
+ -webkit-box-shadow: inset 0 0 6px var(--ajs-theme-uno--darken-300);
187
+ background-color: var(--ajs-theme-uno--gray-100);
179
188
  }
180
-
181
189
  .amplitude-scroller-gradient::-webkit-scrollbar-thumb {
182
- border-radius: 0px;
183
- background-image: -webkit-gradient(
184
- linear,
185
- left bottom,
186
- left top,
187
- color-stop(0.44, var(--ajs-theme-uno--blue-300)),
188
- color-stop(0.72, var(--ajs-theme-uno--blue)),
189
- color-stop(0.86, var(--ajs-theme-uno--blue-900))
190
- )
190
+ border-radius: 0px;
191
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, var(--ajs-theme-uno--blue-300)), color-stop(0.72, var(--ajs-theme-uno--blue)), color-stop(0.86, var(--ajs-theme-uno--blue-900)));
191
192
  }
192
-
193
- /* time container
194
- # --------------------------------------------------------- */
195
193
  .time-container {
196
194
  height: 40px;
197
195
  padding: 10px 20px 10px 20px;
@@ -200,28 +198,12 @@ a {
200
198
  font-size: 14px;
201
199
  color: var(--ajs-theme-uno--white);
202
200
  }
203
-
204
201
  .time-container span.current-time {
205
202
  float: left;
206
203
  }
207
-
208
204
  .time-container span.duration {
209
205
  float: right;
210
206
  }
211
-
212
- /* control container
213
- # --------------------------------------------------------- */
214
-
215
- /* jadams, 2024-12-05: add play_pause button as a class */
216
- /* .amplitude-play-pause:hover {
217
- opacity: .5;
218
- } */
219
-
220
- /* jadams, 2024-12-05: add play_pause button as a class */
221
- /* .amplitude-play-pause {
222
- background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat;
223
- } */
224
-
225
207
  .playlist-screen-controls {
226
208
  cursor: default;
227
209
  top: 0;
@@ -234,14 +216,10 @@ a {
234
216
  color: var(--ajs-theme-uno--white);
235
217
  background-color: var(--ajs-theme-uno--black);
236
218
  }
237
-
238
- /* meta (data) container
239
- # --------------------------------------------------------- */
240
219
  .meta-container {
241
220
  text-align: center;
242
221
  border-top: 0px !important;
243
222
  }
244
-
245
223
  .meta-container .song-name {
246
224
  display: block;
247
225
  margin: 0 15px 8px 15px;
@@ -252,7 +230,6 @@ a {
252
230
  text-overflow: ellipsis;
253
231
  color: var(--ajs-theme-uno--gray-100);
254
232
  }
255
-
256
233
  .meta-container .audio-artist-album {
257
234
  font-size: 18px;
258
235
  font-weight: bold;
@@ -262,40 +239,23 @@ a {
262
239
  text-overflow: ellipsis;
263
240
  color: var(--ajs-theme-uno--blue-gray-300);
264
241
  }
265
-
266
242
  .meta-container .audio-artist-album span {
267
243
  display: block;
268
244
  }
269
245
 
270
-
271
- /* input elements (range slider)
272
- # --------------------------------------------------------- */
273
246
  input[type=range].amplitude-volume-slider {
274
- -webkit-appearance: none; /* Disable default style for Chrome, Safari, Edge */
275
- -moz-appearance: none; /* Disable default style for Firefox */
276
247
  float: left;
277
248
  height: 1px;
278
249
  margin-top: 10px;
279
250
  margin-left: 5px;
280
- /* width: calc(100% - 100px); */
281
- width: calc(100% - 140px);
251
+ width: calc(100% - 144px);
282
252
  background: transparent;
283
253
  }
284
-
285
- input[type=range].amplitude-volume-slider.compact-player-volume-slider {
286
- width: calc(100% - 53px);
287
- margin-top: -12px;
288
- margin-left: 29px;
289
- }
290
-
291
- /* track|thumb
292
- # --------------------------------------------------------- */
293
254
  input[type=range].amplitude-volume-slider::-webkit-slider-runnable-track {
294
255
  width: 100%;
295
256
  height: 1px;
296
257
  background: var(--ajs-theme-uno--blue-gray-100);
297
258
  }
298
-
299
259
  input[type=range].amplitude-volume-slider::-webkit-slider-thumb {
300
260
  -webkit-appearance: none;
301
261
  cursor: pointer;
@@ -306,21 +266,17 @@ input[type=range].amplitude-volume-slider::-webkit-slider-thumb {
306
266
  border: none;
307
267
  background-color: var(--ajs-theme-uno--blue);
308
268
  }
309
-
310
269
  input[type=range].amplitude-volume-slider::-webkit-slider-thumb:focus {
311
270
  outline: none;
312
271
  }
313
-
314
272
  input[type=range].amplitude-volume-slider::-webkit-slider-thumb:hover {
315
273
  background-color: var(--ajs-theme-uno--blue-700);
316
274
  }
317
-
318
275
  input[type=range].amplitude-volume-slider::-moz-range-track {
319
276
  width: 100%;
320
277
  height: 1px;
321
278
  background-color: var(--ajs-theme-uno--blue-gray-100);
322
279
  }
323
-
324
280
  input[type=range].amplitude-volume-slider::-moz-range-thumb {
325
281
  cursor: pointer;
326
282
  width: 16px;
@@ -330,61 +286,61 @@ input[type=range].amplitude-volume-slider::-moz-range-thumb {
330
286
  border: none;
331
287
  background-color: var(--ajs-theme-uno--blue);
332
288
  }
333
-
334
289
  input[type=range].amplitude-volume-slider::-moz-range-thumb:focus {
335
290
  outline: none;
336
291
  }
337
-
338
292
  input[type=range].amplitude-volume-slider::-moz-range-thumb:hover {
339
293
  background-color: var(--ajs-theme-uno--blue-700);
340
294
  }
295
+ input[type=range].amplitude-volume-slider.compact-player-volume-slider {
296
+ width: calc(100% - 53px);
297
+ margin-top: -12px;
298
+ margin-left: 29px;
299
+ }
341
300
 
342
- /* progress bars
343
- # --------------------------------------------------------- */
344
- progress.mini-player-progress,
345
- progress.compact-player-progress,
301
+ progress.mini-player-progress {
302
+ display: block;
303
+ appearance: none;
304
+ -webkit-appearance: none;
305
+ -moz-appearance: none;
306
+ cursor: pointer;
307
+ width: 100%;
308
+ height: 12px;
309
+ border: none;
310
+ background-color: var(--ajs-theme-uno--silver-500);
311
+ }
312
+ progress.compact-player-progress {
313
+ display: block;
314
+ appearance: none;
315
+ -webkit-appearance: none;
316
+ -moz-appearance: none;
317
+ cursor: pointer;
318
+ width: 100%;
319
+ height: 12px;
320
+ border: none;
321
+ background-color: var(--ajs-theme-uno--silver-500);
322
+ }
346
323
  progress.large-player-progress {
347
324
  display: block;
325
+ appearance: none;
326
+ -webkit-appearance: none;
327
+ -moz-appearance: none;
348
328
  cursor: pointer;
349
329
  width: 100%;
350
- height: 8px;
330
+ height: 12px;
351
331
  border: none;
352
332
  background-color: var(--ajs-theme-uno--silver-500);
353
- -webkit-appearance: none; /* Disable default style for Chrome, Safari, Edge */
354
- -moz-appearance: none; /* Disable default style for Firefox */
355
333
  }
356
-
357
334
  progress::-webkit-progress-value {
358
335
  background-color: var(--ajs-theme-uno--blue);
359
336
  }
360
-
361
337
  progress::-moz-progress-bar {
362
338
  background-color: var(--ajs-theme-uno--blue);
363
339
  }
364
-
365
340
  progress::-ms-fill {
366
341
  background-color: var(--ajs-theme-uno--blue);
367
342
  }
368
343
 
369
-
370
- /* 3. Layout
371
- # ------------------------------------------------------------------------------ */
372
-
373
- /*
374
- Bootstrap grid breakpoints
375
- SN: 576px Mobile
376
- MD: 768px Small Desktop|Tablet
377
- LG: 992px Default Desktop
378
- XL: 1200px Large Desktop
379
- XXL: 1400px X Large Desktop
380
- */
381
-
382
- /* max-width: -webkit-fill-available; Chrome, Safari, Edge */
383
- /* max-width: -moz-available; Firefox */
384
-
385
- /* BS SM (Mobile)
386
- # --------------------------------------------------------- */
387
-
388
344
  @media screen and (max-width: 576px) {
389
345
 
390
346
  input[type=range].amplitude-volume-slider::-webkit-slider-thumb {
@@ -393,21 +349,26 @@ Bootstrap grid breakpoints
393
349
  border-radius: 30px;
394
350
  margin-top: -15px;
395
351
  }
396
-
397
352
  input[type=range].amplitude-volume-slider::-moz-range-thumb {
398
353
  width: 30px;
399
354
  height: 30px;
400
355
  margin-top: -15px;
401
356
  border-radius: 30px;
402
357
  }
403
-
404
- progress.mini-player-progress,
405
- progress.compact-player-progress,
358
+
359
+ progress.mini-player-progress {
360
+ height: 16px;
361
+ }
362
+ progress.compact-player-progress {
363
+ height: 16px;
364
+ }
406
365
  progress.large-player-progress {
407
366
  height: 16px;
408
367
  }
409
368
 
410
- .meta-container .song-name,
369
+ .meta-container .song-name {
370
+ font-size: 16px;
371
+ }
411
372
  .meta-container .audio-artist-album {
412
373
  font-size: 16px;
413
374
  }
@@ -13,4 +13,4 @@
13
13
  # -----------------------------------------------------------------------------
14
14
  */
15
15
 
16
- :root{--ajs-theme-uno--blue:#2196f3;--ajs-theme-uno--blue-50:#e3f2fd;--ajs-theme-uno--blue-100:#bbdefb;--ajs-theme-uno--blue-200:#90caf9;--ajs-theme-uno--blue-300:#64b5f6;--ajs-theme-uno--blue-400:#42a5f5;--ajs-theme-uno--blue-500:#2196f3;--ajs-theme-uno--blue-600:#1e88e5;--ajs-theme-uno--blue-700:#1976d2;--ajs-theme-uno--blue-800:#1565c0;--ajs-theme-uno--blue-900:#0d47a1;--ajs-theme-uno--gray:#9e9e9e;--ajs-theme-uno--gray-50:#fafafa;--ajs-theme-uno--gray-100:#f5f5f5;--ajs-theme-uno--gray-200:#eee;--ajs-theme-uno--gray-300:#e0e0e0;--ajs-theme-uno--gray-400:#bdbdbd;--ajs-theme-uno--gray-500:#9e9e9e;--ajs-theme-uno--gray-600:#757575;--ajs-theme-uno--gray-700:#616161;--ajs-theme-uno--gray-800:#424242;--ajs-theme-uno--gray-900:#212121;--ajs-theme-uno--blue-gray:#607d8b;--ajs-theme-uno--blue-gray-50:#eceff1;--ajs-theme-uno--blue-gray-100:#cfd8dc;--ajs-theme-uno--blue-gray-200:#b0bec5;--ajs-theme-uno--blue-gray-300:#90a4ae;--ajs-theme-uno--blue-gray-400:#78909c;--ajs-theme-uno--blue-gray-500:#607d8b;--ajs-theme-uno--blue-gray-600:#546e7a;--ajs-theme-uno--blue-gray-700:#455a64;--ajs-theme-uno--blue-gray-800:#37474f;--ajs-theme-uno--blue-gray-900:#263238;--ajs-theme-uno--silver-200:#748295;--ajs-theme-uno--silver-500:#586372;--ajs-theme-uno--silver-700:#141920;--ajs-theme-uno--silver-800:#242b33;--ajs-theme-uno--light-silver:#748295;--ajs-theme-uno--medium-silver:#586372;--ajs-theme-uno--dark-silver:#141920;--ajs-theme-uno--darker-silver:#242b33;--ajs-theme-uno--white:#fff;--ajs-theme-uno--black:#000;--ajs-theme-uno--lighten-50:rgba(255,255,255,0.05);--ajs-theme-uno--lighten-100:rgba(255,255,255,0.1);--ajs-theme-uno--lighten-200:rgba(255,255,255,0.2);--ajs-theme-uno--lighten-300:rgba(255,255,255,0.3);--ajs-theme-uno--lighten-400:rgba(255,255,255,0.4);--ajs-theme-uno--lighten-500:rgba(255,255,255,0.5);--ajs-theme-uno--lighten-600:rgba(255,255,255,0.6);--ajs-theme-uno--lighten-700:rgba(255,255,255,0.7);--ajs-theme-uno--lighten-800:rgba(255,255,255,0.8);--ajs-theme-uno--lighten-900:rgba(255,255,255,0.9);--ajs-theme-uno--lighten:rgba(255,255,255,0.5);--ajs-theme-uno--darken-50:rgba(0,0,0,0.05);--ajs-theme-uno--darken-100:rgba(0,0,0,0.1);--ajs-theme-uno--darken-200:rgba(0,0,0,0.2);--ajs-theme-uno--darken-300:rgba(0,0,0,0.3);--ajs-theme-uno--darken-400:rgba(0,0,0,0.4);--ajs-theme-uno--darken-500:rgba(0,0,0,0.5);--ajs-theme-uno--darken-600:rgba(0,0,0,0.6);--ajs-theme-uno--darken-700:rgba(0,0,0,0.7);--ajs-theme-uno--darken-800:rgba(0,0,0,0.8);--ajs-theme-uno--darken-900:rgba(0,0,0,0.9);--ajs-theme-uno--darken:rgba(0,0,0,0.5)}a{border-bottom:unset}.album-cover-image{display:block}.amplitude-player{max-width:max-content}.audio-player-theme-uno{max-width:max-content}.amplitude-title{display:flex;align-items:center;text-rendering:optimizeLegibility;text-align:left;line-height:1.25;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.amplitude-scroller::-webkit-scrollbar{width:10px;background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller::-webkit-scrollbar-track{border-radius:0;-webkit-box-shadow:inset 0 0 6px var(--ajs-theme-uno--darken-300);background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller::-webkit-scrollbar-thumb{border-radius:0;background-color:var(--ajs-theme-uno--blue-gray-500);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,var(--ajs-theme-uno--lighten-200)),color-stop(.5,transparent),to(transparent))}.amplitude-scroller-gradient::-webkit-scrollbar{width:10px;background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller-gradient::-webkit-scrollbar-track{border-radius:0;-webkit-box-shadow:inset 0 0 6px var(--ajs-theme-uno--darken-300);background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller-gradient::-webkit-scrollbar-thumb{border-radius:0;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.44,var(--ajs-theme-uno--blue-300)),color-stop(0.72,var(--ajs-theme-uno--blue)),color-stop(0.86,var(--ajs-theme-uno--blue-900)))}.time-container{height:40px;padding:10px 20px 10px 20px;font-family:"Lato",sans-serif;font-weight:bold;font-size:14px;color:var(--ajs-theme-uno--white)}.time-container span.current-time{float:left}.time-container span.duration{float:right}.playlist-screen-controls{cursor:default;top:0;position:sticky;height:80px;padding:15px;max-width:-webkit-fill-available;max-width:-moz-available;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--black)}.meta-container{text-align:center;border-top:0 !important}.meta-container .song-name{display:block;margin:0 15px 8px 15px;font-size:18px;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-100)}.meta-container .audio-artist-album{font-size:18px;font-weight:bold;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue-gray-300)}.meta-container .audio-artist-album span{display:block}input[type=range].amplitude-volume-slider{-webkit-appearance:none;-moz-appearance:none;float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 140px);background:transparent}input[type=range].amplitude-volume-slider.compact-player-volume-slider{width:calc(100% - 53px);margin-top:-12px;margin-left:29px}input[type=range].amplitude-volume-slider::-webkit-slider-runnable-track{width:100%;height:1px;background:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;width:16px;height:16px;border-radius:16px;margin-top:-8px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}input[type=range].amplitude-volume-slider::-moz-range-track{width:100%;height:1px;background-color:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-moz-range-thumb{cursor:pointer;width:16px;height:16px;margin-top:-8px;border-radius:16px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-moz-range-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-moz-range-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}progress.mini-player-progress,progress.compact-player-progress,progress.large-player-progress{display:block;cursor:pointer;width:100%;height:8px;border:0;background-color:var(--ajs-theme-uno--silver-500);-webkit-appearance:none;-moz-appearance:none}progress::-webkit-progress-value{background-color:var(--ajs-theme-uno--blue)}progress::-moz-progress-bar{background-color:var(--ajs-theme-uno--blue)}progress::-ms-fill{background-color:var(--ajs-theme-uno--blue)}@media screen and (max-width:576px){input[type=range].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}input[type=range].amplitude-volume-slider::-moz-range-thumb{width:30px;height:30px;margin-top:-15px;border-radius:30px}progress.mini-player-progress,progress.compact-player-progress,progress.large-player-progress{height:16px}.meta-container .song-name,.meta-container .audio-artist-album{font-size:16px}}
16
+ :root{--ajs-theme-uno--blue:#2196f3;--ajs-theme-uno--blue-50:#e3f2fd;--ajs-theme-uno--blue-100:#bbdefb;--ajs-theme-uno--blue-200:#90caf9;--ajs-theme-uno--blue-300:#64b5f6;--ajs-theme-uno--blue-400:#42a5f5;--ajs-theme-uno--blue-500:#2196f3;--ajs-theme-uno--blue-600:#1e88e5;--ajs-theme-uno--blue-700:#1976d2;--ajs-theme-uno--blue-800:#1565c0;--ajs-theme-uno--blue-900:#0d47a1;--ajs-theme-uno--gray:#9e9e9e;--ajs-theme-uno--gray-50:#fafafa;--ajs-theme-uno--gray-100:#f5f5f5;--ajs-theme-uno--gray-200:#eee;--ajs-theme-uno--gray-300:#e0e0e0;--ajs-theme-uno--gray-400:#bdbdbd;--ajs-theme-uno--gray-500:#9e9e9e;--ajs-theme-uno--gray-600:#757575;--ajs-theme-uno--gray-700:#616161;--ajs-theme-uno--gray-800:#424242;--ajs-theme-uno--gray-900:#212121;--ajs-theme-uno--blue-gray:#607d8b;--ajs-theme-uno--blue-gray-50:#eceff1;--ajs-theme-uno--blue-gray-100:#cfd8dc;--ajs-theme-uno--blue-gray-200:#b0bec5;--ajs-theme-uno--blue-gray-300:#90a4ae;--ajs-theme-uno--blue-gray-400:#78909c;--ajs-theme-uno--blue-gray-500:#607d8b;--ajs-theme-uno--blue-gray-600:#546e7a;--ajs-theme-uno--blue-gray-700:#455a64;--ajs-theme-uno--blue-gray-800:#37474f;--ajs-theme-uno--blue-gray-900:#263238;--ajs-theme-uno--silver-200:#748295;--ajs-theme-uno--silver-500:#586372;--ajs-theme-uno--silver-700:#141920;--ajs-theme-uno--silver-800:#242b33;--ajs-theme-uno--light-silver:#748295;--ajs-theme-uno--medium-silver:#586372;--ajs-theme-uno--dark-silver:#141920;--ajs-theme-uno--darker-silver:#242b33;--ajs-theme-uno--white:#fff;--ajs-theme-uno--black:#000;--ajs-theme-uno--lighten-50:rgba(255,255,255,0.05);--ajs-theme-uno--lighten-100:rgba(255,255,255,0.1);--ajs-theme-uno--lighten-200:rgba(255,255,255,0.2);--ajs-theme-uno--lighten-300:rgba(255,255,255,0.3);--ajs-theme-uno--lighten-400:rgba(255,255,255,0.4);--ajs-theme-uno--lighten-500:rgba(255,255,255,0.5);--ajs-theme-uno--lighten-600:rgba(255,255,255,0.6);--ajs-theme-uno--lighten-700:rgba(255,255,255,0.7);--ajs-theme-uno--lighten-800:rgba(255,255,255,0.8);--ajs-theme-uno--lighten-900:rgba(255,255,255,0.9);--ajs-theme-uno--lighten:rgba(255,255,255,0.5);--ajs-theme-uno--darken-50:rgba(0,0,0,0.05);--ajs-theme-uno--darken-100:rgba(0,0,0,0.1);--ajs-theme-uno--darken-200:rgba(0,0,0,0.2);--ajs-theme-uno--darken-300:rgba(0,0,0,0.3);--ajs-theme-uno--darken-400:rgba(0,0,0,0.4);--ajs-theme-uno--darken-500:rgba(0,0,0,0.5);--ajs-theme-uno--darken-600:rgba(0,0,0,0.6);--ajs-theme-uno--darken-700:rgba(0,0,0,0.7);--ajs-theme-uno--darken-800:rgba(0,0,0,0.8);--ajs-theme-uno--darken-900:rgba(0,0,0,0.9);--ajs-theme-uno--darken:rgba(0,0,0,0.5)}a{border-bottom:unset}.album-cover-image{display:block}.amplitude-player{max-width:max-content}.audio-player-theme-uno{max-width:max-content}.amplitude-title{display:flex;align-items:center;text-rendering:optimizeLegibility;text-align:left;line-height:1.25;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.amplitude-mute{float:left;cursor:pointer;width:25px;height:19px}.amplitude-mute.amplitude-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat}.amplitude-mute.amplitude-not-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat}.amplitude-prev{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/previous.svg") no-repeat}.amplitude-next{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/next.svg") no-repeat}.amplitude-skip-forward{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-forward.svg") no-repeat}.amplitude-skip-backward{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-backward.svg") no-repeat}.amplitude-shuffle-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-on.svg") no-repeat}.amplitude-shuffle-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-off.svg") no-repeat}.amplitude-repeat-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-off.svg") no-repeat}.amplitude-repeat-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-on.svg") no-repeat}.title-number{display:inline-flex;opacity:.5;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-200)}.amplitude-scroller::-webkit-scrollbar{width:10px;background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller::-webkit-scrollbar-track{border-radius:0;-webkit-box-shadow:inset 0 0 6px var(--ajs-theme-uno--darken-300);background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller::-webkit-scrollbar-thumb{border-radius:0;background-color:var(--ajs-theme-uno--blue-gray-500);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0.5,var(--ajs-theme-uno--lighten-200)),color-stop(0.5,transparent),to(transparent))}.amplitude-scroller-gradient::-webkit-scrollbar{width:10px;background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller-gradient::-webkit-scrollbar-track{border-radius:0;-webkit-box-shadow:inset 0 0 6px var(--ajs-theme-uno--darken-300);background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller-gradient::-webkit-scrollbar-thumb{border-radius:0;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.44,var(--ajs-theme-uno--blue-300)),color-stop(0.72,var(--ajs-theme-uno--blue)),color-stop(0.86,var(--ajs-theme-uno--blue-900)))}.time-container{height:40px;padding:10px 20px 10px 20px;font-family:"Lato",sans-serif;font-weight:bold;font-size:14px;color:var(--ajs-theme-uno--white)}.time-container span.current-time{float:left}.time-container span.duration{float:right}.playlist-screen-controls{cursor:default;top:0;position:sticky;height:80px;padding:15px;max-width:-webkit-fill-available;max-width:-moz-available;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--black)}.meta-container{text-align:center;border-top:0 !important}.meta-container .song-name{display:block;margin:0 15px 8px 15px;font-size:18px;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-100)}.meta-container .audio-artist-album{font-size:18px;font-weight:bold;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue-gray-300)}.meta-container .audio-artist-album span{display:block}input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 144px);background:transparent}input[type=range].amplitude-volume-slider::-webkit-slider-runnable-track{width:100%;height:1px;background:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;width:16px;height:16px;border-radius:16px;margin-top:-8px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}input[type=range].amplitude-volume-slider::-moz-range-track{width:100%;height:1px;background-color:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-moz-range-thumb{cursor:pointer;width:16px;height:16px;margin-top:-8px;border-radius:16px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-moz-range-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-moz-range-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}input[type=range].amplitude-volume-slider.compact-player-volume-slider{width:calc(100% - 53px);margin-top:-12px;margin-left:29px}progress.mini-player-progress{display:block;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;width:100%;height:12px;border:0;background-color:var(--ajs-theme-uno--silver-500)}progress.compact-player-progress{display:block;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;width:100%;height:12px;border:0;background-color:var(--ajs-theme-uno--silver-500)}progress.large-player-progress{display:block;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;width:100%;height:12px;border:0;background-color:var(--ajs-theme-uno--silver-500)}progress::-webkit-progress-value{background-color:var(--ajs-theme-uno--blue)}progress::-moz-progress-bar{background-color:var(--ajs-theme-uno--blue)}progress::-ms-fill{background-color:var(--ajs-theme-uno--blue)}@media screen and (max-width:576px){input[type=range].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}input[type=range].amplitude-volume-slider::-moz-range-thumb{width:30px;height:30px;margin-top:-15px;border-radius:30px}progress.mini-player-progress{height:16px}progress.compact-player-progress{height:16px}progress.large-player-progress{height:16px}.meta-container .song-name{font-size:16px}.meta-container .audio-artist-album{font-size:16px}}