j1-template 2024.3.19 → 2024.3.21

data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css

@@ -13,5 +13,4 @@
  # -----------------------------------------------------------------------------
 */
 
-.large-player{-webkit-font-smoothing:antialiased}.large-player-container{display:flex;max-width:fit-content;background:var(--ajs-theme-uno--white)}.player-left-top img{width:500px;height:500px;object-fit:cover}.large-player-playlist-header{cursor:pointer;top:0;position:sticky;padding:15px;font-family:"Lato",sans-serif;text-align:center;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--dark-silver)}.large-player-title-list{display:block;max-height:600px;overflow-y:scroll}.meta-container.large-player{height:120px}.playlist-screen-meta-container{width:calc(100% - 80px);float:left}.playlist-screen-controls{cursor:default;height:100px;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)}div#large_player_left{display:flex;flex:1;flex-direction:column;max-width:fit-content;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}div#large_player_left img.album-art{width:100%}div#large_player_left div#player-left-bottom{flex:1;background-color:var(--ajs-theme-uno--blue-gray-900)}div#large_player_right{display:flex;flex:1;flex-direction:column;flex-grow:1;width:50%;min-width:500px;border-top:solid 1px;border-right:solid 1px;border-bottom:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}div#large_player_right div.song.amplitude-active-song-container:hover div.play-button-container{display:none}div#large_player_right div.song.amplitude-active-song-container div.song-number-now-playing span.number{display:inline-flex;opacity:.5;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-200)}div#large_player_right div.song.amplitude-active-song-container div.song-number-now-playing img.now-playing{display:block;margin-top:5px;margin-left:4px;height:16px;width:16px}div#large_player_right div.song{cursor:pointer;padding:12px;background-color:var(--ajs-theme-uno--darker-silver)}div#large_player_right div.song div.audio-meta-data{float:left;width:calc(100% - 145px)}div#large_player_right div.song div.audio-meta-data span.audio-artist{font-size:16px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-300)}div#large_player_right div.song div.audio-meta-data span.audio-title{display:block;width:calc(100% - 25px);font-family:"Lato",sans-serif;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue)}div#large_player_right div.song:after{content:"";display:table;clear:both}div#large_player_right div.song div.song-number-now-playing{float:left;width:40px;height:20px;margin-top:8px;margin-right:12px}div#large_player_right div.song div.song-number-now-playing img.now-playing{display:none}div#large_player_right div.song span.audio-duration{float:left;margin-left:28px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container span.song-name{line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Lato",sans-serif;font-size:18px;color:var(--ajs-theme-uno--white)}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container span.audio-rating{display:flex;align-items:center;float:right;margin-top:4px;margin-right:-48px;font-family:"Lato",sans-serif;font-size:18px;color:var(--ajs-theme-uno--gray-400)}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container span.audio-info{float:right;margin-right:-80px}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container div.song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:16px;line-height:18px;color:var(--ajs-theme-uno--white)}div#large_player_right div.playlist-screen-controls div.list-controls{float:right;width:90px;margin-top:50px;margin-right:-12px}div#large_player_right div.playlist-screen-controls div.list-controls div.list-previous{float:left;cursor:pointer;width:15px;height:17px;margin-right:15px;margin-top:4px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg") no-repeat}div#large_player_right div.playlist-screen-controls div.list-controls div.list-previous:hover{opacity:.5}div#large_player_right div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg") no-repeat}div#large_player_right div.playlist-screen-controls div.list-controls div.list-play-pause{float:left;cursor:pointer;width:17px;height:24px}div#large_player_right div.playlist-screen-controls div.list-controls div.list-play-pause:hover{opacity:.5}div#large_player_right div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg") no-repeat}div#large_player_right div.playlist-screen-controls div.list-controls div.list-next{float:left;cursor:pointer;width:15px;height:17px;margin-left:15px;margin-top:4px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg")no-repeat}div#large_player_right div.playlist-screen-controls div.list-controls div.list-next:hover{opacity:.5}div#large_player_right div.song.amplitude-song-container.amplitude-play-pause.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}div#large_player_control_container{margin-top:20px;margin-bottom:20px}div#large_player_control_container:after{content:"";display:table;clear:both}div#large_player_control_container div.volume-container{float:left;width:88%;margin-top:20px;margin-left:12px}div#large_player_control_container div.volume-container:after{content:"";display:table;clear:both}div#large_player_control_container div.volume-container div.volume-controls input[type=range]{width:calc(100% - 45px)}div#large_player_control_container div.amplitude-mute{float:left;cursor:pointer;width:25px;height:19px;margin-left:40px}div#large_player_control_container div.amplitude-mute.amplitude-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat}div#large_player_control_container div.amplitude-mute.amplitude-not-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat}span.title-number{display:inline-flex;opacity:.5;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-200)}div#large_player_controls{height:65px}div#large_player_controls div.large-player-controls-container{text-align:center}div#large_player_controls div.large-player-controls-container div#large_player_shuffle{display:inline-block;width:24px;height:24px;cursor:pointer;vertical-align:middle;margin-right:25px}div#large_player_controls div.large-player-controls-container div#large_player_shuffle:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_shuffle.amplitude-shuffle-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-on.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_shuffle.amplitude-shuffle-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-off.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_previous{display:inline-block;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:20px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/previous.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_previous:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div.large-player-skip-backward{display:inline-block;cursor:pointer;height:24px;width:24px;margin-right:20px;vertical-align:middle;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-backward.svg") no-repeat}div#large_player_controls div.large-player-controls-container div.large-player-skip-backward:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_play_pause{display:inline-block;width:60px;height:60px;cursor:pointer;vertical-align:middle}div#large_player_controls div.large-player-controls-container div#large_player_play_pause:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_play_pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}div#large_player_controls div.large-player-controls-container div.large-player-skip-forward{display:inline-block;cursor:pointer;height:24px;width:24px;margin-left:20px;vertical-align:middle;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-forward.svg") no-repeat}div#large_player_controls div.large-player-controls-container div.large-player-skip-forward:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_play_pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_next{display:inline-block;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:25px;margin-left:20px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/next.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_next:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_repeat{display:inline-block;width:24px;height:24px;cursor:pointer;vertical-align:middle}div#large_player_controls div.large-player-controls-container div#large_player_repeat:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_repeat.amplitude-repeat-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-off.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_repeat.amplitude-repeat-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-on.svg") no-repeat}@media screen and (max-width:992px),screen and (max-width:768px),screen and (max-width:576px){.large-player{max-width:-webkit-fill-available;max-width:-moz-available}div#large_player_left{max-width:unset;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}div.large-player-container{position:relative;flex-direction:column;max-height:fit-content;max-width:fit-content}div.large-player-container div#large_player_right{width:auto;min-width:unset}.player-left-top img{height:700px;width:-webkit-fill-available;width:-moz-available}div#large_player_control_container{margin-top:25px;margin-bottom:25px}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container span.song-name{font-size:16px}.playlist-screen-controls.large-player{display:none}div#large_player_right{border-top:0;border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}.large-player-title-list{border-bottom:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}}
-
+.large-player{-webkit-font-smoothing:antialiased}.large-player-container{display:flex;max-width:fit-content;background:var(--ajs-theme-uno--white)}.large-player-controls-container{text-align:center}.amplitude-shuffle{display:inline-block;user-select:none;width:24px;height:24px;cursor:pointer;vertical-align:middle;margin-right:25px}.amplitude-shuffle:hover{opacity:.5}.large-player-previous{display:inline-block;user-select:none;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:20px}.large-player-previous:hover{opacity:.5}.large-player-previous:focus:not(:focus-visible){outline:0}.large-player-skip-backward{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-right:20px;vertical-align:middle}.large-player-skip-backward:focus:not(:focus-visible){outline:0}.large-player-skip-backward:hover{opacity:.5}.large-player-play-pause{display:inline-block;user-select:none;width:60px;height:60px;cursor:pointer;vertical-align:middle}.large-player-play-pause:hover{opacity:.5}.large-player-play-pause:focus:not(:focus-visible){outline:0}.large-player-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}.large-player-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}.large-player-skip-forward{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-left:20px;vertical-align:middle}.large-player-skip-forward:focus:not(:focus-visible){outline:0}.large-player-skip-forward:hover{opacity:.5}.large-player-next{display:inline-block;user-select:none;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:25px;margin-left:20px}.large-player-next:focus:not(:focus-visible){outline:0}.large-player-next:hover{opacity:.5}.amplitude-repeat{display:inline-block;user-select:none;width:24px;height:24px;cursor:pointer;vertical-align:middle}.amplitude-repeat:focus:not(:focus-visible){outline:0}.amplitude-repeat:hover{opacity:.5}.large-player-playlist-header{cursor:pointer;top:0;position:sticky;padding:15px;font-family:"Lato",sans-serif;text-align:center;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--dark-silver)}.large-player-title-list{display:block;max-height:540px;overflow-y:scroll}.large-player-control-container{margin-top:25px;margin-bottom:25px}.large-player-volume-container{margin-top:20px;margin-bottom:20px}.meta-container.large-player{height:120px}.playlist-screen-meta-container{width:calc(100% - 80px);float:left}.playlist-screen-controls{cursor:default;height:100px;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)}.large-player-left{display:flex;flex:1;flex-direction:column;width:50vw;max-width:fit-content;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}.large-player-left-top img{width:500px;height:500px;object-fit:cover}.large-player-left-middle{margin-top:10px;margin-bottom:20px;margin-left:40px}.large-player-left-bottom{background-color:var(--ajs-theme-uno--black)}.large-player-right{display:flex;flex:1;flex-direction:column;flex-grow:1;width:50vw;border-top:solid 1px;border-right:solid 1px;border-bottom:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}.amplitude-song-container img.now-playing{display:none}.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}.amplitude-active-song-container img.now-playing{display:block;margin-top:5px;margin-right:8px;margin-left:4px;height:16px;width:16px}.amplitude-song{cursor:pointer;padding:12px;background-color:var(--ajs-theme-uno--darker-silver)}.amplitude-song:after{content:"";display:table;clear:both}.audio-meta-data{float:left;width:calc(100% - 145px)}.audio-artist{font-size:16px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-300)}.audio-title{display:block;width:calc(100% - 25px);font-family:"Lato",sans-serif;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue)}.song-number-now-playing{float:left;width:40px;height:20px;margin-top:8px;margin-right:12px}.audio-duration{float:right;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}.song-name{line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Lato",sans-serif;font-size:18px;color:var(--ajs-theme-uno--white)}div.screen-controls-large-player div.playlist-screen-meta-container span.audio-rating{display:flex;float:right;margin-top:10px}div.playlist-screen-meta-container .song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:16px;line-height:18px;color:var(--ajs-theme-uno--white)}.audio-rating{float:left;padding-left:65px}.amplitude-audio-info{float:right;margin-right:-80px}div.playlist-screen-controls div.list-controls{float:right;width:90px;margin-top:45px;margin-right:-12px}div.playlist-screen-controls div.list-controls div.list-previous{float:left;cursor:pointer;width:15px;height:17px;margin-right:15px;margin-top:4px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-previous:hover{opacity:.5}div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-play-pause{float:left;cursor:pointer;width:17px;height:24px}div.playlist-screen-controls div.list-controls div.list-play-pause:hover{opacity:.5}div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-next{float:left;cursor:pointer;width:15px;height:17px;margin-left:15px;margin-top:4px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-next:hover{opacity:.5}div.large-player-volume-container input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 86px);background:transparent}@media(orientation:portrait) and (max-width:1024px){.large-player-left{width:35vw}.large-player-left-top img{width:45vw;object-fit:cover}.playlist-screen-controls{display:none}input[type="range"].amplitude-volume-slider::-webkit-slider-thumb{background-color:var(--ajs-theme-uno--blue-500);width:25px;height:25px}input[type="range"].amplitude-volume-slider::-moz-slider-thumb{background-color:var(--ajs-theme-uno--blue-500);width:25px;height:25px}}@media(orientation:portrait) and (max-width:768px){.large-player-left{width:35vw}.playlist-screen-controls{display:none}.large-player-left-top img{width:45vw;object-fit:cover}}@media(orientation:landscape) and (max-width:1024px){.playlist-screen-controls{display:none}}@media(orientation:landscape) and (max-width:768px){.large-player-left{width:35vw}.large-player-left-top img{width:95vw;object-fit:cover}.playlist-screen-controls{display:none}}@media screen and (max-width:576px){.large-player{max-width:-webkit-fill-available;max-width:-moz-available}.large-player-container{position:relative;flex-direction:column;max-height:fit-content;max-width:fit-content}.large-player-control-container{margin-top:25px;margin-bottom:25px}.playlist-screen-controls.large-player{display:none}.large-player-title-list{border-bottom:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}.large-player-left{width:auto;max-width:unset;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}.large-player-left-top img{width:93vw;object-fit:cover}.large-player-right{width:auto;min-width:unset;border-top:0;border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}div.large-player-volume-container .large-player-amplitude-mute{margin-left:4px}div.large-player-volume-container input[type=range].amplitude-volume-slider{appearance:none;width:calc(100% - 106px)}div.large-player-volume-container input[type="range"].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}div.large-player-volume-container input[type="range"].amplitude-volume-slider::-moz-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}}

data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css

@@ -14,50 +14,40 @@
 */
 
 /* 1. Base
-# --------------------------------------------------------- */
+# ------------------------------------------------------------------------------ */
 
 .mini-player {
-  -webkit-font-smoothing: antialiased; /* Chrome, Safari, Edge */
+  -webkit-font-smoothing: antialiased;
 }
 
 .mini-player-container {
-  width: 475px;
+  width: 500px;
   border: solid 1px;
   border-color: var(--ajs-theme-uno--medium-silver);
   background-color: var(--ajs-theme-uno--black);
 }
 
+
+/* 2. Components
+# ------------------------------------------------------------------------------ */
+
 .mini-player.control-container.meta-container {
   text-align: center;
   margin-left: 90px;
   color: var(--ajs-theme-uno--white);
 }
-
 .mini-player.meta-container {
   display: block;
   margin-top: 8px;
   margin-bottom: 8px;
 }
-
 .mini-player.control-container {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   align-items: center;
 }
-
-.mini-player.volume-container {
-  padding-top: 10px;
-  margin-left: 25px;
-  padding-bottom: 20px;
-  width: calc(100% - 43px);
-}
-
-/* 2. Components
-# --------------------------------------------------------- */
-
-.mini-player.control-container
-div#mini_player_previous {
+.mini-player.control-container div#mini_player_previous {
   cursor: pointer;
   height: 24px;
   width: 24px;
@@ -65,93 +55,113 @@ div#mini_player_previous {
   margin-right: 12px;
   background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg") no-repeat;
 }
