body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*{box-sizing:border-box}#menu,#playlist,i{transition:.2s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:5px;position:absolute;width:6px;z-index:9999}:hover::-webkit-scrollbar-thumb{background-color:#626262;border-radius:10px;z-index:9999}#main::-webkit-scrollbar{height:5px;position:absolute;visibility:hidden;width:0}#main:hover::-webkit-scrollbar-thumb{background-color:#626262;border-radius:10px;visibility:hidden}.text-title{color:#717171;cursor:pointer;font-weight:600}.text-title:hover{color:#914acf}.text-link-black{color:#000;cursor:pointer;display:inline}.text-link-black:hover{color:#fff}.text-gray{color:#717171;cursor:pointer}.text-gray:hover,.text-white{color:#fff}.text-purple{color:#8f48cd}.text-description{color:#bcbcbc;font-weight:600}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.bora{border-radius:50%}ul{list-style:none;padding:20px 0}h1,h2,h3,h4,h5,h6,p,ul{margin:0}ul li{margin:5px 0}.input{border:none;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:7px;border-top-right-radius:7px;padding:6px 11px}.input,.input-bora{outline:none;width:100%}.input-bora{background-color:#353535;border:none;border-radius:30px;color:#fff;padding:7px 13px}.input:focus,.input:hover{box-shadow:inset 0 -3px 0 0 #8f48cd}.btn-purple{background-color:#9b4de0;color:#fff}.btn-purple,.btn-white{border:none;border-radius:30px;font-size:15px;font-weight:700;outline:none;padding:7px 19px}.btn-white{background-color:#fff;color:#000}.btn-gray{background-color:#323232;border:none;border-radius:30px;color:#9b4de0;font-size:15px;font-weight:700;outline:none;padding:7px 19px}.btn-purple:hover{background-color:#8f48cd}.btn-white:hover{background-color:#e0e0e0}.btn-gray:hover{background-color:#b5b5b5}.card{background-color:#1e1e1e;border-radius:30px;padding:30px 45px}.d-flex-spacebetween{justify-content:space-between}.d-flex-spacebetween,.dflex-a-center{align-items:center;display:flex}.dflex-aj-center,.dflex-j-center{display:flex;justify-content:center}.dflex-aj-center{align-items:center}.btn-yellow{background-color:#ff0;border-radius:30px;color:#000;cursor:pointer;font-size:13px;margin-top:10px;padding:3px 7px}.btn-yellow:hover{background-color:#dede00}.btn-close-modal{background-color:gray;border:none;border-radius:30px;color:#fff;font-size:15px;font-weight:700;outline:none;padding:7px 19px}.tag-premium{background-color:#d8a218;border-radius:5px;color:#fff;font-size:9px;font-weight:600;margin-right:2px;padding:2px 3px}.col-0,.col-lg-0,.col-md-0,.col-sm-0,.col-xl-0{display:none}.fa-duotone.fa-swap-opacity:before,.fa-duotone:after,.fa-swap-opacity .fa-duotone:before,.fa-swap-opacity .fad:before,.fad.fa-swap-opacity:before,.fad:after{opacity:1}.liked{color:#9b4de0}.border-white{border:1px solid #fff}.comment{flex:1 1;overflow:hidden}.comment h5{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment h5,.comment p{color:#717171;width:100%}.comment p{font-size:13px;font-weight:600}.action-icon{border-radius:5px;cursor:pointer;padding:3px 5px}.text-717171{color:#717171;font-size:15px;font-weight:500}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.ant-spin-dot-holder{color:#8b45ca!important}.App{text-align:center}body{font-family:Quicksand,sans-serif;font-weight:500}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#auth{align-items:center;color:#fff;display:flex;height:100vh;overflow-x:hidden;overflow-y:auto;width:100vw}.bg-auth{background-image:url(/static/media/bg-auth.815c53552e615820adc5.png)}#auth ul li:before{color:green;content:"\2713";font-weight:700;margin-right:10px}ul li{font-size:15px;font-weight:500;margin-left:15px}.auth-logo{width:200px}@media screen and (max-width:768px){#auth .auth-left{display:none}}#menu #menu-action{cursor:pointer;transition:.3s!important}#menu *{transition:none}#menu-mobile{display:none}#menu{background-color:#292929;color:#717171;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:230px;z-index:99}.header-logo{padding:10px 10px 20px}#menu ul{padding:0}#menu ul li{margin:0;padding:10px 20px}#menu .secondary ul li{margin:0;padding:5px 20px}#menu a,#menu-mobile a{text-decoration:none}#menu .active li{color:#fff}#menu-mobile .active{background-color:#404040;color:#fff}#menu ul{position:relative}#menu-action{background-color:#404040;box-shadow:inset 3px 0 0 0 #8f48cd;height:25%;position:absolute;right:0;top:0;width:100%;z-index:1}.divide{background-color:#3f3f3f;height:1px;margin:20px 15px}.shadow{box-shadow:0 4px 8px #3f3f3f99}.add-playlist-sidebar{border-top:1px solid #3f3f3f;bottom:0;cursor:pointer;padding:10px;position:absolute;text-align:center;width:100%;z-index:4}.secondary{flex-grow:1;margin-bottom:45px;overflow-y:auto}.card-nav-upgrade{background-color:#8f48cd;border-radius:15px;font-size:13px;font-weight:600;margin:10px 20px}.btn-collapse,.card-nav-upgrade{color:#fff;padding:10px;text-align:center}.btn-collapse{background-color:#292929;border-top:1px solid #3f3f3f;bottom:0;cursor:pointer;display:none;position:absolute;width:100%;z-index:4}.icon-collapse{background-color:#3c3c3c;border-radius:50%;padding:5px}.icon-more{display:none;padding:5px}.icon-more:hover{background-color:#3c3c3c;border-radius:50%}.playlist-item:hover .icon-more{display:inline}@media screen and (max-width:1125px){#menu{width:70px}#menu p,.secondary{display:none}#menu i{margin:0}.add-playlist-sidebar{display:none}.btn-collapse{display:inline;position:absolute}}#main{background-color:#1e1e1e;color:#fff;display:flex;flex-direction:column;height:100vh;margin-left:230px;margin-right:300px;overflow-y:auto;padding:80px 40px 0;position:relative}#header:before{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);bottom:100%;content:"";height:70px;position:absolute;z-index:1}#header,#header:before{left:0;top:0;width:100%}#header{color:#fff;position:fixed;z-index:98}.inner-header{align-items:center;display:flex;height:70px;justify-content:space-between;padding:10px 340px 10px 270px;position:relative;z-index:1}.fake-scroll{height:100vh;position:absolute;right:0;top:0;transition:0;width:6px;z-index:100}.fake-scroll-thumb{background:#666;border-radius:6px;cursor:pointer;display:none;height:50px;position:fixed;transition:0;width:6px}#main:hover .fake-scroll-thumb{display:block}@media screen and (max-width:1125px){#main{margin-left:80px;margin-right:0}.inner-header{padding-left:120px}}@media screen and (max-width:1350px){.inner-header{padding-right:40px}#main{margin-right:0}}@media screen and (max-width:576px){#menu{display:none}#main{margin-left:0;padding-bottom:61.98px;padding-left:20px;padding-right:20px}.inner-header{padding-left:40px}#menu-mobile{display:block}.fake-scroll{display:none}}.inner-avatar{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px}.inner-avatar img{border-radius:50%;cursor:pointer;height:100%;object-fit:cover;width:100%}.menu-user{background-color:#333;border-radius:7px;max-height:400px;overflow-y:auto;padding:10px;position:absolute;right:0;top:calc(100% + 10px);width:300px;word-break:break-word;z-index:100}.tag-level{border-radius:5px;font-size:11px;font-weight:600;padding:1px 5px}.card-header-upgrade{background-color:#e8dbff;border-radius:15px;color:#9457ff;margin-top:20px;padding:15px}.card-header-upgrade h4{font-weight:700}.card-header-upgrade p{color:#000}.list-hover ul{padding:20px 0 0}.list-hover ul li{border-radius:8px;margin:0;padding:5px 10px}.list-hover ul li:hover{background-color:#484848}#main .container{flex-grow:1;padding:0}.music-playlist-item{border-radius:10px;cursor:pointer;justify-content:space-between;padding:7px 11px}.inner-item,.music-playlist-item{align-items:center;display:flex;overflow:hidden}.inner-item{flex:1 1}.inner-img-playlist{aspect-ratio:1/1;height:40px;width:40px}.inner-img-playlist img{border-radius:10px;height:100%;min-height:40px;min-width:40px;object-fit:contain;width:100%}.music-playlist-item:hover{background-color:#494949}.music-playlist-item:hover .hover-none{display:none}.music-playlist-item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-playlist-item h3{font-size:15px;font-weight:600}.music-playlist-item a h3{color:#fff;font-size:15px}.music-playlist-item a.ellipsis:hover{text-decoration:none}a.singer-link{color:#717171;font-size:13px;font-weight:600}.music-playlist-item a:hover h3,a.singer-link:hover{color:#c273ed}.icon-container{align-items:center;display:flex;display:none;margin-left:8px}.music-playlist-item:hover .icon-container{display:flex}.icon-container i{border-radius:50%;cursor:pointer;padding:5px}.icon-container i:hover{background-color:#595959}p.ellipsis{color:#717171;display:inline}.current-music{background-color:#494949}.music-playlist-item a.ellipsis{align-items:center;display:flex;max-width:100%;overflow:hidden;white-space:nowrap}.music-playlist-item i{margin:7px 5px!important}.fa-triangle{transform:rotate(90deg)}.show-like{color:#717171;font-size:13px}#playlist{background-color:#292929;border-left:1px solid #353535;color:#fff;height:100%;opacity:1;position:fixed;right:0;top:0;width:300px;z-index:101}#playlist.hidden{right:-300px;visibility:0}#playlist i{cursor:pointer;margin:7px 13px}.controls i{font-size:20px}.controls{align-items:center;display:flex;justify-content:center}.inp-duration{flex:1 1}.active{color:#ff0}.lyrics p{font-size:20px;padding:5px}.lyrics{-webkit-mask-image:linear-gradient(180deg,#fff0,#fffc 20%,#fff 25%,#fff 75%,#fffc 80%,#fff0);mask-image:linear-gradient(180deg,#fff0,#fffc 20%,#fff 25%,#fff 75%,#fffc 80%,#fff0)}.playlist-container li{margin-left:0}.dragging{opacity:0;transition:.2s;z-index:1000}.btn-collapse-playlist{background-color:#414141;border-radius:5px;bottom:20px;display:none;position:fixed;right:20px;transition:.2s}.btn-collapse-playlist i{margin:0!important;padding:7px 13px}.volume-container{display:inline-block;padding:7px 13px;position:relative}.volume-container i{margin:0!important}.volume-slider{background-color:#414141;cursor:pointer;display:none;left:50%;position:absolute;top:-110%;transform:translateX(-50%) rotate(-90deg);transition:opacity .3s ease;width:80px}.volume-container:hover .volume-slider{display:block}.volume-container i{cursor:pointer;font-size:24px}.audio{bottom:10px;position:absolute;text-align:center;width:100%}@media screen and (max-width:576px){.btn-collapse-playlist{bottom:82px}.audio{bottom:72px}}@media screen and (max-width:1350px){.btn-collapse-playlist{display:block}}@media screen and (max-width:576px){#playlist{margin-bottom:62px}}.singer-item .inner-image{aspect-ratio:1/1;border-radius:50%;overflow:hidden;position:relative;width:100%}.inner-singer-container .album-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inner-singer-container h3{font-size:15px;font-weight:600}.inner-singer-container a h3{color:#fff;font-size:15px}.inner-singer-container a:hover h3{color:#c273ed}.inner-singer-container a{text-decoration:none}.inner-singer-container .inner-image img{object-fit:cover;transition:.5s;width:100%}.inner-singer-container .inner-image:hover img{transform:scale(1.1);transition:.5s}.inner-singer-container .inner-image:hover .tippy{display:flex}.inner-album-container{overflow:hidden}.inner-album-container .album-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inner-album-container h3{font-size:15px;font-weight:600}.inner-album-container a h3{color:#fff;font-size:15px}.inner-album-container a.ellipsis:hover{text-decoration:none}.inner-album-container a{color:#717171;font-size:13px;font-weight:600}.inner-album-container a:hover,.inner-album-container a:hover h3{color:#c273ed}.inner-album-container .inner-image{aspect-ratio:1/1;border-radius:10px;overflow:hidden;position:relative;width:100%}.inner-album-container .inner-image img{object-fit:cover;transition:.5s;width:100%}.inner-album-container .inner-image:hover img{transform:scale(1.1);transition:.5s}.tippy{align-items:center;color:#fff;cursor:pointer;display:none;gap:4px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.tippy i{border-radius:50%;padding:8px;z-index:4}.tippy:before{background-color:#717171;border-radius:10px;bottom:100%;content:"";height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%;z-index:1}.tippy i:hover{background-color:#7171714d}.tippy i:nth-child(2):hover{background-color:initial}.inner-album-container .inner-image:hover .tippy{display:flex}.ant-tabs-tab-btn{color:#fff!important}.ant-tabs-tab div[aria-selected=true]{color:#1677ff!important}.ant-tabs-nav:before{border-bottom:1px solid #292929!important}.inner-image{aspect-ratio:5/3;transition:transform .5s ease-in-out}.inner-image img{border-radius:10px;cursor:pointer;height:100%;object-fit:cover;width:100%}.top-container{overflow:hidden;position:relative}.top-container:hover span{display:block}.top-container span{background-color:#969696;border-radius:50%;cursor:pointer;display:none;font-size:20px;opacity:.5;padding:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.top-container span:hover{background-color:#6d6d6d}.top-container .anticon-left{left:30px}.top-container .anticon-right{right:30px}.first{transform:translateX(-200%)}.prev{transform:translateX(-100%)}.active{transform:translateX(0)}.next{transform:translateX(100%)}.last{transform:translateX(200%)}.inner-musicType-container .inner-image img{object-fit:cover;transition:.5s;width:100%}.inner-musicType-container .inner-image{aspect-ratio:5/2;border-radius:10px;overflow:hidden}.inner-musicType-container .inner-image:hover img{transform:scale(1.1);transition:.5s}.ant-skeleton-paragraph{margin:0!important}.inner-album-container .ant-skeleton-paragraph{display:flex;flex-wrap:wrap;justify-content:center}.ant-skeleton-paragraph li{background-color:#292929!important;margin:10px 0 0!important}.album-item .ant-skeleton{aspect-ratio:1/1;width:100%}.musicType-item .ant-skeleton{aspect-ratio:5/2;width:100%}.ant-skeleton-image{height:100%!important}.ant-skeleton-title{display:none}.inner-comment .inner-image{aspect-ratio:1/1;border-radius:50%;height:40px;overflow:hidden;width:40px}.inner-comment{flex-wrap:nowrap}.inner-comment,.singer-hero{align-items:center;display:flex}.singer-hero{background-color:#494949;border-radius:10px;padding:20px}.singer-hero .inner-image{aspect-ratio:1/1;border-radius:50%;margin-right:30px;overflow:hidden;position:relative;width:140px}.singer-hero .inner-image img{object-fit:cover;transition:.5s;width:100%}.singer-hero .inner-image:hover img{transform:scale(1.1);transition:.5s}.singer-hero .inner-image:hover .tippy{display:flex}@media screen and (max-width:655px){.singer-hero{flex-direction:column}.singer-hero .inner-image{margin:0}.singer-hero .dflex-a-center{justify-content:center}}@media screen and (max-width:482px){.singer-hero h2{font-size:35px!important}}.detail-container .inner-image{aspect-ratio:1/1}.content{margin-bottom:20px;text-align:center}@media screen and (max-width:992px){.content{text-align:inherit}}@media screen and (max-width:576px){.content{text-align:center}}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#333;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;max-height:75vh;max-width:90vw;overflow-y:auto;padding:20px;width:400px}.modal-title{font-size:23px;font-weight:700;margin-top:0;text-align:center}.modal-footer{border:none;display:flex;justify-content:flex-end;padding:0 16px}.modal-button{background-color:#007bff;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-left:10px;padding:10px 20px}.modal-button:hover{background-color:#0056b3}.btn-purple:disabled{background-color:silver;box-shadow:none;cursor:not-allowed}.input-modal{color:#fff!important;padding:9px 13px}.input-modal,.input-modal:focus,.input-modal:hover{background-color:#454545!important}.modal-content label{color:#fff!important}.avatar-container{align-items:center;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;width:120px}.avatar-container img{height:100%;object-fit:cover;width:100%}.ant-empty-description{color:#fff!important}.select-bg{background-color:#454545!important}.ant-select,.ant-select-selector{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:7px!important;border-top-right-radius:7px!important}.ant-select-selector{background-color:#454545!important;border:none!important;box-shadow:none!important;color:#fff!important;outline:none!important;padding:9px 13px!important}.ant-select-selection-item{line-height:normal!important}.ant-select-selector input{height:100%!important}.ant-select-selection-placeholder,.ant-select-selector:after{line-height:inherit!important}.ant-select{height:auto!important}.ant-select-selector:hover{box-shadow:inset 0 -3px 0 0 #8f48cd!important}.ant-select-item-option-selected{background-color:#454545!important;color:#fff!important}.ant-input-status-error{background:#494949!important;border:none;color:#fff}.ant-select-item{color:#fff!important}textarea.ant-input{background:#494949;border:none;color:#fff}textarea.ant-input:focus,textarea.ant-input:hover{background:#494949;box-shadow:none;outline:none}.ant-form-item-required{width:100%}.context-menu{background-color:#333;border-radius:10px;box-shadow:0 2px 5px #0003;padding:10px 0;transition:.1s;z-index:100}.context-menu button{transition:.2s}.context-menu ul{list-style-type:none;margin:0;padding:0}.context-menu li{align-items:center;color:#717171;cursor:pointer;display:flex;margin:0;padding:0 15px;position:relative}.context-menu i{margin-right:5px}.context-menu li:hover{color:#fff}.context-menu button{background:none;border:none;color:#717171;cursor:pointer;display:block;padding:10px;text-align:left;width:100%}.context-menu li:hover button{color:#fff}.context-menu li:hover{background-color:#484848}.context-menu{z-index:1000}.add-to-pl{position:relative}.submenu{background-color:#333;border-radius:10px;display:none;height:200px;overflow-y:auto;padding:10px 0;position:absolute;right:100%;top:100%;top:0;white-space:nowrap}.add-to-pl:hover .submenu{display:block}.submenu li{font-size:15px;padding:5px 10px}.ant-modal-content,.ant-modal-title{background-color:#333!important;color:#fff!important}
/*# sourceMappingURL=main.870692ab.css.map*/