.loader-wrapper{width:100%;height:100vh;background:#0d1b2a;display:flex}/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */.loading-spinner,.loading-spinner>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.loading-spinner{margin:auto;display:block;font-size:0;color:#f5f2ed;width:96px;height:96px}.loading-spinner>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:50%;left:50%;background:transparent;border-style:solid;border-width:6px;border-radius:100%;-webkit-animation:ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;-moz-animation:ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;-o-animation:ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;animation:ball-clip-rotate-multiple-rotate 1s ease-in-out infinite}.loading-spinner>div:first-child{position:absolute;width:96px;height:96px;border-right-color:transparent;border-left-color:transparent}.loading-spinner>div:last-child{width:48px;height:48px;border-top-color:transparent;border-bottom-color:transparent;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-direction:reverse;-moz-animation-direction:reverse;-o-animation-direction:reverse;animation-direction:reverse}@-webkit-keyframes ball-clip-rotate-multiple-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0)}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}to{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@-moz-keyframes ball-clip-rotate-multiple-rotate{0%{-moz-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0)}50%{-moz-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}to{-moz-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@-o-keyframes ball-clip-rotate-multiple-rotate{0%{-o-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0)}50%{-o-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}to{-o-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ball-clip-rotate-multiple-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);-moz-transform:translate(-50%,-50%) rotate(0deg);-o-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0)}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);-moz-transform:translate(-50%,-50%) rotate(180deg);-o-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}to{-webkit-transform:translate(-50%,-50%) rotate(360deg);-moz-transform:translate(-50%,-50%) rotate(360deg);-o-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}body,html{padding:0;margin:0;height:100%}.wrapper{display:flex}.wrapper .sidebar{padding:15px 25px;background:#0d1b2a;width:16%;min-width:130px;height:calc(100vh - 30px);min-height:500px;border-right:1px solid #CE5374;display:flex;flex-direction:column}.wrapper .sidebar header{margin-bottom:15px}.wrapper .sidebar header .hero{text-decoration:none;font-size:38px;letter-spacing:.025em;text-shadow:2px 2px #CE5374;margin-top:0;color:#f5f2ed;font-family:Poppins,sans-serif;font-weight:800;display:block}.wrapper .content{flex:1;padding:15px 25px;max-height:calc(100vh - 30px);min-height:500px;overflow:auto;background:#233344}.wrapper .mobile-footer{display:none}.content .playlist-info{display:flex;margin-bottom:24px}.content .playlist-info-image{height:200px}.content .playlist-info-image img{width:200px;height:200px;object-fit:cover}.content .playlist-info-text{margin-left:25px;display:flex;flex-direction:column}.content .playlist-info-text-header{display:flex}.content .playlist-info-text-header-nav-wrapper{align-self:center}.content .playlist-info-text-header-nav-button{display:none}.content .playlist-info-text-header-title{text-decoration:none;font-size:36px;margin:0;color:#f5f2ed;font-family:Poppins,sans-serif;font-weight:700}.content .playlist-info-text-header-link-icon{display:block;margin-left:16px;color:#f5f2ed;transform:scale(.7)}.content .playlist-info-text-header-link-icon:hover{color:#ce5374}.content .playlist-info-text-description{margin:auto 0 0;font-size:13px;line-height:24px;border-top:1px solid #819fba;border-bottom:1px solid #819fba;padding:18px 0;color:#f5f2ed;font-family:Poppins,sans-serif;font-weight:300;width:80%}.content .playlist-tracks{border-collapse:collapse;width:100%;margin-bottom:32px}.content .playlist-tracks-info{font-family:Poppins,sans-serif;text-decoration:none;color:#f5f2ed;letter-spacing:.025em;margin-bottom:6px;text-align:left;text-transform:uppercase;font-size:12px;letter-spacing:.125em;border-bottom:1px solid #819fba}.content .playlist-tracks-info-type{padding:0 10px 0 0;font-weight:600}.content .playlist-tracks-info-type.icon{transform:scale(.55)}.content .playlist-tracks-info-type:first-of-type{padding:0 10px}.content .playlist-tracks-track{font-family:Roboto Mono,monospace;color:#f5f2ed;font-size:12px;border-bottom:1px solid #819fba}.content .playlist-tracks-track:hover{background:#ce5374}.content .playlist-tracks-track:last-of-type{border:0}.content .playlist-tracks-track-info{padding:7px 13px 7px 0}.content .playlist-tracks-track-info.preview-icon svg{margin-top:2px;cursor:pointer}.content .playlist-tracks-track-info.preview-icon svg:hover{color:#233344}.content .playlist-tracks-track-info:last-of-type{padding:10px 0}.content .playlist-tracks-track-info:first-of-type{padding:10px 13px}.content .playlist-tracks-track a{color:#f5f2ed;text-decoration:none}.content .playlist-tracks-track a:hover{color:#0d1b2a}.wrapper .sidebar nav{display:flex;flex-direction:column;flex:1;height:300px}.wrapper .sidebar nav .nav-playlists{flex-grow:2}.wrapper .sidebar nav .nav-playlists-year{margin-bottom:16px}.wrapper .sidebar nav .nav-playlists-year-header{color:#ce5374;font-family:Poppins,sans-serif;font-size:24px;margin:0 0 8px;border-bottom:1px solid #CE5374;cursor:pointer;display:flex;justify-content:space-between}.wrapper .sidebar nav .nav-playlists-year-header-title{margin:0}.wrapper .sidebar nav .nav-playlists-year-header-icon{transform:scale(.7);align-self:center}.wrapper .sidebar nav .nav-playlists-year-header:hover .nav-playlists-year-header-icon{color:#819fba}.wrapper .sidebar nav .nav-playlists-year-playlists{transition:max-height .2s ease-out;max-height:0;overflow:hidden}.wrapper .sidebar nav .nav-playlists-year-playlists .nav-item{font-family:Roboto Mono,monospace;text-decoration:none;color:#f5f2ed;letter-spacing:.025em;font-size:14px;line-height:20px;display:block;margin-bottom:6px}.wrapper .sidebar nav .nav-playlists-year-playlists .nav-item.active{color:#ce5374}.wrapper .sidebar nav .nav-playlists-year-playlists .nav-item:hover{color:#819fba}.wrapper .sidebar nav .nav-playlists-year.active .nav-playlists-year-playlists{max-height:320px}.wrapper .sidebar nav .nav-player{flex:0 1}.wrapper .sidebar nav .nav-player-image{max-height:200px}.wrapper .sidebar nav .nav-player-image img{width:200px;height:200px;object-fit:cover}.wrapper .sidebar nav .nav-meta{flex:0 1}.wrapper .sidebar nav .nav-meta-title{color:#ce5374;font-family:Poppins,sans-serif;font-size:22px;border-bottom:1px solid #CE5374;text-decoration:none;font-weight:800;width:100%;display:block}.wrapper .sidebar nav .nav-meta-title:hover{color:#819fba}.wrapper .content .copy{margin-top:13px}.wrapper .content .copy figure{margin:0}.wrapper .content .copy figure img{max-width:100%}.wrapper .content .copy figure figcaption{margin-top:6px;font-size:11px;font-family:Poppins,sans-serif;color:#f5f2ed}.wrapper .content .copy figure figcaption a{color:#f5f2ed}.wrapper .content .copy figure figcaption a:hover{color:#819fba}.wrapper .content .copy p{font-family:Poppins,sans-serif;color:#f5f2ed;width:70%;font-size:13px;line-height:24px}.wrapper .content .copy p a{color:#f5f2ed}.wrapper .content .copy p a:hover{color:#819fba}@media screen and (max-width:600px){.wrapper .content .copy{margin:35px 0 100px}.wrapper .content .playlist-info{padding-top:35px;flex-direction:column;align-items:center}.wrapper .content .playlist-info-text{margin-left:0;width:100%}.wrapper .content .playlist-info-text-header{flex-direction:column;margin-bottom:25px}.wrapper .content .playlist-info-text-header-title{text-align:center;margin:10px 0 25px}.wrapper .content .playlist-info-text-description{width:100%;margin-bottom:25px}.wrapper .content .playlist-tracks{margin-bottom:85px}.wrapper .content .playlist-tracks-info-type.album,.wrapper .content .playlist-tracks-info-type.length,.wrapper .content .playlist-tracks-track-info.album,.wrapper .content .playlist-tracks-track-info.length{display:none}}@media screen and (max-width:440px){.wrapper>.sidebar{display:none}.wrapper .content{max-height:calc(100vh - 100px);padding-top:0}.wrapper .content .copy p{width:100%}.wrapper .content .playlist-info-text-header-link-icon{flex:1;margin:0;text-align:center}.wrapper .content .playlist-info-text-header-title{font-size:30px}.wrapper .content .playlist-info-text-header-nav{display:block}.wrapper .content .playlist-info-text-header-nav-wrapper{width:100%;display:flex}.wrapper .content .playlist-info-text-header-nav-button{display:block;color:#f5f2ed;font-family:Roboto Mono,monospace;font-size:13px;background:none;border:0}.wrapper .content .playlist-info-text-header-nav-button:disabled{opacity:.4}.wrapper .content .sidebar{width:100%;padding:0;background:#233344;border:0;margin-top:35px;height:calc(100vh - 200px)!important}.wrapper .content .sidebar header .hero{text-align:center}.wrapper .content .sidebar .nav-playlists-year-header-title{text-align:center;width:100%}.wrapper .content .sidebar .nav-playlists-year-header-icon{display:none}.wrapper .content .sidebar .nav-playlists-year-playlists{max-height:408px}.wrapper .content .sidebar .nav-playlists-year-playlists .nav-item{text-align:center;font-size:18px;line-height:28px}.wrapper .content .sidebar .nav-meta{display:none}.wrapper .mobile-footer{display:block;position:fixed;bottom:0;background:#0d1b2a;width:100%;height:45px;display:flex;justify-content:space-between;align-items:center}.wrapper .mobile-footer a{padding:10px;display:block;color:#f5f2ed;font-family:Roboto Mono,monospace;font-size:13px;text-decoration:none}}.playlist-tracks-track-info.preview-icon button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;width:32px;height:32px}.playlist-tracks-track-info.preview-icon button:hover{background-color:#ffffff1a}.playlist-tracks-track-info.preview-icon button svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none}.playlist-tracks-track-info.preview-icon button:hover svg{stroke-width:2}