j1-template 2024.3.18 → 2024.3.20

data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css

@@ -13,114 +13,87 @@
  # -----------------------------------------------------------------------------
 */
 
-/* 1. Base
-# --------------------------------------------------------- */
-
-/* Colors
-# --------------------------------------------------------- */
 :root {
-
-  /* Base colors
-  # ------------------------------------------------------- */
-  --ajs-theme-uno--blue:                #2196F3;
-  --ajs-theme-uno--blue-50:             #E3F2FD;
-  --ajs-theme-uno--blue-100:            #BBDEFB;
-  --ajs-theme-uno--blue-200:            #90CAF9;
-  --ajs-theme-uno--blue-300:            #64B5F6;
-  --ajs-theme-uno--blue-400:            #42A5F5;
-  --ajs-theme-uno--blue-500:            #2196F3;
-  --ajs-theme-uno--blue-600:            #1E88E5;
-  --ajs-theme-uno--blue-700:            #1976D2;
-  --ajs-theme-uno--blue-800:            #1565C0;
-  --ajs-theme-uno--blue-900:            #0D47A1;
-
-  --ajs-theme-uno--gray:                #9E9E9E;
-  --ajs-theme-uno--gray-50:             #FAFAFA;
-  --ajs-theme-uno--gray-100:            #F5F5F5;
-  --ajs-theme-uno--gray-200:            #EEEEEE;
-  --ajs-theme-uno--gray-300:            #E0E0E0;
-  --ajs-theme-uno--gray-400:            #BDBDBD;
-  --ajs-theme-uno--gray-500:            #9E9E9E;
-  --ajs-theme-uno--gray-600:            #757575;
-  --ajs-theme-uno--gray-700:            #616161;
-  --ajs-theme-uno--gray-800:            #424242;
-  --ajs-theme-uno--gray-900:            #212121;
-
-  --ajs-theme-uno--blue-gray:           #607D8B;
-  --ajs-theme-uno--blue-gray-50:        #ECEFF1;
-  --ajs-theme-uno--blue-gray-100:       #CFD8DC;
-  --ajs-theme-uno--blue-gray-200:       #B0BEC5;
-  --ajs-theme-uno--blue-gray-300:       #90A4AE;
-  --ajs-theme-uno--blue-gray-400:       #78909C;
-  --ajs-theme-uno--blue-gray-500:       #607D8B;
-  --ajs-theme-uno--blue-gray-600:       #546E7A;
-  --ajs-theme-uno--blue-gray-700:       #455A64;
-  --ajs-theme-uno--blue-gray-800:       #37474F;
-  --ajs-theme-uno--blue-gray-900:       #263238;
-
-  --ajs-theme-uno--silver-200:          #748295;
-  --ajs-theme-uno--silver-500:          #586372;
-  --ajs-theme-uno--silver-700:          #141920;
-  --ajs-theme-uno--silver-800:          #242b33;
-
-  --ajs-theme-uno--light-silver:        #748295;
-  --ajs-theme-uno--medium-silver:       #586372;
-  --ajs-theme-uno--dark-silver:         #141920;
-  --ajs-theme-uno--darker-silver:       #242b33;
-
-  --ajs-theme-uno--white:               #FFFFFF;
-  --ajs-theme-uno--black:               #000000;
-
-  /* Additional colors
-  # ------------------------------------------------------- */
-  --ajs-theme-uno--lighten-50:          rgba(255, 255, 255, 0.05);
-  --ajs-theme-uno--lighten-100:         rgba(255, 255, 255, 0.1);
-  --ajs-theme-uno--lighten-200:         rgba(255, 255, 255, 0.2);
-  --ajs-theme-uno--lighten-300:         rgba(255, 255, 255, 0.3);
-  --ajs-theme-uno--lighten-400:         rgba(255, 255, 255, 0.4);
-  --ajs-theme-uno--lighten-500:         rgba(255, 255, 255, 0.5);
-  --ajs-theme-uno--lighten-600:         rgba(255, 255, 255, 0.6);
-  --ajs-theme-uno--lighten-700:         rgba(255, 255, 255, 0.7);
-  --ajs-theme-uno--lighten-800:         rgba(255, 255, 255, 0.8);
-  --ajs-theme-uno--lighten-900:         rgba(255, 255, 255, 0.9);
-  --ajs-theme-uno--lighten:             rgba(255, 255, 255, 0.5);
-  
-  --ajs-theme-uno--darken-50:           rgba(0, 0, 0, 0.05);
-  --ajs-theme-uno--darken-100:          rgba(0, 0, 0, 0.1);
-  --ajs-theme-uno--darken-200:          rgba(0, 0, 0, 0.2);
-  --ajs-theme-uno--darken-300:          rgba(0, 0, 0, 0.3);
-  --ajs-theme-uno--darken-400:          rgba(0, 0, 0, 0.4);
-  --ajs-theme-uno--darken-500:          rgba(0, 0, 0, 0.5);
-  --ajs-theme-uno--darken-600:          rgba(0, 0, 0, 0.6);
-  --ajs-theme-uno--darken-700:          rgba(0, 0, 0, 0.7);
-  --ajs-theme-uno--darken-800:          rgba(0, 0, 0, 0.8);
-  --ajs-theme-uno--darken-900:          rgba(0, 0, 0, 0.9);
-  --ajs-theme-uno--darken:              rgba(0, 0, 0, 0.5);
+  --ajs-theme-uno--blue: #2196F3;
+  --ajs-theme-uno--blue-50: #E3F2FD;
+  --ajs-theme-uno--blue-100: #BBDEFB;
+  --ajs-theme-uno--blue-200: #90CAF9;
+  --ajs-theme-uno--blue-300: #64B5F6;
+  --ajs-theme-uno--blue-400: #42A5F5;
+  --ajs-theme-uno--blue-500: #2196F3;
+  --ajs-theme-uno--blue-600: #1E88E5;
+  --ajs-theme-uno--blue-700: #1976D2;
+  --ajs-theme-uno--blue-800: #1565C0;
+  --ajs-theme-uno--blue-900: #0D47A1;
+  --ajs-theme-uno--gray: #9E9E9E;
+  --ajs-theme-uno--gray-50: #FAFAFA;
+  --ajs-theme-uno--gray-100: #F5F5F5;
+  --ajs-theme-uno--gray-200: #EEEEEE;
+  --ajs-theme-uno--gray-300: #E0E0E0;
+  --ajs-theme-uno--gray-400: #BDBDBD;
+  --ajs-theme-uno--gray-500: #9E9E9E;
+  --ajs-theme-uno--gray-600: #757575;
+  --ajs-theme-uno--gray-700: #616161;
+  --ajs-theme-uno--gray-800: #424242;
+  --ajs-theme-uno--gray-900: #212121;
+  --ajs-theme-uno--blue-gray: #607D8B;
+  --ajs-theme-uno--blue-gray-50: #ECEFF1;
+  --ajs-theme-uno--blue-gray-100: #CFD8DC;
+  --ajs-theme-uno--blue-gray-200: #B0BEC5;
+  --ajs-theme-uno--blue-gray-300: #90A4AE;
+  --ajs-theme-uno--blue-gray-400: #78909C;
+  --ajs-theme-uno--blue-gray-500: #607D8B;
+  --ajs-theme-uno--blue-gray-600: #546E7A;
+  --ajs-theme-uno--blue-gray-700: #455A64;
+  --ajs-theme-uno--blue-gray-800: #37474F;
+  --ajs-theme-uno--blue-gray-900: #263238;
+  --ajs-theme-uno--silver-200: #748295;
+  --ajs-theme-uno--silver-500: #586372;
+  --ajs-theme-uno--silver-700: #141920;
+  --ajs-theme-uno--silver-800: #242b33;
+  --ajs-theme-uno--light-silver: #748295;
+  --ajs-theme-uno--medium-silver: #586372;
+  --ajs-theme-uno--dark-silver: #141920;
+  --ajs-theme-uno--darker-silver: #242b33;
+  --ajs-theme-uno--white: #FFFFFF;
+  --ajs-theme-uno--black: #000000;
+  --ajs-theme-uno--lighten-50: rgba(255, 255, 255, 0.05);
+  --ajs-theme-uno--lighten-100: rgba(255, 255, 255, 0.1);
+  --ajs-theme-uno--lighten-200: rgba(255, 255, 255, 0.2);
+  --ajs-theme-uno--lighten-300: rgba(255, 255, 255, 0.3);
+  --ajs-theme-uno--lighten-400: rgba(255, 255, 255, 0.4);
+  --ajs-theme-uno--lighten-500: rgba(255, 255, 255, 0.5);
+  --ajs-theme-uno--lighten-600: rgba(255, 255, 255, 0.6);
+  --ajs-theme-uno--lighten-700: rgba(255, 255, 255, 0.7);
+  --ajs-theme-uno--lighten-800: rgba(255, 255, 255, 0.8);
+  --ajs-theme-uno--lighten-900: rgba(255, 255, 255, 0.9);
+  --ajs-theme-uno--lighten: rgba(255, 255, 255, 0.5);
+  --ajs-theme-uno--darken-50: rgba(0, 0, 0, 0.05);
+  --ajs-theme-uno--darken-100: rgba(0, 0, 0, 0.1);
+  --ajs-theme-uno--darken-200: rgba(0, 0, 0, 0.2);
+  --ajs-theme-uno--darken-300: rgba(0, 0, 0, 0.3);
+  --ajs-theme-uno--darken-400: rgba(0, 0, 0, 0.4);
+  --ajs-theme-uno--darken-500: rgba(0, 0, 0, 0.5);
+  --ajs-theme-uno--darken-600: rgba(0, 0, 0, 0.6);
+  --ajs-theme-uno--darken-700: rgba(0, 0, 0, 0.7);
+  --ajs-theme-uno--darken-800: rgba(0, 0, 0, 0.8);
+  --ajs-theme-uno--darken-900: rgba(0, 0, 0, 0.9);
+  --ajs-theme-uno--darken: rgba(0, 0, 0, 0.5);
 }
 