-
-.mini-player.control-container
-div#mini_player_previous:hover {
-  opacity: .5;
+.mini-player.control-container div#mini_player_previous:hover {
+  opacity: 0.5;
 }
-
-.mini-player.control-container
-div#mini_player_next {
+.mini-player.control-container div#mini_player_next {
   cursor: pointer;
   height: 24px;
   width: 24px;
   margin: 8px 12px 0 12px;
   background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg") no-repeat;
 }
-
-.mini-player.control-container
-div#mini_player_next:hover {
-  opacity: .5;
+.mini-player.control-container div#mini_player_next:hover {
+  opacity: 0.5;
 }
-
-.mini-player.control-container
-div.amplitude-play-pause {
+.mini-player.control-container div.amplitude-play-pause {
   cursor: pointer;
   height: 24px;
   width: 24px;
   margin-top: 2px;
 }
-
-.mini-player.control-container
-div.amplitude-play-pause:hover {
+.mini-player.control-container div.amplitude-play-pause:hover {
   opacity: 0.5;
 }
-
-.mini-player.control-container
-div.amplitude-play-pause.amplitude-paused {
+.mini-player.control-container div.amplitude-play-pause.amplitude-paused {
   background-size: cover;
   background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg") no-repeat;
 }
-.mini-player.control-container
-div.amplitude-play-pause.amplitude-playing {
+.mini-player.control-container div.amplitude-play-pause.amplitude-playing {
   background-size: cover;
   background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg") no-repeat;
 }
-
+.mini-player.volume-container {
+  padding-top: 10px;
+  margin-left: 25px;
+  padding-bottom: 36px;
+  width: calc(100% - 43px);
+}
 input[type=range].mini-player.amplitude-volume-slider {
-  margin-top: -14px;
-  margin-left: 24px;
+  margin-top: -10px;
+  margin-left: 28px;
   width: 90%;
 }
 
+
 /* 3. Layout
-# --------------------------------------------------------- */
+# ------------------------------------------------------------------------------ */
+
+/*
+Bootstrap (BS) grid breakpoints
+  SN:     576px           Mobile
+  MD:     768px           Small Desktop|Tablet
+  LG:     992px           Desktop
+  XL:     1200px          Large Desktop
+  XXL:    1400px          X Large Desktop
+ */
+
+ /* max-width: -webkit-fill-available;  Chrome, Safari, Edge */
+ /* max-width: -moz-available;          Firefox              */
+
 
-/* Small only
+/* BS SM (Mobile)
 # --------------------------------------------------------- */
-@media screen and (max-width: 39.9375em) {
 
-  /* jadams, workaround to limit player width on smart phones */
+@media screen and (max-width: 576px) {
   .mini-player-container {
-    max-width: 390px;
-  }
-
-  .mini-player {
-    max-width: -webkit-fill-available; /* Chrome, Safari, Edge */
-    max-width: -moz-available; /* Firefox */
+    max-width: -webkit-fill-available;
+    max-width: -moz-available;
   }
 
   .mini-player.volume-container {
+    appearance: none;
     padding-top: 20px;
   }
 
-  input[type=range].mini-player.amplitude-volume-slider {
-      margin-top: -11px;
+  /* input[type=range].mini-player.amplitude-volume-slider {
+    margin-top: -11px;
+  } */
+ 
+  input[type="range"].mini-player.amplitude-volume-slider::-webkit-slider-thumb {
+    width: 30px;
+    height: 30px;
+    border-radius: 30px;
+    margin-top: -15px;    
+    background-color: var(--ajs-theme-uno--blue-500);
+  }
+
+  input[type="range"].mini-player.amplitude-volume-slider::-moz-slider-thumb {
+    width: 30px;
+    height: 30px;
+    border-radius: 30px;
+    margin-top: -15px;    
+    background-color: var(--ajs-theme-uno--blue-500);
   }
+
 }
 
+
 /* 4. Pages
-# --------------------------------------------------------- */
+# ------------------------------------------------------------------------------ */
 
 /* 5. Themes
-# --------------------------------------------------------- */
+# ------------------------------------------------------------------------------ */
 
 /* 6. Utils
-# --------------------------------------------------------- */
+# ------------------------------------------------------------------------------ */
 
 /* 7. Vendors
-# --------------------------------------------------------- */
+# ------------------------------------------------------------------------------ */
 
 /* 8. Animations
-# --------------------------------------------------------- */
+# ------------------------------------------------------------------------------ */

data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.min.css

@@ -13,4 +13,5 @@
  # -----------------------------------------------------------------------------
 */
 
-.mini-player{-webkit-font-smoothing:antialiased}.mini-player-container{width:475px;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--black)}.mini-player.control-container.meta-container{text-align:center;margin-left:90px;color:var(--ajs-theme-uno--white)}.mini-player.meta-container{display:block;margin-top:8px;margin-bottom:8px}.mini-player.control-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.mini-player.volume-container{padding-top:10px;margin-left:25px;padding-bottom:20px;width:calc(100% - 43px)}.mini-player.control-container div#mini_player_previous{cursor:pointer;height:24px;width:24px;margin-top:8px;margin-right:12px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg") no-repeat}.mini-player.control-container div#mini_player_previous:hover{opacity:.5}.mini-player.control-container div#mini_player_next{cursor:pointer;height:24px;width:24px;margin:8px 12px 0 12px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg") no-repeat}.mini-player.control-container div#mini_player_next:hover{opacity:.5}.mini-player.control-container div.amplitude-play-pause{cursor:pointer;height:24px;width:24px;margin-top:2px}.mini-player.control-container div.amplitude-play-pause:hover{opacity:.5}.mini-player.control-container div.amplitude-play-pause.amplitude-paused{background-size:cover;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg") no-repeat}.mini-player.control-container div.amplitude-play-pause.amplitude-playing{background-size:cover;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg") no-repeat}input[type=range].mini-player.amplitude-volume-slider{margin-top:-14px;margin-left:24px;width:90%}@media screen and (max-width:39.9375em){.mini-player-container{max-width:390px}.mini-player{max-width:-webkit-fill-available;max-width:-moz-available}.mini-player.volume-container{padding-top:20px}input[type=range].mini-player.amplitude-volume-slider{margin-top:-11px}}
+.mini-player{-webkit-font-smoothing:antialiased}.mini-player-container{width:500px;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--black)}.mini-player.control-container.meta-container{text-align:center;margin-left:90px;color:var(--ajs-theme-uno--white)}.mini-player.meta-container{display:block;margin-top:8px;margin-bottom:8px}.mini-player.control-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.mini-player.control-container div#mini_player_previous{cursor:pointer;height:24px;width:24px;margin-top:8px;margin-right:12px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg") no-repeat}.mini-player.control-container div#mini_player_previous:hover{opacity:.5}.mini-player.control-container div#mini_player_next{cursor:pointer;height:24px;width:24px;margin:8px 12px 0 12px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg") no-repeat}.mini-player.control-container div#mini_player_next:hover{opacity:.5}.mini-player.control-container div.amplitude-play-pause{cursor:pointer;height:24px;width:24px;margin-top:2px}.mini-player.control-container div.amplitude-play-pause:hover{opacity:.5}.mini-player.control-container div.amplitude-play-pause.amplitude-paused{background-size:cover;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg") no-repeat}.mini-player.control-container div.amplitude-play-pause.amplitude-playing{background-size:cover;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg") no-repeat}.mini-player.volume-container{padding-top:10px;margin-left:25px;padding-bottom:36px;width:calc(100% - 43px)}input[type=range].mini-player.amplitude-volume-slider{margin-top:-10px;margin-left:28px;width:90%}@media screen and (max-width:576px){.mini-player-container{max-width:-webkit-fill-available;max-width:-moz-available}.mini-player.volume-container{appearance:none;padding-top:20px}input[type="range"].mini-player.amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}input[type="range"].mini-player.amplitude-volume-slider::-moz-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}}
+