/* # ----------------------------------------------------------------------------- # ~/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css # AmplitudeJS v5.3.2 Compact Player for J1 Template # # Product/Info: # https://jekyll.one # # Copyright (C) 2023, 2024 Juergen Adams # # J1 Template is licensed under the MIT License. # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE # ----------------------------------------------------------------------------- */ .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}div.player-top{position:relative}div.player-top img[data-amplitude-song-info="cover_art_url"]{width:498px;height:auto;object-fit:cover}div.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-header-arrows.arrow-down{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/up.svg") no-repeat}.compact-player-header-arrows.arrow-up{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/down.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:6px}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}input[type=range].amplitude-volume-slider{width:calc(100% - 100px)}div.compact-player-playlist{width:calc(100% - 1px)}}.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:12px}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.compact-player-title-list div.song div.song-meta-container span.audio-rating{display:flex;align-items:center;float:right;font-size:18px;margin-top:-24px;margin-right:-20px;color:var(--ajs-theme-uno--gray-400)}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:-46px;margin-right:-108px;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}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}.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}}