-/* General styles
-# ------------------------------------------------------------------------------ */
-
 a {
   border-bottom: unset;
 }
-
 .album-cover-image {
   display: block;
-  /* max-height: 500px; */
-  /* max-width: 500px; */
-  /* object-fit: cover; */
 }
-
 .amplitude-player {
   max-width: max-content;
 }
-
 .audio-player-theme-uno {
   max-width: max-content;
 }
-
-.player-title {
+.amplitude-title {
   display: flex;
   align-items: center;
   text-rendering: optimizeLegibility;
@@ -128,62 +101,55 @@ a {
   line-height: 1.25;
   font-size: 1.125rem;
   font-weight: 500;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
+}
+.amplitude-mute {
+  float: left;
+  cursor: pointer;
+  width: 25px;
+  height: 19px;
+  margin-left: 40px;
+}
+.amplitude-mute.amplitude-muted {
+  background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat;
+}
+.amplitude-mute.amplitude-not-muted {
+  background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat;
+}
+.title-number {
+  display: inline-flex;
+  opacity: 0.5;
+  font-family: "Lato", sans-serif;
+  font-size: 16px;
+  color: var(--ajs-theme-uno--gray-200);
 }
-
-
-/* 2. Components
-# ------------------------------------------------------------------------------ */
-
-/* Scroller styles
------------------------------------------------------------- */
 .amplitude-scroller::-webkit-scrollbar {
-	width: 10px;
-	background-color: var(--ajs-theme-uno--gray-100);
+  width: 10px;
+  background-color: var(--ajs-theme-uno--gray-100);
 }
-
 .amplitude-scroller::-webkit-scrollbar-track {
   border-radius: 0px;
-	-webkit-box-shadow: inset 0 0 6px var(--ajs-theme-uno--darken-300);
-	background-color: var(--ajs-theme-uno--gray-100);
+  -webkit-box-shadow: inset 0 0 6px var(--ajs-theme-uno--darken-300);
+  background-color: var(--ajs-theme-uno--gray-100);
 }
-
 .amplitude-scroller::-webkit-scrollbar-thumb {
   border-radius: 0px;
-	background-color: var(--ajs-theme-uno--blue-gray-500);
-	background-image: -webkit-gradient(
-    linear,
-    0 0, 0 100%,
-		color-stop(.5, var(--ajs-theme-uno--lighten-200)),
-		color-stop(.5, transparent), to(transparent)
-  );
+  background-color: var(--ajs-theme-uno--blue-gray-500);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, var(--ajs-theme-uno--lighten-200)), color-stop(0.5, transparent), to(transparent));
 }
