.bg-wrapper{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1}.tint,.bg{position:absolute;width:100%;height:100%;display:block}.bg-wrapper .bg{background-color:gray;background-image:url(res/album/i1.jpg);background-size:cover;background-position:center center;filter:blur(10px);transform:scale(1.1);transition:1s}.bg.zoom{transform:scale(1.2);filter:blur(15px)}.tint{background:rgba(0,0,0,.32)}.App .nav{padding:0 18px;color:#dbdbdb;font-weight:100;font-size:13px;display:block;text-align:center}.nav #theme-name{font-weight:600}.nav h4{border-bottom:1px solid #a0a0a0;padding-bottom:8px;margin:0 0 10px;display:inline-block;font-weight:100}.nav a{text-decoration:none;color:#b3b3b3;display:block;font-size:10px;margin-bottom:2px;transition:.3s}.nav a:hover{color:#fff}.nav img{width:315px;margin-bottom:30px}.spectrum-player{box-shadow:9px 4px 20px #00000061}#spectrum-art{background-image:url(res/album/i1.jpg)}.spectrum-player{font-family:sans-serif;border-radius:3px;z-index:1;display:grid;grid-template-columns:200px 1fr;grid-template-rows:50px 154px;overflow:hidden}.spectrum-player a{color:#000;transition:.3s}.spectrum-player a:hover{color:#232323;cursor:pointer}#spectrum-art{background-color:gray;background-size:cover;background-position:center center;transition:.4s;grid-column:1;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3;z-index:2}.spectrum-player #spectrum-header{background:#F2F3F5;position:relative}.spectrum-player #spectrum-header #spectrum-controlls{margin:0 18px;min-width:320px;height:100%;display:flex;align-items:center}.spectrum-player #spectrum-header #spectrum-controlls .spectrum-control{text-align:center;vertical-align:middle;display:inline-block;padding:8px 5px}.spectrum-player #spectrum-header #spectrum-controlls .spectrum-info{vertical-align:middle}.spectrum-player #spectrum-header #spectrum-controlls #spectrum-playpause i{width:18px}.spectrum-player #spectrum-header #spectrum-controlls #spectrum-muteunmute i{width:20px}.spectrum-player #spectrum-header #spectrum-volume{margin-left:5px;min-width:0px;padding:8px 0!important;position:relative;transition:.3s 1s}.spectrum-player #spectrum-header #spectrum-controlls #spectrum-muteunmute:hover+#spectrum-volume,.spectrum-player #spectrum-header #spectrum-volume:hover{min-width:55px;transition:.3s 0s}.spectrum-player #spectrum-header #spectrum-volume .spectrum-value{background:#c8c8c8;transition:width .1s,background .3s}.spectrum-player #spectrum-header #spectrum-volume:hover .spectrum-value{background:#3F5EFB}.spectrum-player #spectrum-header #spectrum-controlls #spectrum-time,.spectrum-player #spectrum-header #spectrum-controlls #spectrum-duration,.spectrum-player #spectrum-header #spectrum-controlls #spectrum-time-separator{font-size:12px;color:#000}.spectrum-player #spectrum-header #spectrum-controlls #spectrum-time{margin-left:12px}.spectrum-player #spectrum-header #spectrum-controlls #spectrum-duration{margin-right:12px}.spectrum-player #spectrum-header #spectrum-controlls #spectrum-time-separator{padding:0 2px;opacity:.7}.spectrum-player #spectrum-header #spectrum-controlls #spectrum-buffering{color:#c1c1c1;padding:7px 0;position:absolute;right:18px;opacity:0;transition:.3s}.spectrum-player #spectrum-header #spectrum-controlls #spectrum-buffering.show{opacity:1}.spectrum-player #spectrum-header .spectrum-bar-back,.spectrum-player #spectrum-header .spectrum-value,.spectrum-player #spectrum-header #spectrum-timeline .spectrum-buffer{position:absolute;height:3px;left:0}.spectrum-player #spectrum-header #spectrum-timeline{width:100%;display:block;bottom:-6px;position:absolute;z-index:1}.spectrum-player #spectrum-timeline,.spectrum-player #spectrum-volume{height:3px;padding:5px 0;overflow:hidden;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spectrum-player #spectrum-header #spectrum-timeline .spectrum-value{overflow:visible;transition:.1s;background:#3F5EFB;background:linear-gradient(to right,#3F5EFB,#FC466B)}.spectrum-player #spectrum-header #spectrum-timeline .spectrum-buffer{background:#c8c8c8;transition:.3s}.spectrum-player #spectrum-header #spectrum-timeline .spectrum-value:after,.spectrum-player #spectrum-header #spectrum-volume .spectrum-value:after{position:absolute;content:"";background:white;height:8px;width:0px;right:0;top:-2.5px;border-radius:100%;transition:.2s}.spectrum-player #spectrum-header #spectrum-timeline:hover .spectrum-value:after,.spectrum-player #spectrum-header #spectrum-volume:hover .spectrum-value:after{width:8px;right:-4px;box-shadow:0 0 4px 1px #ffffff9c}.spectrum-player .spectrum-bar-back{width:100%;background:#dedede;z-index:0}.spectrum-player #spectrum-body{background-color:#ffffffbf;overflow-y:auto;padding:10px 20px 10px 0;position:relative;scroll-behavior:smooth}.spectrum-player #spectrum-body ol{margin:0;padding-left:40px;color:#000;font-family:Jost,sans-serif}.spectrum-player #spectrum-body .song-item{padding:4px 5px;font-size:14px;display:block;text-decoration:none}.spectrum-player #spectrum-body .song-item.active{color:#814f2a}.spectrum-player #spectrum-header #spectrum-audio,.spectrum-player #spectrum-header #spectrum-controlls #spectrum-prev{display:none}.spectrum-player ::-webkit-scrollbar{width:6px}.spectrum-player ::-webkit-scrollbar-track{background:transparent}.spectrum-player ::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.spectrum-player ::-webkit-scrollbar-thumb:hover{background:#555}@media screen and (max-width: 600px){.spectrum-player{grid-template-columns:1fr;grid-template-rows:200px 50px 154px}#spectrum-art{grid-column:1;grid-row:1}.nav img{width:280px;margin-bottom:0}}