.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    color: #000;
}
.swiper-pagination-bullet {
    background: transparent;
    width: auto;
    height: auto;
    opacity: 1;
}
.swiper-pagination {
    position: static;
    padding-top: 20px;
    text-align: left;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}


progress,
input {
outline:0;
}
.player-first-play {
width: 50%;
padding-left: 50px;
position: relative;
z-index: 10;
}
input[type="range"] {
outline:0;
}
.first-play-btn {
display: inline-block;
padding:12px 20px;
background: #292929;
max-width: 160px;
min-width: 120px;
width: 90%;
box-shadow: 0 10px 25px 1px rgba(0,0,0,0.25);
transition: all 0.3s ease-out;
text-align: center;
color:white;
font-family: gillsans;
margin-bottom: 40px;
cursor: pointer;
}
.first-play-btn:hover {
background: black;
box-shadow: 0 10px 15px 1px rgba(0,0,0,0.2);
}
.pl-arrow {
position: absolute;
top: 50%;
right: 20px;
transform: translate(0,-50%);
}
div#list-screen {
background-color: #000000;
}
div#list-screen div#list-screen-heade:before {
content: '';
background: #eeeeee;
height: 1px;
display: block;
font-size: 15px;
margin-bottom: 18px;
}
div#list-screen div#list-screen-header {
background-color: #FAFAFA;
padding: 0px 20px 18px;
position: relative;
cursor: pointer;
}
div#list-screen div#list-screen-header:before {
content: '';
background: #eeeeee;
height: 1px;
display: block;
font-size: 15px;
margin-bottom: 18px;
}
div#list-screen div#list-screen-header img#up-arrow {
position: absolute;
top: 23px;
left: 15px;
cursor: pointer;
}
div#list-screen div#list-screen-header span.list-active-song-name {
color: #fff;
line-height: 25px;
font-size: 16px;
}
@media (min-width: 768px) {
div.player-header,
div#list-screen div#list-screen-header {
display: none;
}
}
@media (max-width: 767px) {
div#list-screen {
display: none;
}
}

div#list-screen div#list div.song {
padding: 25px 50px 0px;
transition: all 0.3s ease-out;
margin-bottom: 1px;
cursor: pointer;
line-height: 24px; }
div#list-screen div#list div.song:hover {
opacity: 1 !important;
}
div#list-screen div#list div.song:after {
content:'';
display: block;
height: 1px;
background: #EEEEEE;
width:100%;
margin-top:10px;
}

