﻿@font-face{font-family:"Signika Negative";src:url("/fonts/Signika_Negative/SignikaNegative-VariableFont_wght.ttf") format("truetype");font-weight:300 700;font-style:normal;font-display:swap;}*{margin:0;padding:0;box-sizing:border-box;outline:0;font-family:"Signika Negative",sans-serif;}html{font-size:62.5%;}body{background-color:#311f46;color:#d4c1c1;background-image:url("/img/background.png");background-blend-mode:hue;margin:0;font-size:1.2rem;}.modal .modal-content{background-color:#311f46;}.modal .modal-footer{border:0;justify-content:center;}.container{max-width:100vw;}#splash-screen{background-color:#311f46;justify-content:center;align-items:center;height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1000;display:none;pointer-events:none;}#splash-screen img{max-width:150px;}#splash-screen.show-splash{display:flex;animation:fadeSplashBg .6s ease-in-out forwards;}#splash-screen.show-splash img{display:block;animation:insertCassette .7s cubic-bezier(.42,0,.3,1.2) forwards;animation-delay:.5s;}@keyframes insertCassette{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1);}60%{transform:translateY(120px) rotateX(10deg) scale(.95);}100%{opacity:0;transform:translateY(180px) rotateX(35deg) scale(.9);}}@keyframes fadeSplashBg{from{background-color:#311f46;}to{background-color:rgba(49,31,70,0);}}#login-container{max-width:300px;background-color:#fff;border-radius:24px;margin:12vh auto 0;padding:24px 24px 8px;}#login-container input.form-control{text-align:center;border-radius:16px;margin-bottom:24px;font-size:24px;}#login-container .btn{font-size:24px;margin-bottom:32px;padding:4px 18px;margin-top:8px;}#login-container #brand{max-width:115px;margin-bottom:24px;}.player{box-shadow:0 1rem 5rem rgba(0,0,0,.4);display:flex;flex-direction:column;padding:3rem;width:100vw;height:100vh;box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;top:0;z-index:1;background-color:#311f46;color:#d4c1c1;background-image:url("/img/background.png");background-blend-mode:hue;}.player.minimized{top:initial;height:120px;padding-top:0;}.player.minimized .player-top,.player.minimized .player-body,.player.minimized #minimize-player{display:none!important;}.player.minimized .song-name{line-height:1;font-size:1.75rem;}.player.minimized .song-artist{display:none;}.player.minimized .song-details{align-self:start;width:50%;}.player.minimized .song-info{margin-bottom:0;}.player.minimized .song-icon{margin-right:0;}.player.minimized .song-icon img{width:48px;height:48px;}.player.minimized .fa-thumbtack{display:none;}.player.minimized .controls{width:165px;position:absolute;top:12px;right:0;transform:scale(.8);}.player.minimized .controls .random-btn,.player.minimized .controls .download-audio{display:none;}.player-top{width:100%;display:flex;justify-content:space-between;align-items:center;}.player-btn{width:4rem;height:4rem;border:.2rem solid rgba(255,255,255,.1);border-radius:50%;background-color:#302942;color:#a8a9ab;box-shadow:.5rem .5rem 2rem -.1rem rgba(0,0,0,.5),-.4rem -.4rem 2rem -.1rem rgba(255,255,255,.2);cursor:pointer;text-align:center;}.player-btn i{font-size:17px;line-height:2;}.player-btn:active{transform:translateY(.2rem);}.player-btn.active{color:#db5833;}.player-btn:hover{color:#fcfeff;}.player-top span{font-size:1.3rem;color:#a8a9ab;}.player-top span.title{font-size:30px;line-height:1;color:#c0bcd8;text-shadow:.5rem .5rem 2rem rgba(0,0,0,.5);text-align:center;}.player-body{width:100%;height:55%;display:flex;justify-content:center;align-items:center;flex:1;}#player-transport{background-color:rgba(0,0,0,.12);border-top:3px solid rgba(109,109,109,.25);box-shadow:.5rem .5rem 2rem -.1rem rgba(0,0,0,.5),-.4rem -.4rem 2rem -.1rem rgba(255,255,255,.2);margin:0 -3rem;padding:1.5rem 3rem 0;position:relative;}#player-transport #minimize-player{position:absolute;top:-27px;right:29px;box-shadow:.5rem .5rem 2rem -.1rem rgba(0,0,0,.4),-.4rem -.4rem 2rem -.1rem rgba(255,255,255,.12);display:flex;justify-content:center;align-items:center;}.current-song{width:23rem;height:23rem;border:.5rem solid rgba(255,255,255,.15);border-radius:50%;box-shadow:.6rem .6rem 4rem -.1rem rgba(0,0,0,.9),-.6rem -.6rem 4rem -.2rem rgba(255,255,255,.4);position:relative;transform:rotateZ(-15deg);}.playlist-coverchange{position:absolute;top:148px;left:148px;display:none;}.cover{width:100%;height:100%;background-color:#101112;border-radius:50%;overflow:hidden;}.cover span{overflow:hidden;text-overflow:ellipsis;max-width:73%;}.cover .middle-point{position:absolute;top:47%;left:47%;}.cover .middle-point .vinyl-inlay{margin-top:-34px;margin-left:-34px;border-radius:46px;overflow:hidden;}.cover .middle-point::after{content:"";height:12px;width:12px;background-color:#101112;border-radius:7px;position:absolute;top:0;left:0;}.rotate{animation:coverRotate 10s linear infinite;}@keyframes coverRotate{0%{transform:rotateZ(0);}100%{transform:rotateZ(360deg);}}.cover span{position:absolute;display:block;}.cover span:nth-child(1){color:#ddd;font-size:2.6rem;left:17%;top:18%;text-align:center;line-height:.8;padding-bottom:10px;}.cover span:nth-child(2){color:#fff;font-size:2.5rem;top:35%;left:20%;width:10rem;text-align:center;}.song-info{width:100%;display:flex;justify-content:start;align-items:center;margin-bottom:3rem;}.song-icon{margin-right:12px;height:60px;width:60px;}.song-icon img{border-radius:3px;overflow:hidden;height:60px;width:60px;}.song-marked{cursor:pointer;opacity:.5;background:#db5833;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.song-marked.is-marked{opacity:1;}.song-marked:hover{opacity:.75;}.song-details{display:flex;flex-direction:column;cursor:pointer;}.song-name{font-size:2rem;font-weight:300;color:#fff;word-break:break-word;}.song-artist{font-size:1.2rem;color:#a8a9ab;}.song-info i{font-size:2rem;margin-left:auto;}.song-time{width:100%;height:.7rem;background-color:#0c0c0d;border-radius:.5rem;margin-bottom:1rem;box-shadow:.2rem .2rem .2rem rgba(255,255,255,.1);cursor:pointer;position:relative;}.song-progress{position:absolute;top:0;left:0;width:0;height:100%;background:#db5833;border-radius:.5rem;}.time{width:100%;display:flex;justify-content:space-between;margin-bottom:1rem;}.time span{font-size:1.2rem;color:#a8a9ab;}.controls{width:100%;display:flex;justify-content:space-between;align-items:center;}.play-pause{width:6rem;height:6rem;background-color:#db5833;color:#fff;box-shadow:.5rem .5rem 2rem -.1rem rgba(0,0,0,.8),-.8rem -.8rem 2rem -.1rem rgba(255,255,255,.4);}.player-footer{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:auto;}.player-footer i{font-size:1.8rem;color:#a8a9ab;}.player-footer span{font-size:1.2rem;color:#a8a9ab;}.dropdown{height:4rem;border:.2rem solid rgba(255,255,255,.1);background-color:#302942;color:#a8a9ab;box-shadow:.5rem .5rem 2rem -.1rem rgba(0,0,0,.5),-.4rem -.4rem 2rem -.1rem rgba(255,255,255,.2);cursor:pointer;text-align:center;border-radius:28px;font-size:14px;}.dropdown .btn{background:none;border:0;line-height:2;padding:4px 14px 4px 18px;font-size:14px;max-width:286px;text-overflow:ellipsis;overflow:hidden;}.dropdown .dropdown-menu{font-size:14px;text-align:start;max-height:69vh;overflow-y:auto;border:.2rem solid rgba(255,255,255,.1);background-color:#302942;color:#a8a9ab;box-shadow:.5rem .5rem 2rem -.1rem rgba(0,0,0,.5),-.4rem -.4rem 2rem -.1rem rgba(255,255,255,.2);border-radius:24px;}.dropdown .dropdown-menu .dropdown-item{color:#fff;display:flex;align-items:center;}.dropdown .dropdown-menu .dropdown-item .playlist-icon{margin:4px 8px 4px 0;overflow:hidden;border-radius:3px;height:32px;width:32px;display:flex;justify-content:center;align-items:center;}.dropdown .dropdown-menu .dropdown-item .playlist-icon .fa{font-size:24px;}.dropdown .dropdown-menu .dropdown-item:hover{background-color:rgba(255,255,255,.05);}.dropdown .dropdown-menu .dropdown-divider{border-top:.2rem solid rgba(255,255,255,.1);}.dropdown .dropdown-menu .active .playlist-name{font-weight:bold;color:#db5833!important;}.add-to-playlist{align-self:center;background:none;border:0;box-shadow:none;}.add-to-playlist .dropdown-toggle{padding-top:7px;color:#a8a9ab;}.add-to-playlist .dropdown-toggle:hover{color:#fff;}.add-to-playlist .dropdown-toggle::after{display:none;}#playlist-selection{position:fixed;right:24px;top:24px;z-index:2;}#playlist-selection .playlist-icon{display:inline-block;align-self:center;margin-right:6px;overflow:hidden;vertical-align:middle;border-radius:3px;}#playlist-selection .playlist-icon img{display:block;}#playlist-selection .playlist-info span{display:block;}#playlist-selection .playlist-info .details{font-size:1.1rem;color:#a8a9ab;}#playlist-selection .playlist-info .playlist-name{color:#fff;max-width:calc(100vw - 100px);overflow:hidden;text-overflow:ellipsis;}#playlist-selection #create-new-playlist .playlist-icon{text-align:center;}#playlist-selection #create-new-playlist .fa-plus{width:32px;height:32px;line-height:32px;}#current-playlist{width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:24px 24px 120px;position:relative;max-width:996px;margin:0 auto;scrollbar-width:none;}#current-playlist::-webkit-scrollbar{display:none;}#current-playlist .random-btn{position:absolute;left:52px;bottom:-42px;display:flex;justify-content:center;align-items:center;text-decoration:none;}#current-playlist .download-playlist{position:absolute;left:108px;bottom:-38px;width:3rem;height:3rem;}#current-playlist .download-playlist i{font-size:13px;}#current-playlist .reorder-playlist{position:absolute;right:52px;bottom:-38px;width:3rem;height:3rem;}#current-playlist .reorder-playlist i{font-size:13px;}#current-playlist ul{background-color:rgba(0,0,0,.12);padding:24px 28px;margin:24px 24px 0;border-radius:8px;}#current-playlist #playlist-songs .reorder-icon{display:none;font-size:24px;align-self:center;}#current-playlist #playlist-songs.reorder-active .reorder-icon{display:block;}#current-playlist #playlist-songs.reorder-active .add-to-playlist,#current-playlist #playlist-songs.reorder-active .song-marked{display:none;}#current-playlist .list-group-item{transition:background-color .14s ease-in;display:flex;cursor:pointer;padding:6px;}#current-playlist .list-group-item .song-main-info{flex:1;}#current-playlist .list-group-item .song-nr{width:36px;font-size:1.8rem;vertical-align:middle;text-align:right;padding:12px 12px 12px 0;}#current-playlist .list-group-item .song-title{display:block;font-size:1.5rem;color:#fff;padding-top:8px;word-break:break-word;}#current-playlist .list-group-item .song-icon-list{margin:12px 8px 8px;overflow:hidden;border-radius:3px;height:32px;}#current-playlist .list-group-item .song-duration{align-self:center;text-align:right;font-size:1.2rem;}#current-playlist .list-group-item .song-marked{text-align:right;align-self:center;margin-right:16px;}#current-playlist .list-group-item.playing .song-title{font-weight:bold;color:#db5833;}#current-playlist .list-group-item:hover{background-color:rgba(12,10,17,.98);border-radius:8px;z-index:2;}#current-playlist .dropdown-menu{padding:0;background:#302942;}#hero{position:relative;display:flex;}#hero #playlist-text{position:absolute;bottom:31px;left:222px;}#hero #playlist-text .playlist-info{font-size:1.5rem;}#hero #playlist-text .song-count{color:#fff;}#hero h1{color:#fff;font-size:8rem;font-weight:bold;max-height:124px;width:100%;padding-right:8px;}#hero img{margin:28px;border-radius:3px;}#hero:hover .playlist-coverchange{display:block;}.modal-main-input{font-size:3rem;background:transparent;border:0;text-align:center;width:100%;color:#fff;}#confirm-song-rename{font-size:1.25rem;}.btn-primary{border-radius:16px;border:0!important;color:#fff;background-color:#db5833;box-shadow:.5rem .5rem 2rem -.1rem rgba(0,0,0,.8),-.8rem -.8rem 2rem -.1rem rgba(255,255,255,.4);}.btn-primary:hover{color:#fff;background-color:#db5833;}#fullscreen-search{position:fixed;inset:0;background:rgba(20,20,20,.95);display:none;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:15px;z-index:1000;transition:opacity .3s ease;}#fullscreen-search.active{display:flex;animation:fadeIn .3s ease forwards;}#fullscreen-search #search-results{width:80%;max-width:600px;margin-top:2rem;color:#fff;text-align:left;}#fullscreen-search #search-results .search-list{list-style:none;margin:0;padding:0;}#fullscreen-search #search-results .search-list .search-item{padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background .2s;}#fullscreen-search #search-results .search-list .search-item a{color:#fff;text-decoration:none;font-size:24px;padding:16px 0;word-break:break-word;}#fullscreen-search #search-results .search-list .search-item:hover{background:rgba(255,255,255,.05);}#fullscreen-search #search-results .no-results,#fullscreen-search #search-results .error{padding:1rem;font-style:italic;color:#aaa;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.button-left-top{position:absolute;top:24px;left:14px;display:flex;justify-content:center;align-items:center;}#open-search{cursor:pointer;color:#fff;font-size:1.2rem;transition:transform .2s;z-index:2;}#open-search:hover{transform:scale(1.1);}.search{background-color:#311f46;border:0;padding:12px 26px;font-size:24px;color:#fff;border-radius:11px;}@media screen and (max-width:1024px){#hero{position:relative;}#hero h1{font-size:8vw;margin:0;}#current-playlist ul{margin:24px 0 0;}#current-playlist{padding-left:0;padding-right:0;}.dropdown-item{padding:6px 16px;font-size:1.5rem;}}@media screen and (max-width:756px){#hero img{width:96px;height:96px;}#hero h1{max-height:78px;}#hero #playlist-text{bottom:22px;left:145px;}#hero .playlist-coverchange{top:98px;left:98px;}#playlist-selection{top:5px;}#playlist-selection .dropdown-toggle{max-width:calc(100vw - 36px);}#open-search,#close-search{top:5px;left:24px;}.player.minimized .song-rename{display:none;}.searchbox{padding-left:62px;max-width:calc(100vw - 28px);}#thought-search{max-width:100%;}#fullscreen-search.active{padding-top:6px;}}@media screen and (min-width:1300px){.player.minimized .controls{top:32px;right:32px;transform:scale(1);}.player.minimized .song-duration{width:85%;}#hero img{width:242px;height:242px;}#hero #playlist-text{left:292px;}#hero .playlist-coverchange{top:242px;left:242px;}}