@font-face {font-family: Circular;src: url(https://sp-bootstrap.global.ssl.fastly.net/8.0.0/fonts/circular-book.woff2);font-weight: 300;}@font-face {font-family: Circular;src: url(https://sp-bootstrap.global.ssl.fastly.net/8.0.0/fonts/circular-bold.woff2);font-weight: 500;}@font-face {font-family: Circular;src: url(https://sp-bootstrap.global.ssl.fastly.net/8.0.0/fonts/circular-black.woff2);font-weight: 700;}.md-display-1, .md-display-2, .md-display-3, .md-headline, .md-display-4 {font-weight: 500;font-family: Circular, Robot, Sans-Serif !important;}.md-display-4 {font-weight: 700 !important;}queue .tracks {padding: 18px 0px;}queue .tracks .track .index {margin-right: 16px;color: white;font-weight: 500;}queue .people {position: absolute;width: 100%;transform: translateY(-50%);z-index: 2;}queue .people .person {margin: 0px 3px;}albums .container, artists .container {perspective: 2000px;}album .container {position: relative;cursor: pointer;transition: ease-in-out transform 200ms;}album .container:focus {outline: 0;}album .container:hover {transform: translateZ(-20px) rotate3d(1, 0, 0, 3deg);}album .md-fab {position: absolute;right: 0;top: 95px;background: rgba(255, 255, 255, 0.8) !important;transition: cubic-bezier(0.34, 0, 0.09, 1) transform 300ms !important;transform: scale(1);}album .md-fab:hover {background: rgba(255, 255, 255, 0.8);}album .md-fab.ng-hide {transform: scale(0);}album .md-fab md-icon {color: rgba(0, 0, 0, 0.6) !important;}artist .container {position: relative;cursor: pointer;width: 100px;margin: 0px 5px;transition: ease-in-out transform 200ms;}artist .container:focus {outline: 0;}artist .container:hover {transform: translateZ(-20px) rotate3d(1, 0, 0, 3deg);}artist .name {text-align: center;margin-bottom: 5px;line-height: 17px;}artist .followers {margin-top: 0px;text-align: center;}.md-avatar {border-radius: 50%;object-fit: cover;}.md-avatar.square {border-radius: 0px !important;}.md-avatar.small {width: 25px;height: 25px;}.md-avatar.large {width: 40px;height: 40px;}.md-avatar.x-large {width: 80px;height: 80px;}.md-avatar.ring {border: 5px solid #3a3a3a;}md-input-container.no-error .md-errors-spacer {display: none;}playbar md-card {margin: 0;height: 100px;transition: ease-in-out background 500ms;}playbar .cover {width: 100px;}playbar .controls {position: relative;}playbar .controls p, playbar .controls span, playbar .controls a {transition: ease-in-out color 500ms;}playbar .controls .left {margin-right: auto;}playbar .controls .left .title, playbar .controls .left .detail {margin: 0;}playbar .controls .center {position: absolute;left: 50%;transform: translateX(-50%);}playbar .controls .right {margin-left: auto;}seekbar {position: relative;}seekbar .buffer {position: absolute;height: 23px;background: rgba(255, 255, 255, 0.08);}seekbar .container {background: rgba(0, 0, 0, 0.5);}seekbar .container .time {color: rgba(255, 255, 255, 0.8);font-weight: 500;font-size: 9pt;padding: 0px 10px;position: relative;}seekbar .container body {background: #18d;margin: 0;}seekbar .container input[type=range] {z-index: 1;-webkit-appearance: none;width: 100%;margin: 0px 0;background: none;}seekbar .container input[type=range]:focus {outline: none;}seekbar .container input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 23px;cursor: pointer;box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;background: transparent;border-radius: 0px;border: 0px solid #000000;}seekbar .container input[type=range]::-webkit-slider-thumb {box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;border: 0px solid #000000;height: 23px;width: 10px;border-radius: 0px;background: rgba(255, 255, 255, 0.8);cursor: pointer;-webkit-appearance: none;margin-top: 0px;}seekbar .container input[type=range]::-moz-range-track {width: 100%;height: 23px;cursor: pointer;box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;background: transparent;border-radius: 0px;border: 0px solid #000000;}seekbar .container input[type=range]::-moz-range-thumb {box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;border: 0px solid #000000;height: 23px;width: 10px;border-radius: 0px;background: rgba(255, 255, 255, 0.8);cursor: pointer;}seekbar .container input[type=range]::-ms-track {width: 100%;height: 23px;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}seekbar .container input[type=range]::-ms-fill-lower, seekbar .container input[type=range]::-ms-fill-upper {background: transparent;border: 0px solid #000000;border-radius: 0px;box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;}seekbar .container input[type=range]::-ms-thumb {box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;border: 0px solid #000000;width: 10px;border-radius: 0px;background: rgba(255, 255, 255, 0.8);cursor: pointer;height: 23px;}