div#list-screen div#list div.song span.song-number-now-playing {
display: inline-block;
width: 27px;
text-align: center;vertical-align: middle; }
div#list-screen div#list div.song span.song-number-now-playing span.number {
font-size: 15px;
color: #fff;
}
div#list-screen div#list div.song span.song-number-now-playing img.now-playing {
display: none; }
div#list-screen div#list div.song span.number {
display: none;
}
div#list-screen div#list div.song.amplitude-playing .song-artist-album:before {
content:'Playing now | ';
padding-left: 22px;
background-repeat: no-repeat;
background-position: center left;
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEzLjM0OCIgdmlld0JveD0iMCAwIDEyLjI0OSAxMy4zNDgiIHdpZHRoPSIxMi4yNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTcuNTExIC0xMTQuODI4KSI+PHBhdGggZD0ibTM2NC44MjUgMTI3LjEzNi00LjA1My0zLjI0aC0yLjc2MXYtNC43OWgyLjc2MWw0LjA1My0zLjI0eiIvPjxwYXRoIGQ9Im0zNjcuMjQ5IDEyNC4zMjF2LTUuNjM5Ii8+PHBhdGggZD0ibTM2OS4yNiAxMjYuMTc5di05LjM1NSIvPjwvZz48L3N2Zz4=);
}
div#list-screen  span.time-counter {
display: none;
}
div#list-screen div#list div.song.amplitude-playing span.time-counter,
div#list-screen div#list div.song.amplitude-playing span.number {
display: inline-block;
}
div#list-screen div#list div.song.amplitude-playing .now-playing {
display: none;
}
div#list-screen div#list div.song.amplitude-active-song-container {
}
div#list-screen div#list div.song div.song-meta-container {
display: inline-block;
margin-left: 8px;
vertical-align: middle;
width: calc(100% - 145px); }
div#list-screen div#list div.song div.song-meta-container span.song-name {
font-family: gillsans;
font-size: 15px;
color:white;
display: block; }
div#list-screen div#list div.song div.song-meta-container span.song-artist-album {
font-size: 15px;
color: #fff;
display: block; }
div#list-screen div#list div.song.amplitude-paused {
opacity: 0.5;
}
div#list-screen div#list div.song.amplitude-active-song-container {
opacity: 1;
}
div#list-screen div#list div.song span.song-duration {
display: inline-block;
vertical-align: middle;
font-size: 15px;
color: #fff;
width: 100px;
text-align:right; }
div#list-screen div#list div.song span.song-artist-album {
color: #5277b0; }
div#list-screen div#list-screen-footer {
height: 80px;
padding: 15px; }
div#list-screen div#list-screen-footer div#list-screen-meta-container {
width: calc(100% - 123px);
float: left; }
div#list-screen div#list-screen-footer div#list-screen-meta-container span.song-name {
font-size: 16px;
color: #fff;
line-height: 24px; }
div#list-screen div#list-screen-footer div#list-screen-meta-container div.song-artist-album {
opacity: 0.5;
font-size: 15px;
color: #fff;
line-height: 16px; }
div#list-screen div#list-screen-footer div.list-controls {
width: 90px;
float: right;
margin-top: 8px; }
div#list-screen div#list-screen-footer div.list-controls div.list-previous {
cursor: pointer;
width: 15px;
height: 17px;
background-image: url("https://521dimensions.com/img/open-source/amplitudejs/examples/flat-black/small-previous.svg");
background-repeat: no-repeat;
float: left;
margin-right: 15px;
margin-top: 4px; }
div#list-screen div#list-screen-footer div.list-controls div.list-play-pause {
cursor: pointer;
width: 17px;
height: 24px;
background-repeat: no-repeat;
float: left; }
div#list-screen div#list-screen-footer div.list-controls div.list-play-pause.amplitude-playing {
background-image: url("https://521dimensions.com/img/open-source/amplitudejs/examples/flat-black/small-pause.svg"); }
div#list-screen div#list-screen-footer div.list-controls div.list-play-pause.amplitude-paused {
background-image: url("https://521dimensions.com/img/open-source/amplitudejs/examples/flat-black/small-play.svg"); }
div#list-screen div#list-screen-footer div.list-controls div.list-next {
cursor: pointer;
width: 15px;
height: 17px;
background-image: url("https://521dimensions.com/img/open-source/amplitudejs/examples/flat-black/small-next.svg");
background-repeat: no-repeat;
float: left;
margin-left: 15px;
margin-top: 4px; }
.player-playing #meta-container .song-artist-album:before {
content: 'Playing now | ';
}
div.player-header {
background-color: #FAFAFA;
padding: 0px 20px 18px;
position: relative;
cursor: pointer;
}
div.player-header:before {
content:'';
background: #eeeeee;
height: 1px;
display: block;
font-size:15px;
margin-bottom: 18px;
}
div.player-header img#down {
position: absolute;
top: 23px;
left: 15px;
cursor: pointer; }
div#player-top .song-artist-album {
font-size: 15px;
font-family: gillsans;
padding-right: 20px;
}
.ctr-btn {
transition: all 0.25s ease-out;
border-radius: 100%;
}
.ctr-btn:hover {
box-shadow: 0 0 10px 1px rgba(0,0,0,0.25);
}
div#list-screen div#list div.song .song-number-now-playing {
transition: all 0.25s ease-out;
border-radius: 100%;
}
div#list-screen div#list div.song:hover .song-number-now-playing {
box-shadow: 0 0 10px 1px rgba(255,255,255,0.25);
}
div#player-top .song-name {
font-size: 34px;
line-height: 1.294117647058824;
display: block;
max-width: 240px;
}
div#player-top {
position: relative; padding-left: 50px;
padding-right: 10px;margin-bottom: -85px;}
div#player-top img[data-amplitude-song-info="cover_art_url"] {
width: 100%;
height: auto;
}
div#player-progress-bar-container {
width: 100%;
height: 3px;
margin-top: 16px;
position: relative;
position: relative;
}
div#player-progress-bar-container:before {
content:'';
position: absolute;
top:50%;
left: 0;
width: 100%;
height: 1px;
background: black;
}
div#player-progress-bar-container progress#song-played-progress {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 3px;
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 9;
border: none;
cursor: pointer;
background: transparent;
color:black;
}
div#player-progress-bar-container progress#song-played-progress[value]::-webkit-progress-bar {
background: none; }
div#player-progress-bar-container progress#song-played-progress[value]::-webkit-progress-value {
background: black; }
div#player-progress-bar-container progress#song-played-progress[value]::-webkit-progress-value::after {
content:'.';
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 10px;
display: block;
background: black;
border-radius: 100%;
}
div#player-progress-bar-container progress#song-played-progress[value]::-moz-progress-bar {
background: black; }
div#player-progress-bar-container progress#song-buffered-progress {
color:black;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 1px;
display: block;
position: absolute;
top: 0;
margin-top: 1px;
right: 0;
left: 0;
bottom: 0;
z-index: 2;
border: none;
background-color:#687278;  color:black; }
div#player-progress-bar-container progress#song-buffered-progress[value]::-webkit-progress-bar {
background: none; }
div#player-progress-bar-container progress#song-buffered-progress[value]::-webkit-progress-value {
background-color:#687278;
transition: width 0.1s ease; }
div#player-progress-bar-container progress#song-buffered-progress[value]::-moz-progress-bar {
background: #687278; }
div#player-middle {
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
position: relative; }
#meta-container {
background:#FAFAFA;
padding:45px 50px 16px;
}
#meta-container .song-artist-album {
font-size: 15px;font-family: gillsans;
}
#meta-container .song-name {
font-size: 15px;font-family: gillsans;
}
div#player-middle div#time-container {
width: 100%;
font-size: 15px;
font-weight: 400; }
div#player-middle div#time-container span.amplitude-duration-time {
position: absolute;
top: 10px;
right: 0px;
font-size: 10px;font-family: gillsans; }
div#player-middle div#time-container span.amplitude-current-time {
position: absolute;
top: 10px;
left: 0px;
font-size: 10px;font-family: gillsans; }
div#player-middle span.song-name {
font-size: 16px;
letter-spacing: 0.5px;
line-height: 24px;
display: block; }
div#player-middle div.song-artist-album {
opacity: 0.5;
font-size: 15px;
letter-spacing: 0.5px;
line-height: 16px; }
div#player-bottom {
background-color: #FAFAFA;
padding:0 50px 30px;   }
div#player-bottom div#control-container {
height: 40px;
}
div#player-bottom div#control-container div#shuffle-container {
float: left;
width: 20%;
height: 60px;
padding-top: 21px; }
div#player-bottom div#control-container div#shuffle-container div#shuffle {
width: 16px;
height: 17px;
cursor: pointer;
margin: auto;
opacity: 0.7; }
div#player-bottom div#control-container div#shuffle-container div#shuffle.amplitude-shuffle-off {
background: url("https://521dimensions.com/img/open-source/amplitudejs/examples/flat-black/shuffle.svg"); }
div#player-bottom div#control-container div#shuffle-container div#shuffle.amplitude-shuffle-off:hover {
background: url("https://521dimensions.com/img/open-source/amplitudejs/examples/flat-black/shuffle-on.svg");
opacity: 0.8; }
div#player-bottom div#control-container div#shuffle-container div#shuffle.amplitude-shuffle-on {
background: url("https://521dimensions.com/img/open-source/amplitudejs/examples/flat-black/shuffle-on.svg");
opacity: 1; }
div#player-bottom div#control-container div#shuffle-container div#shuffle.amplitude-shuffle-on:hover {
opacity: 1; }
div#player-bottom div#control-container div#prev-container {
width: 27px;
float: left;
height: 27px;
margin-right: 10px;
padding-top: 6px; }
div#player-bottom div#control-container div#prev-container div#previous {
width: 27px;
height: 27px;
cursor: pointer;
margin: auto; }
div#player-bottom div#control-container div#play-pause-container {
width: 40px;
float: left;
height: 40px; }
div#player-bottom div#control-container div#play-pause-container div#play-pause {
width: 40px;
height: 40px;
cursor: pointer;
margin: auto; }
div#player-bottom div#control-container div#play-pause-container div#play-pause.amplitude-playing {
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHdpZHRoPSI0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiPjxnPjxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIHI9IjIwIiBzdHJva2U9Im5vbmUiLz48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiBmaWxsPSJub25lIiByPSIxOS41Ii8+PC9nPjxwYXRoIGQ9Im0xOCAxNXYxMCIvPjxwYXRoIGQ9Im0yMyAxNXYxMCIvPjwvZz48L3N2Zz4=); }
div#player-bottom div#control-container div#play-pause-container div#play-pause.amplitude-paused {
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHdpZHRoPSI0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiPjxnPjxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIHI9IjIwIiBzdHJva2U9Im5vbmUiLz48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiBmaWxsPSJub25lIiByPSIxOS41Ii8+PC9nPjxwYXRoIGQ9Im00NDUuOTc3IDc3Mi42MTYtNy45NzcgNS43NTh2LTExLjUxNnoiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MTkuNjkzIC03NTIuNjQpIi8+PGcgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIj48cGF0aCBkPSJtNDQxLjkzNyA3NzcuNTQ0LTIuMTI3LTItLjQtLjM3OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyMC4xNDMgLTc1NS4yOTgpIi8+PHBhdGggZD0ibTIwLjU2OSAyMi44MTItMS4zMjYtMS4yMTQiLz48L2c+PC9nPjwvc3ZnPg==); }
div#player-bottom div#control-container div#next-container {
width: 27px;
margin-left: 10px;
float: left;
height: 27px;
padding-top: 6px; }
div#player-bottom div#control-container div#next-container div#next {
width: 27px;
height: 27px;
cursor: pointer;
margin: auto; }
div#player-bottom div#control-container div#repeat-container {
float: left;
width: 20%;
height: 60px;
padding-top: 20px; }
div#player-bottom div#control-container div#repeat-container div#repeat {
background: url("https://521dimensions.com/img/open-source/amplitudejs/examples/flat-black/repeat.svg");
width: 18px;
height: 20px;
cursor: pointer;
margin: auto;
opacity: 0.7; }
div#player-bottom div#control-container div#repeat-container div#repeat:hover {
background: url("https://521dimensions.com/img/open-source/amplitudejs/examples/flat-black/repeat-on.svg");
opacity: 0.8; }
div#player-bottom div#control-container div#repeat-container div#repeat.amplitude-repeat-on {
background: url("https://521dimensions.com/img/open-source/amplitudejs/examples/flat-black/repeat-on.svg");
opacity: 1; }
div#player-bottom div#control-container div#repeat-container div#repeat.amplitude-repeat-on:hover {
opacity: 1; }
div#player-bottom div#control-container::after {
content: "";
display: table;
clear: both; }
div#player-bottom div#volume-container {
float: right;
padding-top: 14px;
text-align: center; }
div#player-bottom div#volume-container img {
display: block;
float: left;
}
.amplitude-volume-slider-box {
width: 75px;
margin-left: 10px;
float: left;position: relative;
}
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider {
width: 75px;
-webkit-appearance: none;
display: block;
height: 14px;
margin-top: 0;
margin-bottom: 0; }
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider:focus {
outline: none; }
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider::-webkit-slider-runnable-track {
width:100%;
height: 1px;
cursor: pointer;
animate: 0.2s;
background: #687278; }
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider::-webkit-slider-thumb {
height: 10px;
width: 10px;
background-color: black;
cursor: pointer;
border:solid 1px white;
margin-top: -4px;
-webkit-appearance: none;
border-radius: 20px; }
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider:focus::-webkit-slider-runnable-track {
background: #cfd8dc; }
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider::-moz-range-track {
width:100%;
height: 1px;
cursor: pointer;
animate: 0.2s;
background: #687278; }
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider::-moz-range-thumb {
height: 10px;
width: 10px;
background-color: black;
cursor: pointer;
-webkit-appearance: none;
border-radius: 20px; }
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider::-ms-track {
width: 100%;
height:14px;
cursor: pointer;
animate: 0.2s;
margin-top: -2px;
border-width: 16px 0;
color: transparent;
background: transparent;
border-color: transparent;
}
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider::-ms-fill-lower {
background: #687278;
border-radius: 0;
height: 1px;
}
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider::-ms-fill-upper {
background: #687278;
border-radius:0;
height: 1px;
}
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider::-ms-thumb {
height: 10px;
width: 10px;
background-color: black;
cursor: pointer;
border:solid 1px white;
margin-top:2px;
-webkit-appearance: none;
border-radius: 20px;
}
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider:focus::-ms-fill-lower {
background: #687278; border-color: transparent;}
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider::-ms-fill-upper {
background: #687278; border-color: transparent;}
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider::-ms-tooltip {
display: none; }
div#player-bottom div#volume-container:after {
content: "";
display: table;
clear: both; }
@-moz-document url-prefix() {
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider {
margin-top: 0px; } }
@supports (-ms-ime-align: auto) {
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider {
} }
@media all and (-ms-high-contrast: none) {
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider::-ms-ticks-after {
display: none;
}
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider::-ms-ticks-before {
display: none;
}
.amplitude-volume-slider-box {
height:20px;
}
div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider {
position: absolute;
top:50%;
left: 0;
transform: translate(0,-50%);
margin-top:10px;
}
div#flat-black-player-container div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider::-ms-track {
border-width: 15px 0;
border-color: transparent;
background: transparent;
}
div#flat-black-player-container div#player-bottom div#volume-container input[type="range"].amplitude-volume-slider {
maring:0;
height:auto;
background: transparent; !important; } }
/*
3. Layout
*/
body {
background-color: white;
-webkit-font-smoothing: antialiased;
line-height: 1.5;
}
div#flat-black-player-container {
position: relative;
margin:auto -50px 35px; }
input[type=range].amplitude-song-slider {
position: relative;
z-index: 100;
}
input[type=range].amplitude-song-slider::-webkit-slider-thumb {
display: block; }
input[type=range].amplitude-song-slider::-moz-range-thumb {
visibility: visible; }
input[type=range].amplitude-song-slider {
-webkit-appearance: none;
width: 100%;
position: absolute;
z-index: 9999;
top: 50%;
transform: translate(0,-50%);
margin:0;
height: 19px;
cursor: pointer;
background-color: inherit;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 0px;
cursor: pointer;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
background: #000;
border-radius: 0px;
border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
border: 1px solid white;
height: 14px;
width: 14px;
border-radius: 16px;
background: black;
cursor: pointer;
-webkit-appearance: none;
margin-top: -5px;
transition: transform 0.3s ease-out;
}
/*
input[type=range]:hover::-webkit-slider-thumb {
transform: scale(1.4);
}
*/
@media all and (-ms-high-contrast: none) {
input[type=range] {
padding: 0px 0px 0px 0px;
}
input[type=range].amplitude-song-slider {
margin-top: 4px;
}
input[type=range].amplitude-song-slider:hover::-ms-thumb {
background: black;
}
input[type=range].amplitude-song-slider {
height:auto;
}
input[type=range].amplitude-song-slider::-ms-thumb {
height: 14px;
width: 14px;
border: 1px solid white;
border-radius: 10px;
cursor: pointer;
margin-top: -6px; }
input[type=range].amplitude-song-slider::-ms-tooltip {
display: none;
}
input[type=range].amplitude-song-slider::-ms-track {
border-width: 15px 0;
border-color: transparent;
background: transparent;
background: transparent;
border-width: 16px 0;
color: transparent;
}
input[type=range].amplitude-song-slider::-ms-fill-lower {
background: black;
border-radius: 0px;
height:3px;
background: black;
}
input[type=range].amplitude-song-slider::-ms-fill-upper {
display: none;
} }
@supports (-ms-ime-align: auto) {
input[type=range].amplitude-song-slider::-ms-thumb {
height: 15px;
width: 15px;
margin-top: 3px; } }
input[type=range].amplitude-song-slider::-webkit-slider-thumb {
display: block; }
input[type=range].amplitude-song-slider::-moz-range-thumb {
visibility: visible; }
input[type=range].amplitude-song-slider::-ms-track {
border-width: 15px 0;
border-color: transparent; }
input[type=range].amplitude-song-slider::-ms-fill-lower {
background:  black;
border-radius: 0px; }
input[type=range].amplitude-song-slider::-ms-fill-upper {
background:  black;
border-radius: 0px; } }
@supports (-ms-ime-align: auto) {
input[type=range].amplitude-song-slider::-ms-thumb {
height: 15px;
width: 15px;
margin-top: 3px; } }
/*
4. Pages
*/
/*
5. Themes
*/
/*
6. Utils
*/
/*
7. Vendors
*/
/*
8. Animations
*/
.track-name-column {
padding-bottom: 100px;
}
@media (max-width: 1250px) {
div#player-top .song-name {
font-size: 26px;
}
}
@media (max-width: 768px) {
div#flat-black-player-container {
margin:0 0px 35px;
}
#meta-container {
padding-top: 30px;
}
div#list-screen div#list div.song,
div#player-bottom,
#meta-container {
padding-left: 20px;
padding-right: 20px;
}
div#player-top .song-name {
padding-right: 0;
}
div#player-top .song-name {
max-width: 155px;
}
div#player-top {
padding-left: 20px;
}
div#player-top .song-name {
font-size: 26px;
}
#player-screen {
overflow:hidden;
}
div#player-top {
padding-right: 0px;
width: calc(100% + 10px);
}
.player-first-play {
width: 50%;
padding-left: 20px;
}
}