-
 .amplitude-scroller-gradient::-webkit-scrollbar {
-	width: 10px;
-	background-color: var(--ajs-theme-uno--gray-100);
+  width: 10px;
+  background-color: var(--ajs-theme-uno--gray-100);
 }
-
 .amplitude-scroller-gradient::-webkit-scrollbar-track {
   border-radius: 0px;
-	-webkit-box-shadow: inset 0 0 6px var(--ajs-theme-uno--darken-300);
-	background-color: var(--ajs-theme-uno--gray-100);
+  -webkit-box-shadow: inset 0 0 6px var(--ajs-theme-uno--darken-300);
+  background-color: var(--ajs-theme-uno--gray-100);
 }
-
 .amplitude-scroller-gradient::-webkit-scrollbar-thumb {
-	border-radius: 0px;
-	background-image: -webkit-gradient(
-    linear,
-		left bottom,
-		left top,
-		color-stop(0.44, var(--ajs-theme-uno--blue-300)),
-		color-stop(0.72, var(--ajs-theme-uno--blue)),
-		color-stop(0.86, var(--ajs-theme-uno--blue-900))
-  )
+  border-radius: 0px;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, var(--ajs-theme-uno--blue-300)), color-stop(0.72, var(--ajs-theme-uno--blue)), color-stop(0.86, var(--ajs-theme-uno--blue-900)));
 }
