:root{--color-primary:#3bc8e7;--color-secondary:#00aeff;--color-tertiary:#252b4d;--color-surface:#1b2039;--color-background:#181818;--color-text:#ccc;--color-border:#444;--color-white:#fff;--color-gray-1:#ededed;--color-gray-2:#eee;--color-gray-3:#dedede;--color-gray-4:#d2d2d2;--color-gray-5:#cdcdcd;--color-gray-6:#b5b5b5;--color-gray-7:#bbb;--color-gray-8:#aaa;--color-gray-9:#979797;--color-gray-10:#777;--color-gray-10b:#767676;--color-gray-11:#686868;--color-gray-12:#4e504f;--color-gray-13:#3e413f;--color-gray-14:#333;--color-gray-15:#32353d;--color-gray-16:#2a2a2a;--color-gray-17:#282828;--color-gray-18:#202020;--color-gray-19:#1f1f1f;--color-gray-20:#1d1f1e;--color-gray-21:#1a212a;--color-gray-22:#161616;--color-gray-23:#141414;--color-gray-24:#0f1116;--color-gray-25:#1b1b1b;--color-gray-18b:#222;--color-surface-deep:#161a2d;--color-primary-strong:#07f;--color-primary-light:#2cc8e5;--color-primary-soft:#22bed7;--color-slate:#484c60;--color-slate-soft:#7b7c8b;--color-purple-accent:#343e69;--color-black:#000;--color-overlay-strong:#00040a;--color-overlay-soft:#00000042;--color-success:#51b545;--color-success-strong:#259c08;--color-success-bright:#25ff0b;--color-success-glow:#0ad406;--color-success-soft:#b6ffac;--color-warning:#ffb40b;--color-warning-strong:#ffb103;--color-error:#d63535;--color-error-strong:#ff0303;--color-error-soft:#eeaeae;--color-info:#0396ff;--color-info-strong:#03d0ff;--color-info-soft:#0bd2ff;--color-info-accent:#3d57f4;--color-info-deep:#290a59;--color-accent-green:#00c85f;--color-info-mid:#5ad2ff;--color-info-pale:#8ee2ff;--color-info-glow:#03fff5;--color-error-accent:#ec1e2a;--color-preloader-accent:#5389a6;--color-accent-flare:#ff6f61;--color-surface-alt:#111a2e;--primary:var(--color-primary);--dark:var(--color-surface);--light:var(--color-tertiary);--slight-sight:hsla(0,0%,100%,.1);--slight-read:hsla(0,0%,100%,.7);--dark-sight:rgba(0,0,0,.7)}.justify-text{text-align:justify;text-justify:inter-word}.mt-6{margin-top:6rem!important}.mt-7,.mt-8{margin-top:7rem!important}.w-auto{width:auto!important}
.track-container{visibility:inherit}.track-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1em}.track-item{height:80px}.track-image{margin-right:4px;position:relative}.track-image img{border-radius:5px 5px 5px 5px}.track-overlay{border-radius:5px 5px 5px 5px;height:100%;opacity:0;text-align:center;transition:background .2 ease-in;width:100%}.track-overlay,.track-overlay>i{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.track-overlay>i{color:var(--color-white);font-size:30px}.track-image:hover .track-overlay{background:rgba(0,0,0,.5);opacity:1}.track-details{align-self:center}.track-details>span{color:var(--color-white);display:block}.track-left{display:flex}.track-heading{border-bottom:1px solid rgba(59,200,231,.61);color:var(--color-white);font-weight:700}.pagination{background:transparent;justify-content:center;width:100%}.page-item .page-link{border-radius:5px 5px 5px 5px!important;margin-right:5px!important;padding:.5em!important}.page-item.active .page-link{background:var(--color-primary)!important;border:1px solid var(--color-primary)!important;border-radius:5px 5px 5px 5px!important;color:var(--color-white)!important;margin-right:5px!important;padding:.5em!important}.page-link{background:var(--color-surface)!important;border:1px solid var(--color-primary)!important;color:var(--color-primary)!important}.page-item.active .page-link:hover{color:var(--color-white)!important}.page-item.disabled .page-link{background:var(--color-slate)!important;color:var(--color-white)}.VuePagination__count{color:var(--color-white)}.album_feature a:hover{text-decoration:underline}.album_feature a{color:var(--primary)}.ms_active_play,.ms_weekly_box:hover{background:hsla(0,20%,93%,.09);border-radius:5px}.ms_active_play,.ms_active_play:hover{background:hsla(0,20%,93%,.233);border-radius:5px}.ms_active_play .w_tp_song_name p,.ms_weekly_box:hover .w_tp_song_name p{color:var(--color-white)}.box-present{border-bottom:1px solid hsla(0,0%,100%,.1)}
.audio-player{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,var(--color-gray-22),var(--color-gray-21));border-top:1px solid hsla(0,0%,100%,.06);bottom:0;box-shadow:0 -5px 24px rgba(0,0,0,.35);position:fixed;width:100%;z-index:855}.audio-player button{background:none;border:none;font-size:1.2rem;margin:0 5px}.audio-player button:focus{box-shadow:none;outline:none}.audio-player input[type=range]{-webkit-tap-highlight-color:turquoise;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-radius:15px;cursor:pointer;height:3px;outline:none}.audio-player input[type=range]::-moz-range-track,.audio-player input[type=range]::-webkit-slider-runnable-track{background:var(--color-gray-7);border-radius:15px;height:.2rem}.audio-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-secondary);border-radius:50%;height:1rem;width:1rem}.audio-player input[type=range]::-moz-range-thumb{background-color:var(--color-secondary);border:none;border-radius:50%;height:1rem;width:1rem}.audio-player input[type=range]:focus,.audio-player input[type=range]:focus::-moz-range-thumb,.audio-player input[type=range]:focus::-webkit-slider-thumb{outline:none}.audio-player .player-container{align-items:center;background:none;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;height:85px;padding:0 25px;width:100%;z-index:1}.audio-player .track-info{align-items:center;display:flex;grid-column:1;justify-self:start;min-width:0}.audio-player .track-info .cover{border-radius:8px;flex-shrink:0;height:55px;margin-right:15px;-o-object-fit:cover;object-fit:cover;width:55px}.audio-player .track-info .details{color:var(--color-white)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-player .track-info .title-normal{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-player .player-controls{align-items:center;display:flex;gap:4px;grid-column:2;justify-content:center;justify-self:center}.audio-player .player-controls .btn-link{border-radius:12px;color:var(--color-white);text-decoration:none;transition:background-color .2s ease,opacity .2s ease}.audio-player .player-controls .btn-link:hover{background:hsla(0,0%,100%,.06)}.audio-player .player-controls .btn-link:active{background:hsla(0,0%,100%,.08)}.audio-player .player-controls .play-button{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 10px 24px rgba(0,0,0,.35);display:inline-flex;height:40px;justify-content:center;width:40px}.audio-player .player-controls .play-icon{font-size:27px}.audio-player .player-controls .track-time{font-family:monospace;margin-bottom:5px;text-align:center;width:150px}.audio-player .audio-controls{align-items:center;display:flex;grid-column:3;justify-content:flex-end;justify-self:end}.audio-player .audio-controls .volume{display:none}.audio-player .audio-controls .volume input{margin-bottom:6px;width:100px}.audio-player .audio-controls .is-active>i{color:var(--color-secondary)}.audio-player .progress-bar-container{cursor:pointer;height:5px;position:absolute;width:100%}.audio-player .progress-bar-container:before{bottom:-10px;content:"";cursor:pointer;left:0;position:absolute;right:0;top:-10px;z-index:1}.audio-player .progress-bar-completed{background-color:var(--color-secondary);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .2s linear;width:0;z-index:1}.audio-player .progress-bar-remaining{background:linear-gradient(90deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.05));border-radius:3px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.audio-player .progress-circle{background-color:var(--color-white);border-radius:50%;box-shadow:0 0 8px rgba(0,0,0,.5);cursor:pointer;height:16px;left:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .2s linear,opacity .2s ease-in-out;width:16px;z-index:2}.audio-player .progress-bar-container:hover .progress-circle{opacity:1}.audio-player .progress-circle:hover{background-color:var(--color-primary-strong)}.playlist-container .player-header{background:linear-gradient(135deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02));border:1px solid rgba(204,207,255,.067);border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,.25);gap:12px;padding:10px 12px}.playlist-container .player-header img{border-radius:8px!important;box-shadow:0 8px 18px rgba(0,0,0,.35);padding:5px}.playlist-container .player-header button.btn-link{border-radius:12px;color:var(--color-white);transition:background-color .2s ease,transform .1s ease}.playlist-container .player-header button.btn-link:hover{background:hsla(0,0%,100%,.08)}.playlist-container .playlist{border:1px solid rgba(204,207,255,.067);border-radius:8px}.playlist-container .playlist .list-cover{position:relative}.playlist-container .playlist .playing{background-color:hsla(0,0%,100%,.04)}.playlist-container .playlist .playing .overlay{background-color:rgba(0,0,0,.7);border-radius:8px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.playlist-container .playlist .playing .overlay .content{color:#fff;font-size:1.5rem;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.playlist-container .playlist .playing .overlay .content .bars{align-items:flex-end;display:flex;gap:2px;height:20px;position:relative;width:20px}.playlist-container .playlist .playing .overlay .content .bars span{animation:none;background:#fff;border-radius:2px;height:20%;transform-origin:bottom center;width:3px}.playlist-container .playlist .playing .overlay .content .bars span:first-child{animation:bounce 1s ease-in-out infinite;animation-delay:0s}.playlist-container .playlist .playing .overlay .content .bars span:nth-child(2){animation:bounce 1s ease-in-out infinite;animation-delay:.2s}.playlist-container .playlist .playing .overlay .content .bars span:nth-child(3){animation:bounce 1s ease-in-out infinite;animation-delay:.4s}.playlist-container .playlist .playing .overlay .content .bars span:nth-child(4){animation:bounce 1s ease-in-out infinite;animation-delay:.6s}@keyframes bounce{0%,to{height:20%}50%{height:100%}}