#list-screen #list {
    padding-bottom:0;
    }
    .podcast-paging .swiper-pagination-bullet:after {
    display:none;
    }
    .podcast-paging .swiper-pagination {
    padding:0 8px;
    }
    .podcast-paging .swiper-pagination-bullet {
    padding:17px 3px 9px;
    }
    .podcast-paging .swiper-pagination-bullet:before {
    display:block;
    width:8px!important;
    height:8px;
    content:'';
    display:block;
    border:solid 1px black;
    transition:all 0.3s ease-out;
    background:transparent;
    border-radius:100%;
    margin:0;
    }
    .podcast-paging .swiper-pagination-bullet-active:before {
    background:black;
    }
    .podcast-paging {
    padding: 10px 50px 10px;
    background:#FAFAFA;
    color:#000000;
    overflow:hidden;
    position:relative;
    margin-top:20px;
    }
    .podcast-paging-text {
    float:left;
    padding:10px 0;
    }
    .prodast-paging-controls .swiper-button-prev,
    .prodast-paging-controls .swiper-button-next {
    position:static;
    display:inline-block;
    background:transparent;
    padding:10px 0;
    width:15px;
    height:auto;
    margin:0;
    }
    .prodast-paging-controls {
    float:right;
    display:flex;
    }
    @media (max-width: 768px) {
    .podcast-paging {
    padding-left:20px;
    padding-right:20px;
    }
    }