body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Toastify__toast-container{margin-top:50px}.App{background-color:#0c0c0c;box-sizing:border-box;color:#fff;height:100%;margin:0;max-width:100%;padding:0;text-align:center}.bodyWrapper{min-height:100vh;padding:0 0 5%}.chatBoxSpace,.popupSpace{background-color:#1b1919;border:1px solid #00d4aa4d;border-radius:5px;box-shadow:0 0 20px #00d4aa4d;position:fixed}.popupSpace{height:85vh;overflow-y:scroll;padding:0 20px!important;right:5%;scroll-behavior:smooth;top:52px;width:350px;z-index:3}.popupSpace::-webkit-scrollbar{display:none}.popupSpace{scrollbar-width:none}.chatBoxSpace{border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:column;height:60vh;right:1%;width:350px;z-index:2}.footerWrapper{align-items:center;background-color:#292727;border:1px solid #00d4aa4d;bottom:0;display:flex;height:-webkit-max-content;height:max-content;justify-content:center;position:fixed;width:100%;z-index:999}.audioLinksHeader{align-items:center;background-color:#d8a3ab;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;display:flex;justify-content:space-between;padding:10px}.audioLinksHeaderTitle{font-weight:500}.audioLinksHeaderCloseBtn{color:#fff;font-size:20px}.audioLinksWrapper{background-color:#f5f5f5;border-top-left-radius:5px;border-top-right-radius:5px;bottom:60px;box-shadow:1px 1px 20px #0003;left:60%;position:fixed;z-index:3}.audioLinks{align-items:center;background-color:#1f1d1d;display:flex;flex-direction:column;gap:2px;height:450px;justify-content:flex-start;overflow-y:scroll;padding:10px;width:-webkit-max-content;width:max-content}.lyricGenerated{background-color:#00000080;border-radius:5px;color:#d3d3d3;font-size:16px;font-weight:400;left:50%;line-height:1.2;max-height:7.2em;overflow-y:auto;padding:5px;position:absolute;scrollbar-color:#555 #222;scrollbar-width:thin;text-align:left;top:-50%;transform:translate(-50%,-50%);white-space:pre-wrap}.lyricGenerated::-webkit-scrollbar{width:6px}.lyricGenerated::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.lyricGenerated::-webkit-scrollbar-thumb:hover{background-color:#777}.lyricGenerated::-webkit-scrollbar-track{background-color:#222;border-radius:4px}.audio-player{align-items:center;background-color:initial;border-radius:8px;display:flex;flex-direction:column;max-width:-webkit-max-content;max-width:max-content;padding:5px 0}.audio-player .fa-icon{color:#fff}.controls{gap:20px;width:100%}.controlBtns,.controls{align-items:center;display:flex}.controlBtns{gap:5px}.slider{appearance:none;-webkit-appearance:none;background:#ddd;border-radius:4px;cursor:pointer;flex:1 1;height:4px;opacity:.7;outline:none;transition:opacity .2s;width:400px}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4caf50;border-radius:5px;cursor:pointer;height:12px;width:5px}.time{font-size:14px}.mobile-buttons,.mobile-player-progress,.mobile-slider,.mobile-track-info{display:none}@media screen and (max-width:768px){.audio-player{background-color:#1c1c1c;border-radius:0;bottom:0;left:0;margin:0;padding:0;position:fixed;width:100%;z-index:999}.controls{align-items:center;display:flex;justify-content:space-between;margin:0;padding:8px 12px;width:100%}.mobile-player-progress{background-color:#6a0dad;margin:0;padding:0;right:0;width:100vw}.mobile-player-progress,.mobile-slider{display:block;height:3px;left:0;position:absolute;top:0}.mobile-slider{background:#0000;cursor:pointer;opacity:0;outline:none;width:100%;z-index:10}.mobile-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0000;height:0;width:0}.mobile-track-info{align-items:center;display:flex;flex:1 1;gap:10px}.mobile-track-info img{border-radius:4px;height:40px;object-fit:cover;width:40px}.mobile-track-text{display:flex;flex-direction:column;overflow:hidden}.mobile-track-text .title{color:#fff;font-size:14px;font-weight:600}.mobile-track-text .artist,.mobile-track-text .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-track-text .artist{color:#ccc;font-size:12px}.mobile-buttons{display:flex;gap:8px}.mobile-buttons button{background:#0000;border:none;color:#fff}.controlBtns,.fromFooter,.slider,.time{display:none!important}}.playButton{align-items:center;background-color:#da91a4!important;border-color:#0000!important;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:60px;justify-content:center;padding:0;transition:.2s;width:60px}.playButton:hover{background-color:#fff!important;border-color:#da91a4!important;color:#da91a4!important;transition:.2s}.playButton.xs{font-size:12px;height:20px;width:20px}.playButton.sm{font-size:16px;height:30px;width:30px}.playButton.md{font-size:25px;height:50px;width:50px}.playButton.lg{font-size:35px;height:70px;width:70px}.AudioInfoField,.detailInfoBtn{align-items:center;display:flex;gap:10px}.AudioInfoField{background-color:#4e4141;border-radius:10px;height:50px}.fromPlaylist{height:35px;width:100%}.fromAudioList{padding:5px}.fromAudioList:hover,.isCurrentAudio{background-color:#00000012}.fromAudioList,.isCurrentAudio{background-color:initial}.fromRepost{background-color:#00000012}.audioInfoAvatarWrapper{align-items:center;display:flex;justify-content:center;position:relative}.AudioInfoField .audioInfoPlayButton{display:none}.fromAudioList .audioInfoPlayButton{display:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.fromAudioList:hover .audioInfoPlayButton,.isCurrentAudio .audioInfoPlayButton{display:block}.audioInfoAvatar{border:1px solid #d3d3d3;border-radius:none!important;cursor:pointer;height:40px;object-fit:cover;width:40px}.fromPlaylist .audioInfoAvatar{height:30px;width:30px}.fromAudioList .AudioDetailInfo{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:200px}.fromPlaylist .AudioDetailInfo{width:70%}.AudioDetailInfo{align-items:flex-start;display:flex;flex-direction:column;font-size:14px;justify-content:center}.detailInfoArtist{color:#6f6f6f;font-size:12px}.detailInfoName{font-size:14px}.detailInfoArtist,.detailInfoName{cursor:pointer;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:240px}.fromPlaylist .detailInfoArtist,.fromPlaylist .detailInfoName{width:350px}.detailInfoBtn{gap:0}.fromAudioList .detailInfoBtn{align-items:center;display:flex;justify-content:flex-end;width:100px}.detailInfoDuration{align-items:center;color:#6f6f6f;display:flex;font-size:14px}.detailInfoCategory{color:#000;margin-right:10px}.detailInfoPlayCount{align-items:center;display:flex;gap:3px}.detailInfoTrackType{margin-left:5px}.fromAudioList .detailBtn{background-color:#f5f5f5b3;border-radius:8px;display:none}.fromAudioList:hover .detailInfoDuration{display:none}.fromAudioList:hover .detailBtn{display:block}@media screen and (max-width:768px){.fromFooter .AudioInfoField{display:none!important}}.fromFooter{display:none}@media screen and (max-width:768px){.fromFooter{display:block}}.conversationHeader{background-color:initial;position:-webkit-sticky;position:sticky;top:0;z-index:1}.conversationTitle{color:#fff;text-align:left}.conversationFunction{text-align:right}.functionBtn{color:#f0f8ff;margin-left:10px}.conversationSearch{background-color:#616161;border:none;border-radius:20px;color:#fff;margin-bottom:15px;padding:10px}.conversationWrapper{border-radius:5px;color:#fff;cursor:pointer;padding:5px;text-align:left;-webkit-user-select:none;user-select:none}.conversationWrapper:hover{background-color:#363636}.conversationContent{display:flex;flex-direction:column}.conversationName{font-weight:600}.conversationInfo{align-items:center;color:#616161;display:flex;font-size:12px;justify-content:flex-start;overflow:hidden}.conversationInfo.newComming{color:#fff;font-weight:600}.messagePreviewText{color:#726e6e;flex:1 1;margin-right:-3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messagePreviewTimeAgo{color:#726e6e;margin-left:10px}.messSettingHeader{border-bottom:1px solid #d3d3d3;margin:10px 0;padding-bottom:5px;width:100%}.messSettingTitleWrapper{align-items:center;cursor:pointer;display:flex}.messSettingTitle{align-items:center;display:flex;font-size:12px;font-weight:600;height:auto;line-height:16px;margin-left:5px;padding:2px 5px;text-align:left;white-space:normal;word-break:break-word}.messSettingTitle.choose:hover{background-color:#3b3b3b;border-radius:5px}.messSettingOption{padding:3px 0;-webkit-user-select:none;user-select:none}.messSettingIcon{align-items:center;display:flex;justify-content:center}.conversationSearch::placeholder{color:#fff}.conversationSearch.ant-input-focused,.conversationSearch:focus,.conversationSearch:hover{background-color:#616161!important;border:none!important;box-shadow:none!important;color:#fff!important}.notification-container{background-color:#f9f9f9}.filter-row,.header-row{margin-bottom:5px}.filter-tag{border-radius:999px;cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none}.section-label{display:block;font-size:16px;font-weight:700;margin:8px 0;text-align:left}.notification-title{font-size:18px;font-weight:b;margin-bottom:0}.notification-item{align-items:flex-start;background-color:#e6f7ff;border-radius:8px;color:#000;cursor:pointer;display:flex;margin-bottom:10px;padding:12px;position:relative}.notification-item.read{background-color:#f0f0f0}.notification-item.read .notification-content .title{color:#595959;font-weight:400}.notification-item.read .notification-content .time{color:#91d5ff}.notification-content{flex:1 1;text-align:left}.notification-content .title{font-weight:500}.notification-content .time{color:#1890ff;font-size:12px;margin-top:4px;text-align:left}.more-menu{padding-left:12px;z-index:2}.messageHeader{background-color:#323534;padding:8px}.messageHeaderTitleWrapper{text-align:left}.messageHeaderTitleBtn{align-items:center;background-color:initial;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex}.messageHeaderTitleBtn:hover{background-color:#a3bfbb;color:#323534}.messageHeaderTitleBtn .messageHeaderTitle{font-weight:600;margin-left:5px}.messageHeaderFunction{text-align:right}.messageHeaderFunction button{margin-left:5px}.messageBody{flex:1 1;overflow-y:scroll;padding:0 5px 10px;scrollbar-color:#1f1f1f #333;scrollbar-width:thin}.messageBody,.messageContent{display:flex;flex-direction:column}.messageContent{align-items:flex-start;height:-webkit-fit-content;height:fit-content;margin:10px 10px 10px 0;max-width:70%}.messageSenderName{color:#888;display:block;font-size:.75rem;font-weight:700;text-align:left}.messageContentTop{align-items:flex-start;display:flex}.messageAvtImg{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;-webkit-user-select:none;user-select:none;width:32px}.messageContentImg{margin:5px 0;max-height:200px;object-fit:contain;width:auto}.messageContentText{word-wrap:break-word;align-items:center;background-color:#f9dbdb;border-radius:20px;color:#000;display:flex;margin:0;max-width:200px;padding:5px 10px;position:relative;text-align:left;white-space:pre-wrap;word-break:break-word}.messageContentBottom{color:#888;font-size:10px;margin-top:4px;width:100%}.rightTimeAgo{padding-right:4px;text-align:right}.leftTimeAgo{padding-left:4px;text-align:left}.messageContentBottom.ownTimeAgo{margin-left:42px}.messageContent.own{align-items:flex-end;margin-left:auto;margin-right:10px}.messageContent.own .messageContentText{background-color:#1877f2;color:#fff}.messageContentText .ant-btn{left:-30px;position:absolute;top:50%;transform:translateY(-50%)}.messageContentBottom .editedText{color:#1890ff;font-size:.75rem;margin-left:8px}.messageFooter{align-items:center;background-color:#242424;display:flex;justify-content:center;padding:8px 0;position:-webkit-sticky;position:sticky;top:100%;z-index:1}.messageFooterBtnWrapper{align-items:flex-end;display:flex;justify-content:space-evenly}.emojiPickerWrapper{position:relative}.emojiPicker{bottom:40px;overflow-y:auto;position:absolute!important;position:fixed;right:0}.emojiPicker::-webkit-scrollbar{display:none}.messageFooterInput{background-color:#323534;border:none;border-radius:20px;color:#fff}.messageFooterInput::placeholder{color:#fff}.tooltipOptionsTitle{color:#fff;font-weight:600;text-align:center}.tooltipOptions .fa-pen,.tooltipOptionsTitle icon{color:#fff}.messageFooterInput textarea:focus,.messageFooterInput:focus,.messageFooterInput:focus-within{background-color:#242424!important;border:none!important;box-shadow:none!important;color:#fff}.conversationSettingWrapper{cursor:pointer;padding:5px}.conversationSettingWrapper.endConversationSection{border-bottom:1px solid #d3d3d3}.conversationSettingWrapper:hover{background-color:#e9e6e6}.conversationSettingIcon{align-items:center;display:flex;justify-content:center}.conversationSettingTitle{font-size:13px;font-weight:600;margin-left:5px}.groupHeader{background-color:#323534;padding:10px}.groupHeaderOptionWrapper{color:#000}.groupHeaderOption{align-items:center;display:flex;justify-content:center}.groupHeaderOption.title{justify-content:flex-start;margin-left:5px}.groupHeaderTitle{cursor:pointer;font-size:12px;font-weight:600;margin-right:5px;-webkit-user-select:none;user-select:none}.groupHeaderTitle.option{border-radius:5px;margin:0 5px;padding:2px 5px}.groupHeaderTitle.option:hover{background-color:#b9d9d4}.groupBody{display:flex;flex-direction:column;overflow-y:scroll;padding:10px;scrollbar-color:#1f1f1f #333;scrollbar-width:thin}.groupUserResult{border-bottom:1px solid #d3d3d3;border-radius:5px;padding:5px 10px}.groupUserResult:hover{background-color:#b9d9d4}.groupUserResultContent{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:flex-start}.createAccContainer,.groupUserResultContent.avatar{justify-content:center}.createAccContainer{align-items:center;display:flex;flex-direction:column;margin:1.5rem 1rem 0}.createAccBtn{font-size:.9rem;max-width:300px;width:100%}.googleBtn:hover{border-color:#d3d3d3!important;color:#000!important}@media (max-width:480px){.createAccContainer{margin:1rem .5rem 0}.createAccBtn{font-size:.8rem;padding:.3rem}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.forgotPasswordContainer{height:100%;overflow:hidden;padding:1rem;position:relative;width:100%}.emailStep,.otpStep{width:100%}.forgotPasswordContainer h3{font-size:1.2rem}.forgotPasswordContainer p{font-size:.9rem}.forgotPasswordContainer .ant-btn,.forgotPasswordContainer .ant-input{font-size:.9rem;padding:.3rem .5rem}.forgotPasswordContainer .ant-input[style*="width: 40px"]{font-size:.9rem;height:35px!important;width:35px!important}@media (max-width:480px){.forgotPasswordContainer{padding:.5rem}.forgotPasswordContainer h3{font-size:1rem}.forgotPasswordContainer p{font-size:.8rem}.forgotPasswordContainer .ant-btn,.forgotPasswordContainer .ant-input{font-size:.8rem;padding:.2rem .4rem}.forgotPasswordContainer .ant-input[style*="width: 40px"]{font-size:.8rem;height:30px!important;width:30px!important}}.header{background-color:#f3e5e4;margin:auto 0!important;padding:auto 4px!important;position:fixed;top:0;width:100%;z-index:999}.headerSpace{height:55px}.headerLeftWrapper{padding-left:0!important}.headerLeftWrapper,.headerLogoWrapper{align-items:center;display:flex;justify-content:flex-start}.headerLogoWrapper{height:55px;max-width:-webkit-max-content;max-width:max-content}.headerLogo{cursor:pointer;height:100%;object-fit:contain;width:auto}.headerLeftBtn{border-left:1px solid #f0f8ff;border-radius:0;font-size:1rem;font-weight:600;height:100%;min-width:80px;padding:0 .5rem;width:auto}.appHeaderSearch{align-items:center;display:flex;max-width:100%}.headerBtn{font-size:.9rem;margin-left:.5rem}.headerBtn.createAcc,.headerLeftBtn{background-color:#b9d9d4;color:#000}.headerBtn.premium{background-color:#9f8563}.headerBtn.premium:hover{background-color:#7d5934!important}.headerBtn.createAcc{border:none}.headerBtn.createAcc:hover,.headerLeftBtn:hover{background-color:#75bfb2!important;color:#000!important}.appHeaderFtn{flex-wrap:nowrap;justify-content:flex-end}.appHeaderFtn,.headerIconsWrapper{align-items:center;display:flex;gap:.3rem}.searchInputWrapper{width:100%}.searchOverlay{background-color:#f3e5e4;border-bottom:1px solid #d3d3d3;display:none;left:0;padding:.5rem 1rem;position:fixed;right:0;top:55px;z-index:1000}.searchOverlay.active{display:block}.profileTooltip{color:#000}.profileTooltipRow{border-radius:5px;cursor:pointer;padding:.3rem}.profileTooltipRow:hover{background-color:#b9d9d4}.profileTooltip p{font-size:.9rem;margin:.3rem 0}.profileTooltipIcon{align-items:center;display:flex;justify-content:center}.mobile-only{display:none}@media (min-width:769px){.mobile-only,.searchOverlay{display:none!important}.appHeaderFtn,.appHeaderSearch{display:flex!important}.headerLeftBtn{display:inline-block!important}}@media (max-width:768px){.header{padding:.3rem .5rem}.headerLogoWrapper{max-width:100px}.appHeaderSearch,.headerLeftBtn{display:none}.mobile-only{display:inline-block}.headerBtn{font-size:.8rem;margin-left:.3rem}.appHeaderFtn{gap:.2rem;justify-content:flex-end}.chatMenuInput{font-size:.9rem}.profileTooltip p{font-size:.8rem}.searchOverlay.active{display:block}}@media (max-width:480px){.headerLogoWrapper{max-width:80px}.headerBtn{font-size:.7rem;margin-left:.2rem}.appHeaderFtn{gap:.1rem}.chatMenuInput{font-size:.8rem}.profileTooltip p{font-size:.7rem}.searchBtn{padding:0!important}.searchOverlay .ant-btn{font-size:.8rem;padding:0 .5rem}}.stats-card{border-left:4px solid #1677ff;width:100%}.stats-card .ant-card-body{padding:12px 16px}.stats-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.stats-card__title{font-size:14px}.stats-card__icon{color:#1677ff;font-size:20px}.stats-card .ant-statistic-content{font-size:28px!important;font-weight:500;line-height:1.2}.stats-card__change-info{align-items:center;display:flex;font-size:13px;margin-top:8px}.stats-card__change-percentage{align-items:center;display:inline-flex}.stats-card__change-percentage--positive{color:#3f8600}.stats-card__change-percentage--negative{color:#cf1322}.stats-card__change-text{margin-left:8px}@media (min-width:768px){.stats-card .ant-card-body{padding:16px 20px}.stats-card .ant-statistic-content{font-size:32px!important}}@media (min-width:992px){.stats-card .ant-card-body{padding:20px 24px}.stats-card__title{font-size:16px}.stats-card__icon{font-size:24px}.stats-card .ant-statistic-content{font-size:38px!important}.stats-card__change-info{font-size:14px}}.userListContainer{min-height:100vh;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0}.ant-layout{background:#f0f2f5}.ant-layout-sider{background:#fff;border-right:1px solid #f0f2f5;display:flex;flex-direction:column;transition:all .2s}.ant-menu{border-right:0}.ant-menu-item{font-size:16px;margin:0;padding:10px 20px}.ant-menu-item .anticon{margin-right:8px}.ant-layout-content{padding:24px;transition:margin-left .2s}.dashboard-content{background:#fff;border-radius:4px;min-height:360px;padding:24px}.dashboard-content h2{font-size:20px;margin-bottom:16px}@media (max-width:767px){.ant-layout-sider{width:80px}.ant-layout-sider:not(.collapsed){width:250px}.ant-menu-item span{display:none}.ant-layout-sider:not(.collapsed) .ant-menu-item span{display:inline}.ant-layout-content .dashboard-content{min-height:300px}}@media (min-width:768px){.ant-layout-sider{width:250px}.ant-layout-sider.collapsed{width:80px}.ant-menu-item span{display:inline}}.report-card{border-radius:16px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.report-card:hover{box-shadow:0 6px 20px #00000014}.report-card-content{align-items:center;display:flex;gap:16px;padding:12px}.report-icon{align-items:center;background:#e6f7ff;border-radius:50%;color:#1890ff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.report-info{flex:1 1;text-align:left}.report-title{color:#888;font-size:14px;font-weight:500;margin-bottom:4px}.report-value{color:#111;font-weight:600}.icon,.report-value{font-size:24px}@media (max-width:576px){.report-card-content{align-items:flex-start;flex-direction:column}.report-icon{height:32px;margin-bottom:8px;width:32px}.icon{font-size:12px}}.report-details-page{background-color:#f0f2f5;padding:24px}.music-icon-avatar{align-items:center;background-color:#e6f7ff;color:#1890ff;display:flex;height:100px;justify-content:center;width:64px}.music-icon-avatar .anticon{font-size:32px}.target-info-card{height:100%;justify-self:start;width:100%}.target-info-card .ant-card-body{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.accept-button{background-color:#52c41a;border-color:#52c41a}.accept-button:focus,.accept-button:hover{background-color:#73d13d;border-color:#73d13d}.reject-button{background-color:#595959;border-color:#595959;color:#fff}.reject-button:focus,.reject-button:hover{background-color:#8c8c8c;border-color:#8c8c8c;color:#fff}.responsive-chart-container{aspect-ratio:4/3;min-height:250px}@media (min-width:768px){.responsive-chart-container{aspect-ratio:16/10}}@media (min-width:992px){.responsive-chart-container{aspect-ratio:21/4}}.RecommentAndPolicy{background-color:#1c1c1d;border:1px solid #999;border-radius:20px;box-shadow:0 0 20px #00d4aa4d;color:#fff;margin-top:20px;padding:20px;scroll-behavior:smooth;top:75px}.RecommentAndPolicy.inHomepage{position:-webkit-sticky;position:sticky}.rapHeader{align-items:center;border-bottom:1px solid #d3d3d3;color:#999;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;-webkit-user-select:none;user-select:none}.rapHeader:hover .rapHeaderRefresh{color:#dadada}.rapHeaderTitle{font-weight:500}.rightIcon{margin-right:3px}.avatarGroup{align-items:center;display:flex;justify-content:flex-start}.recommendArtist{margin-bottom:10px}.rapAvt,.rapName{cursor:pointer}.rapName{margin-top:3px}.rapInfo,.rapName{align-items:center;display:flex;gap:10px;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80%}.recommendArtistStatus{align-items:center;display:flex;justify-content:space-between}.rapInfo span{font-size:12px}.recommendFollowBtn{align-items:center;display:flex;font-size:14px;justify-content:center}.rapInfo{color:#999}.listenHistory{background-color:initial;margin-top:20px}.listenHistoryItem{border-radius:20px;margin:5px 0;padding:5px}.listenHistoryItem:hover{background-color:#463c3c}.listenHistoryImg{height:50px;max-width:100%;object-fit:cover;width:50px}.rapNameWrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.rapNameHover{color:#999;cursor:pointer;font-size:12px;width:-webkit-max-content;width:max-content}.listenHistoryTooltip{align-items:center;color:#000;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:5px 10px}.lisHisTooltipIcon{color:#999;font-size:12px}.profileInfo{color:#999;margin-bottom:20px}.profileInfoField{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start}.profileInfoField:hover{color:#000}.profileInfoField:not(:first-child){border-left:1px solid #d3d3d3;padding-left:5px}.profileInfoField span:first-child{font-size:13px}.profileInfoField span:last-child{font-size:20px;font-weight:500}.support{margin-top:20px}.supportEmail{align-items:center;color:#999;cursor:pointer;display:flex;font-style:italic;gap:5px;justify-content:flex-start;text-decoration:underline}.supportEmail:hover{color:#000}@media screen and (max-width:768px){.RecommentAndPolicy{margin-top:10px;top:50px}.rapHeader{margin-bottom:8px;padding-bottom:8px}.rapInfo,.rapName{gap:8px}.listenHistoryImg{height:40px;width:40px}.recommendArtist .ant-avatar{height:40px!important;width:40px!important}.userRow .ant-avatar{height:32px!important;width:32px!important}.profileInfoField span:first-child{font-size:12px}.profileInfoField span:last-child{font-size:16px}.recommendFollowBtn{font-size:12px}.listenHistory{margin-top:15px}}@media screen and (max-width:576px){.RecommentAndPolicy{display:none}}.followBtn.followingBtn,.followBtn:hover{border-color:#999!important}.followBtn.followingBtn{background-color:#999!important}.followBtn.followingBtn .rapIconBtn,.followBtn.followingBtn .rapTextBtn{color:#fff}.followBtn.followingBtn:hover{background-color:#999!important;border-color:#999!important}.rapIconBtn,.rapTextBtn{color:#999}.followBtn .rapIconBtn{width:14px}.followBtn .rapTextBtn{font-size:12px}.homeBtnsMenuList{-ms-overflow-style:none;background-color:#1c1c1d;display:flex;gap:10px;overflow-x:auto;padding:10px 12px;scrollbar-width:none}.homeBtnsMenuList::-webkit-scrollbar{display:none}.innerBtnMenuList{background-color:#333;border-radius:10px;color:#fff;flex-shrink:0;font-size:14px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.innerBtnMenuList:hover{background-color:#404040!important;color:#fff!important}.innerBtnMenuList.active{background-color:#f2f2f2;color:#000}.innerBtnMenuList.active:hover{background-color:#cecece!important;color:#000!important}.col-aligned-menu{display:flex;justify-content:center;position:-webkit-sticky;position:sticky;top:55px;z-index:999}.col-aligned-menu .homeBtnsMenuList{max-width:960px;width:100%}.scroll-fade-left{align-items:center;background:linear-gradient(90deg,#aeaeaee6,#0000);cursor:pointer;display:flex;height:44px;justify-content:center;left:0;position:absolute;top:0;width:48px;z-index:1000}.scroll-fade-left:hover{background:linear-gradient(90deg,#6d6d6df2,#0000)}.scroll-fade-right{align-items:center;background:linear-gradient(270deg,#aeaeaee6,#0000);cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:0;top:0;width:48px;z-index:1000}.scroll-fade-right:hover{background:linear-gradient(270deg,#6d6d6df2,#0000)}.homeItemlistWrapper{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin:20px 10px 0 0;width:100%}.homeItemlistWrapper.empty{align-items:center;display:flex;justify-content:center;min-height:300px}.homeItemWrapper{align-items:flex-start;background-color:#151516;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:5px}.homeItemWrapper:hover{background-color:#1c1c1d;border-radius:20px;box-shadow:0 0 20px #00d4aa4d;padding:10px}.homeItemImageWrapper{overflow:hidden;padding-top:100%;position:relative;width:100%}.homeItemWrapper.isTrackList .homeItemImageWrapper{box-shadow:4px 4px 0 #ccc,10px 10px 0 #aaa;width:95.5%}.homeItemPlayButton{bottom:8%;opacity:0;position:absolute;right:8%;transition:opacity .3s ease}.homeItemImageWrapper:hover .homeItemPlayButton{opacity:1}.homeItemPlayButton.alwaysVisible{opacity:1!important}.homeItemImage{cursor:pointer;height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.homeItemImage:hover{transform:scale(1.05)}.homeItemName{max-width:200px;padding-top:10px}.homeItemAuthor,.homeItemName{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homeItemAuthor{color:#a9a9a9;font-size:12px;max-width:150px;padding-top:2px}.carouselWrapper{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;overflow:hidden;padding:30px 0;position:relative;width:100%}.carouselWrapperHeader{align-items:center;display:flex;justify-content:flex-start;margin-top:20px}.carouselHeader{font-size:27px;font-weight:500;text-transform:capitalize}.imageContainer{display:flex;gap:10px;overflow-x:auto;padding:10px;scroll-behavior:smooth;width:100%}.imageContainer::-webkit-scrollbar{display:none;height:6px}.imageContainer::-webkit-scrollbar-thumb{background:#00000080;border-radius:10px}.imageContainer::-webkit-scrollbar-thumb:hover{background:#000c}.imageContainer::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.imageWrapper{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-content:center}.homeAlbumName{display:block;max-width:150px;overflow:hidden;padding-top:5px;text-overflow:ellipsis;white-space:nowrap}.homeAlbumCategory{color:#a9a9a9;font-size:12px;padding-top:2px}.carouselImage{flex-shrink:0;height:160px;object-fit:cover;width:160px}.scrollButton{background-color:#00000080;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px;position:absolute;top:50%;transform:translateY(-90%);transition:.2s}.scrollButton:hover{background-color:#000c;transition:.2s}.scrollButton.left{left:0}.scrollButton.right{right:0}.explore-section-tracklist{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:12px}.explore-section-title{font-size:24px;font-weight:600;text-align:start}.explore-container{width:100%}@media (max-width:1024px){.explore-section-tracklist{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.explore-section-tracklist{grid-template-columns:1fr}}@media (max-width:576px){.homeBtnsMenuList{margin-top:10px}.scroll-fade-left,.scroll-fade-right{top:10px}}@media (min-width:576px){.homeItemlistWrapper{grid-template-columns:repeat(2,1fr)}.homeItemName{font-size:10px}.homeItemAuthor{font-size:8px}}@media (min-width:768px){.homeItemlistWrapper{grid-template-columns:repeat(3,1fr);margin:20px 10px 0 0}.homeItemName{font-size:15px}.homeItemAuthor{font-size:12px}}.searchPageTitleWrapper{border-bottom:1px solid #d3d3d3;margin:20px auto}.searchPageTitle{float:left;font-size:25px;font-weight:500;padding-bottom:10px}.searchResultLoadingMore{display:flex;justify-content:center}.searchOptionsWrapper{align-items:flex-start;display:flex;flex-direction:column;gap:5px;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;position:-webkit-sticky;position:sticky;top:80px}.searchOptionItemBtn{background-color:#fff;border:none;border-radius:5px;color:#000;font-size:14px;margin:5px;padding:5px 20px;text-align:left;width:100%}.searchOptionItemBtn:hover{background-color:#d3d3d3}.searchOptionItemBtn.isFocus{background-color:#d8a3ab;color:#fff}.searchOptionTitle{margin-left:5px}.searchResultWrapper{min-height:calc(100vh - 80px);position:relative}.searchResultEmpty{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.searchResultEmptyTitle{color:#fff;font-size:25px;font-weight:500;margin-bottom:10px}.hashtagTitle{color:#000000b3!important;font-size:14px;margin:0}.bioPlaylistCommentArea{align-items:flex-start;display:flex;flex-direction:column;gap:4px;justify-content:flex-start;margin-bottom:15px;padding:5px 0 0}.bioPlaylistComment{font-size:16px;text-align:left}.bioShowMore{background-color:initial;border:none;color:#a9a9a9;cursor:pointer;font-size:12px;padding:0}.bioShowMore:hover{color:#000}.foundPlaylists{margin-top:20px;max-height:270px;overflow-y:auto;padding:10px}.trackOrTrackListItem{background-color:#312b2b;border:1px solid #00d4aa4d;border-radius:20px;color:#fff;margin-bottom:20px;padding:10px}.trackAvatarWrapper{position:relative}.trackAvatar{aspect-ratio:1/1;border:1px solid #d3d3d3;cursor:pointer;object-fit:cover;width:90%}.trackBodyWrapper,.trackPlayButtonWrapper{align-items:flex-start;display:flex;justify-content:flex-start}.trackMainInfoWrapper{width:calc(95% - 50px)}.trackMainInfoWrapper,.trackMainInfoWrapperForRepost{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.trackMainInfoWrapperForRepost{width:100%}.trackArtistWrapper{align-items:center;color:#999;display:flex;justify-content:flex-start;width:100%}.trackPlayButton{margin-right:5px}.trackArtist:hover{color:#000;cursor:pointer}.trackName{font-size:18px;width:95%}.trackName:hover{text-decoration:underline}.trackArtist{width:75%}.trackArtist,.trackName{cursor:pointer;display:inline-block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.trackArtist,.trackTimeAgo{color:#999;font-size:14px}.trackRepostEmptyWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.trackTimeAgoHashtagWrapper{align-items:flex-end;display:flex;flex-direction:column;gap:5px;justify-content:flex-start}.trackSubInfoWrapper{align-items:flex-end;display:flex;height:100%}.trackOrTrackListItem>.ant-col{display:flex;flex-direction:column}.trackButtons{align-items:center;display:flex;gap:5px;justify-content:flex-start}.trackBtn{font-size:12px}.trackSmallNote{align-items:center;display:flex;justify-content:flex-end}.trackListPreviewWrapper{margin:10px 0}.trackListPreviewItem{align-items:center;border:1px solid #d3d3d3;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:5px}.trackListPreviewItem.viewMore{justify-content:center}.trackListPreviewItem:hover{background-color:#c8c8c8}.trackListPreviewItem:not(:first-child){border-top:none}.trackListPreviewMainInfo{align-items:center;display:flex;gap:5px;justify-content:flex-start;overflow:hidden;width:80%}.trackListPreviewImg{border:1px solid #d3d3d3;height:30px;object-fit:cover;width:30px}.trackListPreviewImg.imgPlaylistItem{height:40px;width:40px}.trackListPreviewName{display:inline-block;font-weight:500;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackListPreviewViewCount.tagPlaylistItem{margin-left:20px}.trackListPreviewViewCount{color:#999;float:right;text-align:right;width:10%}.trackWarningAdultContentIcon{margin-right:10px;width:20px}.trackButtons .ant-btn[disabled]{box-shadow:none!important;cursor:not-allowed!important}.trackButtons .ant-btn[disabled],.trackButtons .ant-btn[disabled]:hover{background-color:#f5f5f5!important;border-color:#d9d9d9!important;color:#00000040!important}.searchAccItemWrapper{align-items:stretch;border-bottom:2px solid #d3d3d3;display:flex;gap:15px;justify-content:flex-start;margin-bottom:20px;padding-bottom:10px}.searchAccInfoWrapper{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:space-evenly}.searchAccItemAvt{cursor:pointer}.searchAccName{cursor:pointer;font-size:20px;font-weight:500}.searchAccBio{color:#797979;font-size:14px;margin-bottom:5px;text-align:left}.searchAccFollowArea{align-items:center;display:flex;gap:10px;justify-content:flex-start}.searchAccFollowInfo{color:#a9a9a9}.commentInputArea{align-items:center;display:flex;gap:5px;justify-content:space-between;width:100%}.commentInputArea.isReplyCmt{margin:5px 0}.commentAvatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.isReplyCmt .commentAvatar{height:26px;width:26px}.sendCommentIcon{color:#999;cursor:pointer;font-size:18px}.isReplyCmt .sendCommentIcon{font-size:14px}.sendCommentIcon:hover{color:#999999d5}.commentTreeItem{flex-direction:column}.commentItem,.commentTreeItem{align-items:flex-start;display:flex;gap:5px;justify-content:flex-start}.cmtAvatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.cmtReplyAvatar{height:26px;width:26px}.commmentContent{text-wrap:break-word;align-items:flex-start;background-color:#252121;border-radius:5px;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;padding:5px 10px 5px 5px;width:-webkit-max-content;width:max-content}.commentReplyTree{padding-left:32px}.commentUsername{font-size:12px;font-weight:700}.commentFuntional{align-items:center;color:#999;display:flex;font-size:10px;font-weight:500;gap:30px;justify-content:space-between;-webkit-user-select:none;user-select:none;width:100%}.commentFuntionalInfo{align-items:center;display:flex;flex:1 1;gap:8px}.commentFuntionalInfo span:not(:first-child):hover{color:#707070}.commentFuntionalInfo span:not(:first-child),.commentInfo span{cursor:pointer}.showReplyBtn{align-items:center;color:#8a8a8a;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:flex-start}.commentMenuIcon{border-radius:50%;color:#999;cursor:pointer;font-size:14px;margin-left:auto;padding:4px 8px;transition:background-color .2s}.commentMenuIcon:hover{background-color:#0000000d;color:#000}.commentMenu{min-width:120px;padding:4px 0}.commentMenu .ant-btn{font-size:14px;height:auto;line-height:1.5;padding:8px 16px;text-align:left;width:100%}.commentMenu .ant-btn:hover{background-color:#0000000d}.ant-modal-content{border-radius:12px}.ant-modal-header{border-radius:12px 12px 0 0}.ant-modal-body{padding:24px}.ant-modal-footer{border-radius:0 0 12px 12px;padding:12px 24px}.report-form-modal .ant-modal-content{border:none;box-shadow:0 4px 12px #00000026}.report-form-modal .ant-modal-header{background:#0000!important;border-bottom:none;border-radius:6px 6px 0 0;padding:16px 24px}.report-form-modal .ant-modal-header .ant-modal-title{color:#ff4d4f}.report-form-modal .ant-modal-close{color:#fff;right:16px;top:12px}.report-form-modal .ant-modal-close:hover{color:#ffccc7}.report-form-modal .custom-close-icon{align-items:center;background:#ff4d4f;border-radius:50%;color:#fff!important;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.report-form-modal .ant-modal-body{padding:0}.confirm-delete-warning-text{color:red;font-weight:700;margin:16px 0 0}.confirm-delete-title-wrapper{font-size:16px;margin:2px 0 16px}.confirm-delete-title{-webkit-user-select:none;user-select:none}.uploadUpdateTrackModal{padding:0!important;top:5%!important;width:700px!important}.trackModalWrapper{max-height:60vh;overflow-y:auto;padding:10px}.uploadTrackBtn{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px 0}.ant-upload-text.modify{font-size:18px!important;margin-top:5px!important}.ant-upload-hint.modify{font-size:12px!important;margin:0 0 5px}.uploadTrackAvatarBtn{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center}.radioOptions{font-size:12px}.creativeCommonOptionWrapper{align-items:flex-start;color:#008b8b;display:flex;flex-direction:column;justify-content:flex-start}.creativeCommonOptionWrapper span:first-child{font-weight:500}.creativeCommonOptionWrapper span:last-child{font-size:12px}.allRightsReservedRules{align-items:flex-start;color:#008b8b;display:flex;flex-direction:column;font-size:12px;justify-content:flex-start}.allRightsReservedRules.warning{margin-top:10px}.allRightsReservedRules.mainTitle span{font-size:15px}.allRightsReservedRules span{font-weight:500}.allRightsReservedRules .listOfRules{margin:0;padding:0 20px}.creativeCommonsCheckboxGroup{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-start}.audioQualitySlider{margin:0 auto;width:90%}.audioQualityHint{color:#a9a9a9;font-size:12px}.metadataDetail{background-color:#bc8f8f;padding:15px}.titleWrapperName{align-items:flex-start;flex-direction:column}.titleNameAndTag,.titleWrapperName{display:flex;gap:10px;justify-content:flex-start}.titleNameAndTag{align-items:center;flex-direction:row}.lyric{background-color:#000000b3;border-radius:5px;color:#d3d3d3;font-size:20px;font-weight:400;line-height:1.5;padding:5px;scrollbar-color:#555 #222;scrollbar-width:thin;text-align:left;transition:.2s;white-space:pre-wrap}.lyric.show-all{max-height:6em;overflow-y:auto;transition:.2s}.lyric::-webkit-scrollbar{width:6px}.lyric::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.lyric::-webkit-scrollbar-thumb:hover{background-color:#777}.lyric::-webkit-scrollbar-track{background-color:#222;border-radius:4px}.metaDetailTitle{background-color:#00000080;border-radius:5px;color:#fff;font-size:25px;font-weight:600;padding:5px;text-align:left}.metaDetailTitle.title{word-wrap:break-word;max-width:600px;white-space:normal}.metaDetailTitle.artist{word-wrap:break-word;color:#d3d3d3;font-size:16px;max-width:400px;white-space:normal}.metaDetailInfoWrapper,.metaDetailInfoWrapper .playInfo{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between}.metaDetailInfoWrapper .playInfo{bottom:2%;gap:5px;position:-webkit-sticky;position:sticky}.metaDetailImgTitleWrapper.with-footer,.metaDetailInfoWrapper .playInfo.with-footer{bottom:12%}.metaDetailInfoWrapper .subInfo{align-items:flex-end;display:flex;flex-direction:column;gap:20px;justify-content:space-between}.metaDetailTitleText{color:#fff;font-size:16px;font-weight:600}.metaDetailTitleText.track{font-size:18px}.metaDetailHashtagIconWrapper{align-items:center;display:flex;gap:10px;justify-content:flex-end}.metaDetailImgTitleWrapper{align-items:center;display:flex;justify-content:flex-end;transition:.2s}.metaDetailImgTitleWrapper.show-all{align-items:flex-end}.metaDetailImgTitle{height:auto;max-width:100%;object-fit:cover;width:260px}.metaDetailImgTitleWrapper.with-footer .metaDetailImgTitle{bottom:12%;position:-webkit-sticky;position:sticky;transition:.2s}.artistBioWrapper{margin-top:20px}.artistBioInfo{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.bioArtistName{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:85%}.bioArtistFollowWrapper{align-items:center;display:flex;gap:20px;justify-content:space-between}.bioArtistFollowers{color:#999;font-size:12px}.bioTags{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start;margin:5px 0;width:100%}.artistPlaylistsmallInfo{align-items:center;color:#999;display:flex;font-size:14px;gap:10px;justify-content:flex-end;margin-bottom:10px}.artistPlaylistsBtnsWrapper{align-items:center;display:flex;justify-content:space-between}.artistPlaylistsBtns{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-bottom:10px;padding-bottom:10px}.artistPlaylistTagsCriticalInfo{align-items:flex-end;display:flex;justify-content:flex-start;margin-bottom:20px}.artistPlaylists{align-items:flex-start;display:flex;flex-direction:column;gap:5px;justify-content:center}.audioFromPlaylist{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;justify-content:flex-start;padding-bottom:5px;width:100%}.audioFromPlaylistNumber{width:30px}.commentAreaWrapper{display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}@media screen and (max-width:768px){.metaDetailTitle.title{max-width:300px}.metadataDetail{padding:10px}.metaDetailTitle{font-size:20px}.metaDetailTitle.artist{font-size:14px;max-width:200px}.metaDetailImgTitle{width:200px}.artistBioWrapper,.metaDetailInfoWrapper{align-items:center}.artistBioWrapper{flex-direction:column}.artistBioInfo{align-items:center}.bioArtistName{text-align:center;width:100%}.artistBioInfo .ant-avatar{height:100px!important;width:100px!important}.artistPlaylistsBtns,.artistPlaylistsmallInfo{justify-content:center}.contentBorderSplit{display:none}}@media screen and (max-width:576px){.metaDetailTitle.title{max-width:150px}.metadataDetail{padding:8px}.metaDetailTitle{font-size:18px}.metaDetailTitle.artist{font-size:12px;max-width:100px}.metaDetailImgTitle{max-width:150px;width:100%}.metaDetailInfoWrapper{align-items:flex-start}.metaDetailHashtagIconWrapper{justify-content:flex-start}.artistBioWrapper{margin-top:10px}.artistBioInfo{align-items:flex-start}.artistBioInfo .ant-avatar{height:80px!important;width:80px!important}.artistPlaylistsBtns,.artistPlaylistsmallInfo,.bioArtistFollowWrapper{align-items:flex-start;flex-direction:column}.commentAreaWrapper{gap:5px}}.artistPlaylistsBtns .ant-btn[disabled]{box-shadow:none!important;cursor:not-allowed!important}.artistPlaylistsBtns .ant-btn[disabled],.artistPlaylistsBtns .ant-btn[disabled]:hover{background-color:#f5f5f5!important;border-color:#d9d9d9!important;color:#00000040!important}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.ant-icon{color:#d8a3ab;font-size:48}.changePasswordContainer{height:100%;overflow:hidden;position:relative;width:100%}.profileTitleHeader{background-position:50%;background-size:cover;padding:30px 0}.profileTitleImg{border-radius:50%;cursor:pointer;object-fit:cover}.profileTitleImg .ant-image-img{border-radius:50%!important;object-fit:cover!important}.profileTitleImg .ant-image-mask{border-radius:50%!important}.profileNameAndBio{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;width:80%}.profileBio,.profileCountry,.profileName{background-color:#000000b3;border-radius:5px;color:#fff;font-size:25px;font-weight:500;padding:5px;text-align:left}.profileBio{color:#d3d3d3;font-size:16px;font-weight:400;line-height:1.2;max-height:7.2em;overflow-y:auto;scrollbar-color:#555 #222;scrollbar-width:thin;white-space:pre-wrap}.profileBio::-webkit-scrollbar{width:6px}.profileBio::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.profileBio::-webkit-scrollbar-thumb:hover{background-color:#777}.profileBio::-webkit-scrollbar-track{background-color:#222;border-radius:4px}.profileButtons{align-items:center;display:flex;gap:10px;justify-content:flex-end;padding:20px 0 10px}.personalFlwBtn{color:#000}.personalFlwBtn.followed{color:#a9a9a9}.personalFlwBtnTitle{margin-left:5px}.borderSplitWrapper{align-items:flex-end;display:flex;justify-content:flex-start;margin-top:20px}.contentBorderSplit{border-right:1px solid #d3d3d3;height:100%;width:50%}.profileTabLabel{color:#fff;font-size:20px;font-weight:400}.showCreateUpdateTracklistBtnWrapper{align-items:center;display:flex;justify-content:flex-end;margin-bottom:10px}.showCreateUpdateTracklistBtn{background-color:#da91a4;border-color:#0000!important;color:#fff}.showCreateUpdateTracklistBtn:hover{background-color:#da91a4af!important;color:#fff!important}.profileTrackList{background-color:#da91a4}.profilePaginationWrapper{align-items:center;display:flex;justify-content:flex-end;margin-top:10px}.listOfTracks{background-color:#1c1c1d;border:1px solid #999;border-radius:20px;box-shadow:0 0 20px #00d4aa4d;color:#fff;padding:20px}.listeningHistoryContainer{padding:20px 0}.historyTitle{font-size:24px;font-weight:500;margin-bottom:20px;text-align:left}@media (max-width:768px){.listeningHistoryContainer{padding:10px!important}.historyTitle{font-size:20px!important;margin-bottom:15px!important}}.exception-container{align-items:center;display:flex;justify-content:center;margin:0;min-height:80vh;width:100vw}
/*# sourceMappingURL=main.01aca80b.css.map*/