-
-/* time container
-# --------------------------------------------------------- */
 .time-container {
   height: 40px;
   padding: 10px 20px 10px 20px;
@@ -192,28 +158,12 @@ a {
   font-size: 14px;
   color: var(--ajs-theme-uno--white);
 }
-
 .time-container span.current-time {
   float: left;
 }
-
 .time-container span.duration {
   float: right;
 }
-
-/* control container
-# --------------------------------------------------------- */
-
-/* jadams, 2024-12-05: add play_pause button as a class */
-/* .amplitude-play-pause:hover {
-  opacity: .5;
-} */
-
-/* jadams, 2024-12-05: add play_pause button as a class */
-/* .amplitude-play-pause {
-  background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat;
-} */
-
 .playlist-screen-controls {
   cursor: default;
   top: 0;
@@ -226,14 +176,10 @@ a {
   color: var(--ajs-theme-uno--white);
   background-color: var(--ajs-theme-uno--black);
 }
-
-/* meta (data) container
-# --------------------------------------------------------- */
 .meta-container {
   text-align: center;
   border-top: 0px !important;
 }
-
 .meta-container .song-name {
   display: block;
   margin: 0 15px 8px 15px;
@@ -244,7 +190,6 @@ a {
   text-overflow: ellipsis;
   color: var(--ajs-theme-uno--gray-100);
 }
-
 .meta-container .audio-artist-album {
   font-size: 18px;
   font-weight: bold;
@@ -254,40 +199,23 @@ a {
   text-overflow: ellipsis;
   color: var(--ajs-theme-uno--blue-gray-300);
 }
-
 .meta-container .audio-artist-album span {
   display: block;
 }
 
-
-/* input elements (range slider)
-# --------------------------------------------------------- */
 input[type=range].amplitude-volume-slider {
-  -webkit-appearance: none; /* Disable default style for Chrome, Safari, Edge */
-  -moz-appearance: none;    /* Disable default style for Firefox */
   float: left;
   height: 1px;
   margin-top: 10px;
   margin-left: 5px;
-  /* width: calc(100% - 100px); */  
-  width: calc(100% - 140px);
+  width: calc(100% - 144px);
   background: transparent;
 }
-
-input[type=range].amplitude-volume-slider.compact-player-volume-slider {
-  width: calc(100% - 53px);
-  margin-top: -12px;
-  margin-left: 29px;
-}
-
-/* track|thumb
-# --------------------------------------------------------- */
 input[type=range].amplitude-volume-slider::-webkit-slider-runnable-track {
   width: 100%;
   height: 1px;
   background: var(--ajs-theme-uno--blue-gray-100);
 }
-
 input[type=range].amplitude-volume-slider::-webkit-slider-thumb {
   -webkit-appearance: none;
   cursor: pointer;
@@ -298,21 +226,17 @@ input[type=range].amplitude-volume-slider::-webkit-slider-thumb {
   border: none;
   background-color: var(--ajs-theme-uno--blue);
 }
-
 input[type=range].amplitude-volume-slider::-webkit-slider-thumb:focus {
   outline: none;
 }
-
 input[type=range].amplitude-volume-slider::-webkit-slider-thumb:hover {
   background-color: var(--ajs-theme-uno--blue-700);
 }
-
 input[type=range].amplitude-volume-slider::-moz-range-track {
   width: 100%;
   height: 1px;
   background-color: var(--ajs-theme-uno--blue-gray-100);
 }
-
 input[type=range].amplitude-volume-slider::-moz-range-thumb {
   cursor: pointer;
   width: 16px;
@@ -322,61 +246,61 @@ input[type=range].amplitude-volume-slider::-moz-range-thumb {
   border: none;
   background-color: var(--ajs-theme-uno--blue);
 }
-
 input[type=range].amplitude-volume-slider::-moz-range-thumb:focus {
   outline: none;
 }
-
 input[type=range].amplitude-volume-slider::-moz-range-thumb:hover {
   background-color: var(--ajs-theme-uno--blue-700);
 }
+input[type=range].amplitude-volume-slider.compact-player-volume-slider {
+  width: calc(100% - 53px);
+  margin-top: -12px;
+  margin-left: 29px;
+}
 
-/* progress bars
-# --------------------------------------------------------- */
-progress.mini-player-progress,
-progress.compact-player-progress,
+progress.mini-player-progress {
+  display: block;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  cursor: pointer;
+  width: 100%;
+  height: 12px;
+  border: none;
+  background-color: var(--ajs-theme-uno--silver-500);
+}
+progress.compact-player-progress {
+  display: block;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  cursor: pointer;
+  width: 100%;
+  height: 12px;
+  border: none;
+  background-color: var(--ajs-theme-uno--silver-500);
+}
 progress.large-player-progress {
   display: block;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   cursor: pointer;
   width: 100%;
-  height: 8px;
+  height: 12px;
   border: none;
   background-color: var(--ajs-theme-uno--silver-500);
-  -webkit-appearance: none; /* Disable default style for Chrome, Safari, Edge */
-  -moz-appearance: none; /* Disable default style for Firefox */
 }
-
 progress::-webkit-progress-value {
   background-color: var(--ajs-theme-uno--blue);
 }
-
 progress::-moz-progress-bar {
   background-color: var(--ajs-theme-uno--blue);
 }
-
 progress::-ms-fill {
   background-color: var(--ajs-theme-uno--blue);
 }
 
-
-/* 3. Layout
-# ------------------------------------------------------------------------------ */
-
-/*
-Bootstrap grid breakpoints
-  SN:     576px           Mobile
-  MD:     768px           Small Desktop|Tablet
-  LG:     992px           Default 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) {
 
   input[type=range].amplitude-volume-slider::-webkit-slider-thumb {
@@ -385,21 +309,26 @@ Bootstrap grid breakpoints
     border-radius: 30px;
     margin-top: -15px;
   }
-
   input[type=range].amplitude-volume-slider::-moz-range-thumb {
     width: 30px;
     height: 30px;
     margin-top: -15px;
     border-radius: 30px;
   }
-
-  progress.mini-player-progress,
-  progress.compact-player-progress,
+ 
+  progress.mini-player-progress {
+    height: 16px;
+  }
+  progress.compact-player-progress {
+    height: 16px;
+  }
   progress.large-player-progress {
     height: 16px;
   }
 
-  .meta-container .song-name,
+  .meta-container .song-name {
+    font-size: 16px;
+  }
   .meta-container .audio-artist-album {
     font-size: 16px;
   }

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

@@ -13,4 +13,4 @@
  # -----------------------------------------------------------------------------
 */
 
-:root{--ajs-theme-uno--blue:#2196f3;--ajs-theme-uno--blue-50:#e3f2fd;--ajs-theme-uno--blue-100:#bbdefb;--ajs-theme-uno--blue-200:#90caf9;--ajs-theme-uno--blue-300:#64b5f6;--ajs-theme-uno--blue-400:#42a5f5;--ajs-theme-uno--blue-500:#2196f3;--ajs-theme-uno--blue-600:#1e88e5;--ajs-theme-uno--blue-700:#1976d2;--ajs-theme-uno--blue-800:#1565c0;--ajs-theme-uno--blue-900:#0d47a1;--ajs-theme-uno--gray:#9e9e9e;--ajs-theme-uno--gray-50:#fafafa;--ajs-theme-uno--gray-100:#f5f5f5;--ajs-theme-uno--gray-200:#eee;--ajs-theme-uno--gray-300:#e0e0e0;--ajs-theme-uno--gray-400:#bdbdbd;--ajs-theme-uno--gray-500:#9e9e9e;--ajs-theme-uno--gray-600:#757575;--ajs-theme-uno--gray-700:#616161;--ajs-theme-uno--gray-800:#424242;--ajs-theme-uno--gray-900:#212121;--ajs-theme-uno--blue-gray:#607d8b;--ajs-theme-uno--blue-gray-50:#eceff1;--ajs-theme-uno--blue-gray-100:#cfd8dc;--ajs-theme-uno--blue-gray-200:#b0bec5;--ajs-theme-uno--blue-gray-300:#90a4ae;--ajs-theme-uno--blue-gray-400:#78909c;--ajs-theme-uno--blue-gray-500:#607d8b;--ajs-theme-uno--blue-gray-600:#546e7a;--ajs-theme-uno--blue-gray-700:#455a64;--ajs-theme-uno--blue-gray-800:#37474f;--ajs-theme-uno--blue-gray-900:#263238;--ajs-theme-uno--silver-200:#748295;--ajs-theme-uno--silver-500:#586372;--ajs-theme-uno--silver-700:#141920;--ajs-theme-uno--silver-800:#242b33;--ajs-theme-uno--light-silver:#748295;--ajs-theme-uno--medium-silver:#586372;--ajs-theme-uno--dark-silver:#141920;--ajs-theme-uno--darker-silver:#242b33;--ajs-theme-uno--white:#fff;--ajs-theme-uno--black:#000;--ajs-theme-uno--lighten-50:rgba(255,255,255,0.05);--ajs-theme-uno--lighten-100:rgba(255,255,255,0.1);--ajs-theme-uno--lighten-200:rgba(255,255,255,0.2);--ajs-theme-uno--lighten-300:rgba(255,255,255,0.3);--ajs-theme-uno--lighten-400:rgba(255,255,255,0.4);--ajs-theme-uno--lighten-500:rgba(255,255,255,0.5);--ajs-theme-uno--lighten-600:rgba(255,255,255,0.6);--ajs-theme-uno--lighten-700:rgba(255,255,255,0.7);--ajs-theme-uno--lighten-800:rgba(255,255,255,0.8);--ajs-theme-uno--lighten-900:rgba(255,255,255,0.9);--ajs-theme-uno--lighten:rgba(255,255,255,0.5);--ajs-theme-uno--darken-50:rgba(0,0,0,0.05);--ajs-theme-uno--darken-100:rgba(0,0,0,0.1);--ajs-theme-uno--darken-200:rgba(0,0,0,0.2);--ajs-theme-uno--darken-300:rgba(0,0,0,0.3);--ajs-theme-uno--darken-400:rgba(0,0,0,0.4);--ajs-theme-uno--darken-500:rgba(0,0,0,0.5);--ajs-theme-uno--darken-600:rgba(0,0,0,0.6);--ajs-theme-uno--darken-700:rgba(0,0,0,0.7);--ajs-theme-uno--darken-800:rgba(0,0,0,0.8);--ajs-theme-uno--darken-900:rgba(0,0,0,0.9);--ajs-theme-uno--darken:rgba(0,0,0,0.5)}a{border-bottom:unset}.album-cover-image{display:block}.amplitude-player{max-width:max-content}.audio-player-theme-uno{max-width:max-content}.player-title{display:flex;align-items:center;text-rendering:optimizeLegibility;text-align:left;line-height:1.25;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.amplitude-scroller::-webkit-scrollbar{width:10px;background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller::-webkit-scrollbar-track{border-radius:0;-webkit-box-shadow:inset 0 0 6px var(--ajs-theme-uno--darken-300);background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller::-webkit-scrollbar-thumb{border-radius:0;background-color:var(--ajs-theme-uno--blue-gray-500);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,var(--ajs-theme-uno--lighten-200)),color-stop(.5,transparent),to(transparent))}.amplitude-scroller-gradient::-webkit-scrollbar{width:10px;background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller-gradient::-webkit-scrollbar-track{border-radius:0;-webkit-box-shadow:inset 0 0 6px var(--ajs-theme-uno--darken-300);background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller-gradient::-webkit-scrollbar-thumb{border-radius:0;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.44,var(--ajs-theme-uno--blue-300)),color-stop(0.72,var(--ajs-theme-uno--blue)),color-stop(0.86,var(--ajs-theme-uno--blue-900)))}.time-container{height:40px;padding:10px 20px 10px 20px;font-family:"Lato",sans-serif;font-weight:bold;font-size:14px;color:var(--ajs-theme-uno--white)}.time-container span.current-time{float:left}.time-container span.duration{float:right}.playlist-screen-controls{cursor:default;top:0;position:sticky;height:80px;padding:15px;max-width:-webkit-fill-available;max-width:-moz-available;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--black)}.meta-container{text-align:center;border-top:0 !important}.meta-container .song-name{display:block;margin:0 15px 8px 15px;font-size:18px;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-100)}.meta-container .audio-artist-album{font-size:18px;font-weight:bold;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue-gray-300)}.meta-container .audio-artist-album span{display:block}input[type=range].amplitude-volume-slider{-webkit-appearance:none;-moz-appearance:none;float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 140px);background:transparent}input[type=range].amplitude-volume-slider.compact-player-volume-slider{width:calc(100% - 53px);margin-top:-12px;margin-left:29px}input[type=range].amplitude-volume-slider::-webkit-slider-runnable-track{width:100%;height:1px;background:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;width:16px;height:16px;border-radius:16px;margin-top:-8px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}input[type=range].amplitude-volume-slider::-moz-range-track{width:100%;height:1px;background-color:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-moz-range-thumb{cursor:pointer;width:16px;height:16px;margin-top:-8px;border-radius:16px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-moz-range-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-moz-range-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}progress.mini-player-progress,progress.compact-player-progress,progress.large-player-progress{display:block;cursor:pointer;width:100%;height:8px;border:0;background-color:var(--ajs-theme-uno--silver-500);-webkit-appearance:none;-moz-appearance:none}progress::-webkit-progress-value{background-color:var(--ajs-theme-uno--blue)}progress::-moz-progress-bar{background-color:var(--ajs-theme-uno--blue)}progress::-ms-fill{background-color:var(--ajs-theme-uno--blue)}@media screen and (max-width:576px){input[type=range].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}input[type=range].amplitude-volume-slider::-moz-range-thumb{width:30px;height:30px;margin-top:-15px;border-radius:30px}progress.mini-player-progress,progress.compact-player-progress,progress.large-player-progress{height:16px}.meta-container .song-name,.meta-container .audio-artist-album{font-size:16px}}
+:root{--ajs-theme-uno--blue:#2196f3;--ajs-theme-uno--blue-50:#e3f2fd;--ajs-theme-uno--blue-100:#bbdefb;--ajs-theme-uno--blue-200:#90caf9;--ajs-theme-uno--blue-300:#64b5f6;--ajs-theme-uno--blue-400:#42a5f5;--ajs-theme-uno--blue-500:#2196f3;--ajs-theme-uno--blue-600:#1e88e5;--ajs-theme-uno--blue-700:#1976d2;--ajs-theme-uno--blue-800:#1565c0;--ajs-theme-uno--blue-900:#0d47a1;--ajs-theme-uno--gray:#9e9e9e;--ajs-theme-uno--gray-50:#fafafa;--ajs-theme-uno--gray-100:#f5f5f5;--ajs-theme-uno--gray-200:#eee;--ajs-theme-uno--gray-300:#e0e0e0;--ajs-theme-uno--gray-400:#bdbdbd;--ajs-theme-uno--gray-500:#9e9e9e;--ajs-theme-uno--gray-600:#757575;--ajs-theme-uno--gray-700:#616161;--ajs-theme-uno--gray-800:#424242;--ajs-theme-uno--gray-900:#212121;--ajs-theme-uno--blue-gray:#607d8b;--ajs-theme-uno--blue-gray-50:#eceff1;--ajs-theme-uno--blue-gray-100:#cfd8dc;--ajs-theme-uno--blue-gray-200:#b0bec5;--ajs-theme-uno--blue-gray-300:#90a4ae;--ajs-theme-uno--blue-gray-400:#78909c;--ajs-theme-uno--blue-gray-500:#607d8b;--ajs-theme-uno--blue-gray-600:#546e7a;--ajs-theme-uno--blue-gray-700:#455a64;--ajs-theme-uno--blue-gray-800:#37474f;--ajs-theme-uno--blue-gray-900:#263238;--ajs-theme-uno--silver-200:#748295;--ajs-theme-uno--silver-500:#586372;--ajs-theme-uno--silver-700:#141920;--ajs-theme-uno--silver-800:#242b33;--ajs-theme-uno--light-silver:#748295;--ajs-theme-uno--medium-silver:#586372;--ajs-theme-uno--dark-silver:#141920;--ajs-theme-uno--darker-silver:#242b33;--ajs-theme-uno--white:#fff;--ajs-theme-uno--black:#000;--ajs-theme-uno--lighten-50:rgba(255,255,255,0.05);--ajs-theme-uno--lighten-100:rgba(255,255,255,0.1);--ajs-theme-uno--lighten-200:rgba(255,255,255,0.2);--ajs-theme-uno--lighten-300:rgba(255,255,255,0.3);--ajs-theme-uno--lighten-400:rgba(255,255,255,0.4);--ajs-theme-uno--lighten-500:rgba(255,255,255,0.5);--ajs-theme-uno--lighten-600:rgba(255,255,255,0.6);--ajs-theme-uno--lighten-700:rgba(255,255,255,0.7);--ajs-theme-uno--lighten-800:rgba(255,255,255,0.8);--ajs-theme-uno--lighten-900:rgba(255,255,255,0.9);--ajs-theme-uno--lighten:rgba(255,255,255,0.5);--ajs-theme-uno--darken-50:rgba(0,0,0,0.05);--ajs-theme-uno--darken-100:rgba(0,0,0,0.1);--ajs-theme-uno--darken-200:rgba(0,0,0,0.2);--ajs-theme-uno--darken-300:rgba(0,0,0,0.3);--ajs-theme-uno--darken-400:rgba(0,0,0,0.4);--ajs-theme-uno--darken-500:rgba(0,0,0,0.5);--ajs-theme-uno--darken-600:rgba(0,0,0,0.6);--ajs-theme-uno--darken-700:rgba(0,0,0,0.7);--ajs-theme-uno--darken-800:rgba(0,0,0,0.8);--ajs-theme-uno--darken-900:rgba(0,0,0,0.9);--ajs-theme-uno--darken:rgba(0,0,0,0.5)}a{border-bottom:unset}.album-cover-image{display:block}.amplitude-player{max-width:max-content}.audio-player-theme-uno{max-width:max-content}.amplitude-title{display:flex;align-items:center;text-rendering:optimizeLegibility;text-align:left;line-height:1.25;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.amplitude-mute{float:left;cursor:pointer;width:25px;height:19px;margin-left:40px}.amplitude-mute.amplitude-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat}.amplitude-mute.amplitude-not-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat}.title-number{display:inline-flex;opacity:.5;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-200)}.amplitude-scroller::-webkit-scrollbar{width:10px;background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller::-webkit-scrollbar-track{border-radius:0;-webkit-box-shadow:inset 0 0 6px var(--ajs-theme-uno--darken-300);background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller::-webkit-scrollbar-thumb{border-radius:0;background-color:var(--ajs-theme-uno--blue-gray-500);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0.5,var(--ajs-theme-uno--lighten-200)),color-stop(0.5,transparent),to(transparent))}.amplitude-scroller-gradient::-webkit-scrollbar{width:10px;background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller-gradient::-webkit-scrollbar-track{border-radius:0;-webkit-box-shadow:inset 0 0 6px var(--ajs-theme-uno--darken-300);background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller-gradient::-webkit-scrollbar-thumb{border-radius:0;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.44,var(--ajs-theme-uno--blue-300)),color-stop(0.72,var(--ajs-theme-uno--blue)),color-stop(0.86,var(--ajs-theme-uno--blue-900)))}.time-container{height:40px;padding:10px 20px 10px 20px;font-family:"Lato",sans-serif;font-weight:bold;font-size:14px;color:var(--ajs-theme-uno--white)}.time-container span.current-time{float:left}.time-container span.duration{float:right}.playlist-screen-controls{cursor:default;top:0;position:sticky;height:80px;padding:15px;max-width:-webkit-fill-available;max-width:-moz-available;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--black)}.meta-container{text-align:center;border-top:0 !important}.meta-container .song-name{display:block;margin:0 15px 8px 15px;font-size:18px;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-100)}.meta-container .audio-artist-album{font-size:18px;font-weight:bold;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue-gray-300)}.meta-container .audio-artist-album span{display:block}input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 144px);background:transparent}input[type=range].amplitude-volume-slider::-webkit-slider-runnable-track{width:100%;height:1px;background:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;width:16px;height:16px;border-radius:16px;margin-top:-8px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}input[type=range].amplitude-volume-slider::-moz-range-track{width:100%;height:1px;background-color:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-moz-range-thumb{cursor:pointer;width:16px;height:16px;margin-top:-8px;border-radius:16px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-moz-range-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-moz-range-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}input[type=range].amplitude-volume-slider.compact-player-volume-slider{width:calc(100% - 53px);margin-top:-12px;margin-left:29px}progress.mini-player-progress{display:block;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;width:100%;height:12px;border:0;background-color:var(--ajs-theme-uno--silver-500)}progress.compact-player-progress{display:block;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;width:100%;height:12px;border:0;background-color:var(--ajs-theme-uno--silver-500)}progress.large-player-progress{display:block;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;width:100%;height:12px;border:0;background-color:var(--ajs-theme-uno--silver-500)}progress::-webkit-progress-value{background-color:var(--ajs-theme-uno--blue)}progress::-moz-progress-bar{background-color:var(--ajs-theme-uno--blue)}progress::-ms-fill{background-color:var(--ajs-theme-uno--blue)}@media screen and (max-width:576px){input[type=range].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}input[type=range].amplitude-volume-slider::-moz-range-thumb{width:30px;height:30px;margin-top:-15px;border-radius:30px}progress.mini-player-progress{height:16px}progress.compact-player-progress{height:16px}progress.large-player-progress{height:16px}.meta-container .song-name{font-size:16px}.meta-container .audio-artist-album{font-size:16px}}