.face-svg,.theme-color{fill:var(--theme);transition:.5s}.name,li{text-align:left}*,.face-svg,.theme-color{transition:.5s}#legal,button{border:1px solid var(--theme)}#about-popup,#dates-popup,#legal{color:var(--theme);z-index:1000;backdrop-filter:blur(7px);position:absolute}#popover-close,.about,.about-back,.dates,.nextTrack,.playlist-item,.prevTrack,button{cursor:pointer}#playPauseBtn,button{padding:10px 15px}body{--bg:#a993a5;--theme:#370534;--volumeSize:60px}@media (prefers-color-scheme:dark){body{--bg:#370534;--theme:#a993a5}}::-moz-selection,::selection{background:var(--theme);color:var(--bg)}.gray,body,html{background:var(--bg)}body,html{color:var(--theme);font-family:Kirvy;font-weight:300;overflow-x:hidden}ul{padding:0}li{list-style-type:none;padding:3px 5px}a,li a{text-decoration:none;color:var(--theme)}button{background-color:var(--bg);color:var(--theme)}#playPauseBtn:hover,.nextTrack:hover,.prevTrack:hover,button:hover{box-shadow:0 0 20px -10px #fff,inset 0 0 20px -10px #fff}.face-svg:hover,a:hover,li:hover,summary:hover{filter:drop-shadow(0 0 15px #fff)}summary,summary::-webkit-details-marker{list-style:none}summary::before{padding-right:.25rem;content:'+ '}details[open] summary::before{padding-right:.25rem;content:'- '}.text-glow{text-shadow:0 0 20px #fff}.mx-1540{max-width:1540px}.smaller{font-size:.8em}#track_list,.mobile{display:none}.bigscreen,.controls{display:block}.logo{width:500px;margin:0 auto}.face-svg{width:160px}.left,.right{width:25%;height:auto}.left{left:1%;top:35px}.right{right:1%;top:46px}.name{float:left}.time{text-align:right}.controls,.footer-data,footer{text-align:center}#about-popup,#dates-popup{width:100%;background:0 0;transition:.5s;border:none;box-shadow:0 10px 10px -10px var(--theme)}#legal{max-width:700px;background:0 0;top:20px}#popover-close{border:none;background:0 0;float:right}#popover-close:hover{box-shadow:none}.about-open,.dates-open{left:0!important}.about-back:hover,.dates-back:hover{box-shadow:none;filter:drop-shadow(0 0 10px #fff)}.about-back{border:none;background:0 0}.audio-player{width:300px;padding:20px;border:none;background-color:transparent;margin:0 auto}#playPauseBtn,.progress-bar-container{background-color:var(--bg);cursor:pointer}#playPauseBtn,.nextTrack,.prevTrack{margin:20px auto;color:var(--theme);border:1px solid var(--theme)}.controls{align-items:center;gap:10px}.nextTrack,.prevTrack{padding:10px;background:var(--bg)}.progress-bar-container{flex-grow:1;height:10px;border:1px solid var(--theme);overflow:hidden}.progress-bar-container:hover{box-shadow:0 0 20px -3px #fff,inset 0 0 20px -10px #fff}.progress-bar{height:100%;width:0;background-color:var(--theme)}#currentTime,#currentVolume{font-size:12px;color:var(--theme)}#volumeSlider{width:100%}.chosen{border:1px solid var(--theme)}input[type=range]{-webkit-appearance:none;width:100%;background:0 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-webkit-appearance:none;border:1px solid var(--theme);height:var(--volumeSize);width:var(--volumeSize);border-radius:50%;background:0 0;cursor:pointer;margin-top:-14px;transition:box-shadow .5s}input[type=range]:focus{outline:0}input[type=range]::-ms-track{width:100%;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-moz-range-thumb{border:1px solid var(--theme);height:var(--volumeSize);width:var(--volumeSize);border-radius:50%;background:0 0;cursor:pointer;transition:box-shadow .5s}input[type=range]::-ms-thumb{border:1px solid var(--theme);height:var(--volumeSize);width:var(--volumeSize);border-radius:50%;background:0 0;cursor:pointer;transition:box-shadow .5s}input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 20px -10px #fff,inset 0 0 20px -10px #fff}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 20px -10px #fff,inset 0 0 20px -10px #fff}input[type=range]::-ms-thumb:hover{box-shadow:0 0 20px -10px #fff,inset 0 0 20px -10px #fff}.footer-data{margin:0 auto}@media screen and (max-width:767px){.bigscreen,.left,.right,footer{display:none}.mobile{display:block}}@media screen and (max-width:499px){.logo{width:90%}}