j1-template 2024.3.20 → 2024.3.22

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

@@ -13,4 +13,4 @@
  # -----------------------------------------------------------------------------
 */
 
-.compact-player{width:500px;height:auto;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}.compact-player-container{position:relative;max-width:max-content;overflow-y:clip}.meta-container.compact-player{height:120px;border:0}.player-top{position:relative}.player-top img[data-amplitude-song-info="cover_art_url"]{width:498px;height:auto;object-fit:cover}.compact-player-header{position:relative;padding:15px;cursor:pointer;text-align:center;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--dark-silver)}.compact-player-header-arrows{position:absolute;top:23px;left:15px}.compact-player-play-pause{display:inline-block;user-select:none;width:60px;height:60px;cursor:pointer;vertical-align:middle}.compact-player-play-pause:hover{opacity:.5}.compact-player-play-pause:focus:not(:focus-visible){outline:0}div.compact-player-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}div.compact-player-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}div#compact_player_control_container{margin-top:20px;margin-bottom:20px}div#compact_player_control_container:after{content:"";display:table;clear:both}div#compact_player_control_container div.volume-container{float:left;width:88%;margin-top:20px;margin-left:12px}div#compact_player_control_container div.volume-container:after{content:"";display:table;clear:both}div#compact_player_control_container div.volume-container div.volume-controls input[type=range]{width:calc(100% - 45px)}div#compact_player_control_container div.amplitude-mute{float:left;cursor:pointer;width:25px;height:19px;margin-left:50px}div#compact_player_control_container div.amplitude-mute.amplitude-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat}div#compact_player_control_container div.amplitude-mute.amplitude-not-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat}div#compact_player_controls{height:65px}div#compact_player_controls div.compact-player-controls-container{text-align:center}div.compact-player-middle{padding:10px 10px 10px 10px;background-color:var(--ajs-theme-uno--blue-gray-900)}div.compact-player-middle div.compact-player-controls-container{display:block}div.compact-player-middle div.compact-player-controls-container div#compact_player_shuffle{display:inline-block;cursor:pointer;width:24px;height:24px;vertical-align:middle}div.compact-player-middle div.compact-player-controls-container div#compact_player_shuffle:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_shuffle.amplitude-shuffle-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-off.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div#compact_player_shuffle.amplitude-shuffle-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-on.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div.compact-player-previous{display:inline-block;cursor:pointer;vertical-align:middle;width:24px;height:24px;margin-right:20px;margin-left:20px}div.compact-player-middle div.compact-player-controls-container div.compact-player-previous{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/previous.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div.compact-player-previous:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div.compact-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.compact-player-middle div.compact-player-controls-container div.compact-player-skip-backward:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div.compact-player-play-pause{display:inline-block;cursor:pointer;width:60px;height:60px;vertical-align:middle}div.compact-player-middle div.compact-player-controls-container div#compact_player_play_pause:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_play_pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div#compact_player_play_pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div.compact-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.compact-player-middle div.compact-player-controls-container div.compact-player-skip-forward:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div.compact-player-next{display:inline-block;cursor:pointer;height:24px;width:24px;margin-right:25px;margin-left:20px;vertical-align:middle;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/next.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div.compact-player-next:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_repeat{display:inline-block;cursor:pointer;width:24px;height:24px;vertical-align:middle;margin-right:25px}div.compact-player-middle div.large-player-controls-container div#compact_player_repeat:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_repeat.amplitude-repeat-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-off.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div#compact_player_repeat.amplitude-repeat-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-on.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container::after{content:"";display:table;clear:both}div.compact-player-middle div.volume-container img{display:block;float:left}div.compact-player-middle div.volume-container:after{content:"";display:table;clear:both}div.compact-player-middle div.volume-controls div.amplitude-mute.amplitude-not-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat}div.compact-player-middle div.volume-controls div.amplitude-mute.amplitude-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat}div.player-bottom{background-color:var(--ajs-theme-uno--black)}@media screen and (max-width:576px){.compact-player{max-width:-webkit-fill-available;max-width:-moz-available}div.player-top img[data-amplitude-song-info="cover_art_url"]{max-width:-webkit-fill-available;max-width:-moz-available}div.compact-player-playlist{width:calc(100% - 1px)}div.compact-player-volume-container input[type=range].amplitude-volume-slider{appearance:none;width:calc(100% - 100px)}div.compact-player-volume-container input[type=range].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}div.compact-player-volume-container input[type=range].amplitude-volume-slider::-moz-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}}.compact-player-title-list{display:block;height:550px;overflow-y:scroll}.playlist-screen-meta-container{float:left;width:calc(100% - 123px)}div.compact-player-volume-container{margin-top:20px}div.compact-player-playlist{display:none;position:absolute;top:0;right:0;left:0;bottom:0;width:calc(100%+1px);background-color:var(--ajs-theme-uno--black)}div.compact-player-playlist div.compact-player-title-list{height:600px;overflow-y:scroll}div.compact-player-playlist div.compact-player-title-list div.song{padding:15px;cursor:pointer;line-height:20px;background-color:var(--ajs-theme-uno--darker-silver)}div.compact-player-playlist div.compact-player-title-list div.song span.song-number-now-playing{float:left;width:5px;height:20px;margin-top:8px;margin-right:20px}div.compact-player-playlist div.compact-player-title-list div.song span.song-number-now-playing span.number{opacity:.5;font-family:"Lato",sans-serif;font-size:14px;color:var(--ajs-theme-uno--white)}div.compact-player-playlist div.compact-player-title-list div.song span.song-number-now-playing img.now-playing{display:none}div.compact-player-playlist div.compact-player-title-list div.song div.song-meta-container{display:inline-block;width:calc(100% - 120px)}div.compact-player-playlist div.compact-player-title-list div.song div.song-meta-container span.song-name{display:block;width:calc(100% - 40px);margin-left:10px;font-family:"Lato",sans-serif;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue)}div.compact-player-playlist div.playlist-screen-controls div.playlist-screen-meta-container span.amplitude-audio-info{float:right;margin-right:-130px}div.screen-controls-compact-player div.playlist-screen-meta-container span.audio-rating{display:flex;float:right;margin-top:10px;margin-right:-100px}div.compact-player-playlist div.compact-player-title-list div.song div.song-meta-container span.audio-rating{display:flex;float:right;margin-top:-17px;margin-right:-96px}div.compact-player-playlist div.compact-player-title-list div.song div.song-meta-container span.song-artist-album{display:block;margin-left:10px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}div.compact-player-playlist div.compact-player-title-list div.song span.audio-duration{float:right;margin-top:-40px;margin-right:-93px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}div.compact-player-playlist div.compact-player-title-list div.song span.song-duration{display:inline-block;opacity:.5;width:35px;font-family:"Lato",sans-serif;font-size:18px;text-align:center;color:var(--ajs-theme-uno--white)}div.compact-player-playlist div.compact-player-title-list div.song span.audio-info{float:right;margin-top:-24px;margin-right:-110px}.amplitude-audio-info-compact-player{float:right;margin-right:-128px}div.compact-player-playlist div.compact-player-title-list div.song.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}div.compact-player-playlist div.compact-player-title-list div.song.amplitude-active-song-container span.song-number-now-playing img.now-playing{display:inline-block;height:16px;width:16px;margin-top:2px;margin-left:4px}div.compact-player-playlist div.compact-player-title-list div.song.amplitude-active-song-container span.song-number-now-playing span.number{display:none}div.compact-player-playlist div.playlist-screen-controls div.playlist-screen-meta-container{float:left;width:calc(100% - 123px)}div.compact-player-playlist div.playlist-screen-controls div.playlist-screen-meta-container span.song-name{font-family:"Lato",sans-serif;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--white)}div.compact-player-playlist div.playlist-screen-controls div.playlist-screen-meta-container div.song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:15px;line-height:18px;color:var(--ajs-theme-uno--white)}div.compact-player-playlist div.playlist-screen-controls div.list-controls{float:right;margin-top:48px}div.compact-player-playlist 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-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg")}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-previous:hover{opacity:.5}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-play-pause{float:left;cursor:pointer;width:17px;height:24px}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-play-pause:hover{opacity:.5}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-playing{background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg")}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-paused{background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg")}div.compact-player-playlist 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-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg")}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-next:hover{opacity:.5}div.compact-player-volume-container input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 165px);background:transparent}.slide-in-top{-webkit-animation:slide-in-top .5s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:slide-in-top .5s cubic-bezier(0.25,0.46,0.45,0.94) both}@-webkit-keyframes slide-in-top{0{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.slide-out-top{-webkit-animation:slide-out-top .5s cubic-bezier(0.55,0.085,0.68,0.53) both;animation:slide-out-top .5s cubic-bezier(0.55,0.085,0.68,0.53) both}@-webkit-keyframes slide-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}}@keyframes slide-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}}
+.compact-player{width:500px;height:auto;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}.compact-player-container{position:relative;max-width:max-content;overflow-y:clip}.compact-player-middle{padding:10px 10px 10px 10px;background-color:var(--ajs-theme-uno--blue-gray-900)}.player-bottom{background-color:var(--ajs-theme-uno--black)}.player-top{position:relative}.player-top img[data-amplitude-song-info="cover_art_url"]{width:498px;height:auto;object-fit:cover}.compact-player-header{position:relative;padding:15px;cursor:pointer;text-align:center;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--dark-silver)}.compact-player-header-arrows{position:absolute;top:23px;left:15px}.compact-player-shuffle{display:inline-block;user-select:none;cursor:pointer;width:24px;height:24px;vertical-align:middle}.compact-player-shuffle:hover{opacity:.5}.compact-player-previous{display:inline-block;user-select:none;cursor:pointer;vertical-align:middle;width:24px;height:24px;margin-right:20px;margin-left:20px}.compact-player-previous:hover{opacity:.5}.compact-player-skip-backward{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-right:20px;vertical-align:middle}.compact-player-skip-backward:hover{opacity:.5}.compact-player-play-pause{display:inline-block;user-select:none;width:60px;height:60px;cursor:pointer;vertical-align:middle}.compact-player-play-pause:hover{opacity:.5}.compact-player-play-pause:focus:not(:focus-visible){outline:0}.compact-player-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}.compact-player-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}.compact-player-skip-forward{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-left:20px;vertical-align:middle}.compact-player-skip-forward:hover{opacity:.5}.compact-player-next{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-right:25px;margin-left:20px;vertical-align:middle}.compact-player-next:hover{opacity:.5}.compact-player-repeat{display:inline-block;user-select:none;cursor:pointer;width:24px;height:24px;vertical-align:middle;margin-right:25px}.compact-player-repeat:hover{opacity:.5}.compact-player-control-container{margin-top:20px;margin-bottom:10px}.compact-player-control-container:after{content:"";display:table;clear:both}.compact-player-controls-container{text-align:center}.compact-player-controls-container::after{content:"";display:table;clear:both}.volume-container img{display:block;float:left}.volume-container:after{content:"";display:table;clear:both}.compact-player-amplitude-mute{margin-left:28px}.player-bottom{background-color:var(--ajs-theme-uno--black)}@media screen and (max-width:576px){.compact-player{max-width:-webkit-fill-available;max-width:-moz-available}.player-top img[data-amplitude-song-info="cover_art_url"]{max-width:-webkit-fill-available;max-width:-moz-available}.compact-player-playlist{width:calc(100% - 1px)}.compact-player-volume-container input[type=range].amplitude-volume-slider{appearance:none}.compact-player-volume-container input[type=range].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}.compact-player-volume-container input[type=range].amplitude-volume-slider::-moz-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}}.meta-container.compact-player{height:120px;border:0}.playlist-screen-meta-container{float:left;width:calc(100% - 123px)}.compact-player-volume-container{margin-top:20px}.compact-player-volume-container input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 118px);background:transparent}.compact-player-list-controls{width:128px !important;margin-top:50px !important;margin-right:-32px !important}.compact-player-title-list .song{padding:15px;cursor:pointer;line-height:20px;background-color:var(--ajs-theme-uno--darker-silver)}.compact-player-title-list .song-number-now-playing{float:left;width:5px;height:20px;margin-top:14px;margin-right:20px}.compact-player-title-list .song-number-now-playing .number{opacity:.5;font-family:"Lato",sans-serif;font-size:14px;color:var(--ajs-theme-uno--white)}.compact-player-title-list .song-number-now-playing img.now-playing{display:none}.compact-player-title-list .song-meta-container .song-name{display:block;width:calc(100% - 40px);margin-left:38px;font-family:"Lato",sans-serif;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue)}.compact-player-title-list .song-meta-container .audio-rating{display:flex;float:right;margin-top:-38px;margin-right:-3px}.compact-player-title-list .song-meta-container .song-artist-album{display:block;margin-left:38px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}.compact-player-title-list .song-meta-container .audio-duration{float:right;margin-top:-18px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}.amplitude-audio-info-compact-player .audio-rating{display:flex;float:right;margin-top:10px;margin-right:-100px}.screen-controls-compact-player .playlist-screen-meta-container .amplitude-audio-info{float:right;margin-top:-10px;margin-right:-130px}.screen-controls-compact-player .playlist-screen-meta-container .audio-rating{display:flex;float:right;margin-top:0;margin-right:-94px}.compact-player-title-list .song.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}.compact-player-title-list .song.amplitude-active-song-container .song-number-now-playing img.now-playing{display:inline-block;height:16px;width:16px;margin-top:2px;margin-left:4px}.compact-player-title-list .song.amplitude-active-song-container .song-number-now-playing .number{display:none}.compact-player-playlist{display:none;position:absolute;top:0;right:0;left:0;bottom:0;width:calc(100%+1px);background-color:var(--ajs-theme-uno--black)}.playlist-screen-controls .playlist-screen-meta-container{float:left;width:calc(100% - 123px)}.playlist-screen-controls .playlist-screen-meta-container .song-name{display:block;font-family:"Lato",sans-serif;font-size:18px;line-height:24px;white-space:nowrap;text-overflow:ellipsis;color:var(--ajs-theme-uno--white)}.playlist-screen-controls .playlist-screen-meta-container .song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:15px;line-height:18px;color:var(--ajs-theme-uno--white)}.playlist-screen-controls .list-controls{float:right;margin-top:48px}.playlist-screen-controls .list-controls .list-previous{float:left;cursor:pointer;width:15px;height:17px;margin-right:15px;margin-top:4px;background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg")}.playlist-screen-controls .list-controls .list-previous:hover{opacity:.5}.playlist-screen-controls .list-controls .amplitude-play-pause{float:left;cursor:pointer;width:17px;height:24px}.playlist-screen-controls .list-controls .amplitude-play-pause:hover{opacity:.5}.playlist-screen-controls .list-controls .amplitude-play-pause.amplitude-playing{background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg")}.playlist-screen-controls .list-controls .amplitude-play-pause.amplitude-paused{background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg")}.playlist-screen-controls .list-controls .list-next{float:left;cursor:pointer;width:15px;height:17px;margin-left:15px;margin-top:4px;background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg")}.playlist-screen-controls .list-controls .list-next:hover{opacity:.5}.compact-player-volume-container input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 118px);background:transparent}.slide-in-top{-webkit-animation:slide-in-top .5s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:slide-in-top .5s cubic-bezier(0.25,0.46,0.45,0.94) both}@-webkit-keyframes slide-in-top{0{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.slide-out-top{-webkit-animation:slide-out-top .5s cubic-bezier(0.55,0.085,0.68,0.53) both;animation:slide-out-top .5s cubic-bezier(0.55,0.085,0.68,0.53) both}@-webkit-keyframes slide-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}}@keyframes slide-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}}

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

@@ -42,12 +42,7 @@
 .amplitude-shuffle:hover {
   opacity: 0.5;
 }
-.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;
-}
+
 .large-player-previous {
   display: inline-block;
   user-select: none;
@@ -56,7 +51,6 @@
   cursor: pointer;
   vertical-align: middle;
   margin-right: 20px;
-  background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/previous.svg") no-repeat;
 }
 .large-player-previous:hover {
   opacity: 0.5;
@@ -72,7 +66,6 @@
   width: 24px;
   margin-right: 20px;
   vertical-align: middle;
-  background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-backward.svg") no-repeat;
 }
 .large-player-skip-backward:focus:not(:focus-visible) {
   outline: none;
@@ -94,12 +87,14 @@
 .large-player-play-pause:focus:not(:focus-visible) {
   outline: none;
 }
-div.large-player-play-pause.amplitude-paused {
+
+.large-player-play-pause.amplitude-paused {
   background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat;
 }
-div.large-player-play-pause.amplitude-playing {
+.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;
@@ -108,7 +103,6 @@ div.large-player-play-pause.amplitude-playing {
   width: 24px;
   margin-left: 20px;
   vertical-align: middle;
-  background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-forward.svg") no-repeat;
 }
 .large-player-skip-forward:focus:not(:focus-visible) {
   outline: none;
@@ -116,9 +110,7 @@ div.large-player-play-pause.amplitude-playing {
 .large-player-skip-forward:hover {
   opacity: 0.5;
 }
-.large-player-skip-forward.amplitude-playing {
-  background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat;
-}
+
 .large-player-next {
   display: inline-block;
   user-select: none;
@@ -128,7 +120,6 @@ div.large-player-play-pause.amplitude-playing {
   vertical-align: middle;
   margin-right: 25px;
   margin-left: 20px;
-  background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/next.svg") no-repeat;
 }
 .large-player-next:focus:not(:focus-visible) {
   outline: none;
@@ -136,6 +127,7 @@ div.large-player-play-pause.amplitude-playing {
 .large-player-next:hover {
   opacity: 0.5;
 }
+
 .amplitude-repeat {
   display: inline-block;
   user-select: none;
@@ -150,12 +142,7 @@ div.large-player-play-pause.amplitude-playing {
 .amplitude-repeat:hover {
   opacity: 0.5;
 }
-.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;
-}
+
 .large-player-playlist-header {
   cursor: pointer;
   top: 0;
@@ -168,7 +155,6 @@ div.large-player-play-pause.amplitude-playing {
 }
 .large-player-title-list {
   display: block;
-  /* max-height: 600px; */
   max-height: 540px;
   overflow-y: scroll;
 }
@@ -232,6 +218,7 @@ div.large-player-play-pause.amplitude-playing {
   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;
 }
@@ -290,13 +277,21 @@ div.large-player-play-pause.amplitude-playing {
   margin-top: 8px;
   margin-right: 12px;
 }
+
 .audio-duration {
   float: right;
-  /* margin-left: 103px; */
   font-family: "Lato", sans-serif;
   font-size: 16px;
   color: var(--ajs-theme-uno--gray-300);
 }
+
+.audio-rating {
+  float: right;
+  margin-top: 20px;
+  /* margin-right: -43px;   */
+  margin-right: -66px;  
+}
+
 .song-name {
   line-height: 24px;
   white-space: nowrap;
@@ -307,30 +302,42 @@ div.large-player-play-pause.amplitude-playing {
   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;
-  margin-right: -48px;
-}
+/* div.playlist-screen-meta-container .song-artist-album {
+  opacity: 0.5;
+  font-family: "Lato", sans-serif;
+  font-size: 16px;
+  line-height: 18px;
+  color: var(--ajs-theme-uno--white);
+} */
 
-div.playlist-screen-meta-container .song-artist-album {
+.screen-controls-large-player
+.playlist-screen-meta-container
+.song-artist-album {
   opacity: 0.5;
   font-family: "Lato", sans-serif;
   font-size: 16px;
   line-height: 18px;
   color: var(--ajs-theme-uno--white);
 }
+
+.screen-controls-large-player
+.playlist-screen-meta-container
 .audio-rating {
-  float: left;
-  padding-left: 65px;
+  display: flex;
+  float: right;
+  margin-top: 0px;
+  margin-right: -94px;
 }
-.amplitude-audio-info {
+
+.screen-controls-large-player
+.playlist-screen-meta-container
+.amplitude-audio-info {  
   float: right;
-  margin-right: -80px;
+  margin-top: -10px;
+  margin-right: -126px;
 }
+
+
 div.playlist-screen-controls div.list-controls {
   float: right;
   width: 90px;
@@ -383,7 +390,7 @@ input[type=range].amplitude-volume-slider {
     height: 1px;
     margin-top: 10px;
     margin-left: 5px;
-    width: calc(100% - 165px);
+    width: calc(100% - 86px);
     background: transparent;
 }  
 
@@ -405,7 +412,8 @@ Bootstrap (BS) grid breakpoints
 
 /* BS LG (Desktop)
 # --------------------------------------------------------- */
-@media (orientation: portrait) and (max-width: 992px) {
+/* @media (orientation: portrait) and (max-width: 992px) { */
+@media (orientation: portrait) and (max-width: 1024px) {
   .large-player-left {
     width: 35vw;
   }
@@ -413,13 +421,15 @@ Bootstrap (BS) grid breakpoints
     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;
@@ -434,6 +444,9 @@ Bootstrap (BS) grid breakpoints
   .large-player-left {
     width: 35vw;
   }
+  .playlist-screen-controls {
+    display: none;
+  }
   .large-player-left-top img {
     width: 45vw;
     object-fit: cover;
@@ -442,14 +455,20 @@ Bootstrap (BS) grid breakpoints
 
 /* BS LG (Desktop)
 # --------------------------------------------------------- */
-@media (orientation: landscape) and (max-width: 992px) {
-  .large-player-left {
+/* @media (orientation: landscape) and (max-width: 992px) { */
+@media (orientation: landscape) and (max-width: 1024px) {
+  
+  /* .large-player-left {
     width: 35vw;
-  }
-  .large-player-left-top img {
+  } */
+  /* .large-player-left-top img {
     width: 95vw;
     object-fit: cover;
-  }
+  } */
+
+  .playlist-screen-controls {
+    display: none;
+  }  
 }
 
 /* BS MD (Desktop)
@@ -462,6 +481,9 @@ Bootstrap (BS) grid breakpoints
     width: 95vw;
     object-fit: cover;
   }
+  .playlist-screen-controls {
+    display: none;
+  }  
 }
 
 /* BS SM (Mobile)
@@ -510,8 +532,10 @@ Bootstrap (BS) grid breakpoints
     border-left: 1px solid;
     border-color: var(--ajs-theme-uno--medium-silver);
   }
-  .amplitude-mute {
-    margin-left: 14px;
+
+  div.large-player-volume-container
+  .large-player-amplitude-mute {
+    margin-left: 4px;
   }
 
   div.large-player-volume-container

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

@@ -13,4 +13,4 @@
  # -----------------------------------------------------------------------------
 */
 
-.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}.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}.large-player-previous{display:inline-block;user-select:none;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}.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;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-backward.svg") no-repeat}.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}div.large-player-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}div.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;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-forward.svg") no-repeat}.large-player-skip-forward:focus:not(:focus-visible){outline:0}.large-player-skip-forward:hover{opacity:.5}.large-player-skip-forward.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}.large-player-next{display:inline-block;user-select:none;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}.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}.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}.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;margin-right:-48px}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% - 165px);background:transparent}@media(orientation:portrait) and (max-width:992px){.large-player-left{width:35vw}.large-player-left-top img{width:45vw;object-fit:cover}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}.large-player-left-top img{width:45vw;object-fit:cover}}@media(orientation:landscape) and (max-width:992px){.large-player-left{width:35vw}.large-player-left-top img{width:95vw;object-fit:cover}}@media(orientation:landscape) and (max-width:768px){.large-player-left{width:35vw}.large-player-left-top img{width:95vw;object-fit:cover}}@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)}.amplitude-mute{margin-left:14px}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)}}
+.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)}.audio-rating{float:right;margin-top:20px;margin-right:-66px}.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)}.screen-controls-large-player .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)}.screen-controls-large-player .playlist-screen-meta-container .audio-rating{display:flex;float:right;margin-top:0;margin-right:-94px}.screen-controls-large-player .playlist-screen-meta-container .amplitude-audio-info{float:right;margin-top:-10px;margin-right:-126px}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

@@ -13,15 +13,24 @@
  # -----------------------------------------------------------------------------
 */
 
+/* 1. Base
+# ------------------------------------------------------------------------------ */
+
 .mini-player {
   -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;
@@ -79,26 +88,80 @@
 .mini-player.volume-container {
   padding-top: 10px;
   margin-left: 25px;
-  padding-bottom: 20px;
+  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%;
 }
-@media screen and (max-width: 39.9375em) {
+
+
+/* 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              */
+
+
+/* BS SM (Mobile)
+# --------------------------------------------------------- */
+
+@media screen and (max-width: 576px) {
   .mini-player-container {
-    max-width: 390px;
-  }
-  .mini-player {
     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 {
+
+  /* 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.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:20px;width:calc(100% - 43px)}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)}}
+