/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Graphik,sans-serif;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:after,:before{border-color:currentColor}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.relative{position:relative}.-top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-mx-3\.5{margin-left:-.875rem;margin-right:-.875rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-2\.5{margin-right:.625rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-2\.5{margin-left:.625rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.h-16{height:4rem}.h-24{height:6rem}.w-9{width:2.25rem}.w-16{width:4rem}.w-44{width:11rem}.w-60{width:15rem}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-full{width:100%}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.overflow-hidden{overflow:hidden}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.border-solid{border-style:solid}.bg-player-bg{background-color:var(--player-bg)}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.text-xs{font-size:.75rem;line-height:1rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.leading-normal{line-height:normal!important}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.opacity-50{opacity:.5}*,:after,:before{--tw-shadow:0 0 transparent;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}button:focus{outline:none!important;outline-offset:0!important}:root{--primary-bg:#282828;--topbar-bg:#040404;--sidebar-bg:#000;--sidebar-popup-bg:#292929;--player-bg:#181818;--alpha-bg:hsla(0,0%,100%,0.1);--banner-home-dot:#d8d8d8;--loading-bg:hsla(0,0%,100%,0.1);--loading-bg-animation:hsla(0,0%,100%,0.1);--scroll-thumb-bg:hsla(0,0%,100%,0.3);--no-content-bg:hsla(0,0%,100%,0.1);--box-item-bg:hsla(0,0%,100%,0.1);--alpha-layout-bg:rgba(12,3,3,0.8);--artist-layout-bg:var(--alpha-layout-bg);--tab-active-bg:hsla(0,0%,100%,0.3);--queue-player-popup-bg:#2d2f32;--kara-lyrics-bg:#1e1e1e;--kara-btn-bg:hsla(0,0%,100%,0.1);--theme-setting-active:hsla(0,0%,100%,0.15);--progressbar-player-bg:hsla(0,0%,100%,0.3);--progressbar-active-bg:#fff;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,0.5);--text-item-hover:#fff;--player-text:#fff;--search-text:#eee;--text-placeholder:#757575;--setting-icon-text:#d8d8d8;--navigation-text:#a0a0a0;--sidebar-title:hsla(0,0%,100%,0.7);--song-item-action:hsla(0,0%,100%,0.5);--border-primary:hsla(0,0%,100%,0.1);--border-secondary:hsla(0,0%,100%,0.05);--spotlight-item:#130223;--queue-border:transparent;--border-player:hsla(0,0%,100%,0.1);--main-box-shadow:rgba(66,66,66,0.4);--sticky-header-box-shadow:rgba(0,0,0,0.2);--notify-box-shadow:rgba(0,0,0,0.6);--portal-menu-box-shadow:rgba(0,0,0,0.7);--main-text-stroke:#fff;--dark-alpha-10:rgba(0,0,0,0.1);--dark-alpha-50:rgba(0,0,0,0.5);--dark-alpha-70:rgba(0,0,0,0.7);--dark-alpha-80:rgba(0,0,0,0.8);--white:#fff;--black:#000;--fg-color:#b3b3b3}:root,[data-theme=purple]{--layout-bg:#121212;--purple-primary:#7200a1;--link-text-hover:#c662ef}[data-theme=purple]{--primary-bg:#432275;--sidebar-popup-bg:#2a213a;--alpha-layout-bg:rgba(41,21,71,0.8);--queue-player-popup-bg:#120822;--blur-queue-bg:rgba(30,21,47,0.9019607843137255);--chart-bg-img-alpha:rgba(32,19,53,0.9)}[class*=" ic-"]:before,[class^=ic-]:before,[data-icon]:before{font-family:"mp3-zing"!important;font-style:normal!important;font-weight:400!important;-webkit-font-feature-settings:normal!important;font-feature-settings:normal!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon{width:1.5rem;height:1.5rem;border-radius:1.5rem;display:inline-block;font-size:1.5rem;line-height:2rem;color:var(--text-primary)}.icon--xlarge{font-size:1.25rem;line-height:1.75rem}.icon--xsmall{width:1rem;height:1rem;font-size:1rem;line-height:1.5rem}.icon--4xlarge{width:2.5rem;height:2.5rem;font-size:2.25rem;line-height:2.5rem}.ic-library:before{content:"\e019"}.ic-mn-home:before{content:"\e017"}.ic-mn-zingchart:before{content:"\e015"}.ic-feed:before{content:"\e018"}.ic-mn-song:before{content:"\3e"}.ic-mn-catalogue:before{content:"\e013"}.ic-mn-top100:before{content:"\e014"}.ic-mn-mv:before{content:"\4f"}.ic-back:before{content:"\25"}.ic-forward:before{content:"\22"}.ic-search:before{content:"\e000"}.ic-upload:before{content:"\21"}.ic-settings:before{content:"\e001"}.ic-go-right:before{content:"\41"}.ic-go-left:before{content:"\7a"}.ic-volume:before{content:"\e009"}.ic-volume-mute:before{content:"\e00a"}.ic-shuffle:before{content:"\e003"}.ic-pre:before{content:"\56"}.ic-play-circle-outline:before{content:"\5f"}.ic-pause-circle-outline:before{content:"\3f"}.ic-next:before{content:"\4e"}.ic-repeat:before{content:"\59"}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-weight:400;font-size:.875rem;line-height:1.25rem;margin:0;background-color:var(--layout-bg);color:var(--text-primary)}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}::-webkit-scrollbar{width:3px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}main{position:relative;min-height:100%;width:calc(100% - 15rem)}button{outline:0}a:hover{color:var(--white)}#root{position:relative}.container{min-width:100%;display:flex;height:calc(100vh - 96px)}.sidebar{width:15rem;height:100vh;padding-top:4rem;padding-bottom:3.5rem;background-color:var(--sidebar-bg)}.sidebar__logo{display:inline-block;width:3rem}.sidebar__nav{width:100%}.sidebar__list li{border-left:2px;border-color:transparent;border-style:solid;color:var(--navigation-text)}.sidebar__list li.is-active,.sidebar__list li:hover{color:var(--text-item-hover)}.sidebar__list li.is-active{background-color:var(--alpha-bg);border-left:2px var(--purple-primary);border-style:solid;border-bottom-color:var(--purple-primary);border-right-color:var(--purple-primary);border-top-color:var(--purple-primary)}.sidebar__link{display:flex;align-items:center;padding:.625rem 1.5rem}.sidebar__divide{position:relative;height:1px}.sidebar__divide:after{top:0;position:absolute;left:1.5rem;right:1.5rem;border-color:var(--border-primary);border-top:1px var(--border-primary);border-style:solid;content:""}.topbar{display:flex;align-items:center;justify-items:center;height:5rem;padding-left:2rem;padding-right:2rem;background-color:var(--topbar-bg)}.topbar__left{display:flex;flex-grow:1;margin-right:.5rem}.topbar__right{display:flex;align-items:center;justify-content:flex-end}.topbar__button.is-disabled{cursor:not-allowed;opacity:.3;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.topbar__search{position:relative;width:100%;height:2.5rem;max-width:42rem;border-radius:1.5rem;display:flex;align-items:center;padding:1rem .75rem;margin-left:.75rem;background-color:var(--alpha-bg);color:var(--search-text)}.topbar__input{width:100%;height:2rem;background-color:transparent;margin-top:-.25rem;outline:none;outline-offset:0}.tooltip{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--alpha-bg)}.tooltip .icon{width:-webkit-max-content;width:max-content;margin-right:0}.mainpage{position:relative;width:100%;height:100%;overflow:hidden}.mainpage__container{position:absolute;overflow-x:hidden;overflow-y:scroll;margin:0 auto;padding:0 2.25rem;inset:0}.mainpage__content{position:relative;margin-top:1.5rem;margin-bottom:6rem}.title{font-size:1.125rem;line-height:1.75rem;font-weight:700}.channel+.channel{margin-top:2rem}.channel__carousel{display:flex}.card{width:20%}.card__image{cursor:pointer;position:relative;overflow:hidden}.card__image img{transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s}.card__image:hover:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--dark-alpha-50)}.card__image:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.sliders{margin-bottom:2rem}.sliders__container{position:relative;height:calc(30vw - 149.5px)}.sliders__container,.sliders__control{display:flex;align-items:center;justify-content:center}.sliders__control{position:absolute;border-radius:9999px;width:3.5rem;height:3.5rem;color:var(--white);background-color:hsla(0,0%,100%,.15);box-shadow:0 2px 4px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.sliders__control--next{top:50%;right:1.25rem;opacity:0}.sliders__control--prev{top:50%;left:1.25rem;opacity:0}.sliders__prev{left:0}.sliders__next,.sliders__prev{position:absolute;width:50%;height:100%;cursor:pointer;z-index:10}.sliders__next{right:0}.sliders__next:hover button,.sliders__prev:hover button{opacity:1}.sliders__item{position:absolute;height:auto;z-index:0;opacity:0;border-radius:.5rem;height:100%;width:40%;transition:opacity .5s ease-in-out,z-index 0s linear .25s,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out,z-index 0s linear .25s;transition:transform .5s ease-in-out,opacity .5s ease-in-out,z-index 0s linear .25s,-webkit-transform .5s ease-in-out}.sliders__item figure{border-radius:.375rem;overflow:hidden;height:0;padding-bottom:56.25%}.sliders__item img{width:100%;transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s}.sliders__item--previous{-webkit-transform:translateX(-77%) scale(.85);transform:translateX(-77%) scale(.85)}.sliders__item--next{-webkit-transform:translateX(77%) scale(.85);transform:translateX(77%) scale(.85)}.sliders__item--selected{opacity:1;z-index:2;-webkit-transform:translateX(0);transform:translateX(0)}.sliders__item--next,.sliders__item--previous{opacity:1;z-index:1}.sliders__item-selected{opacity:1;z-index:1;-webkit-transform:translateX(0);transform:translateX(0)}.progressBar{width:100%;height:1rem;cursor:pointer;display:flex;align-items:center}.progressBar:hover .progressBar__bg{height:.25rem}.progressBar:hover .progressBar__dot:after{visibility:visible}.progressBar__bg{width:100%;height:.25rem;position:relative;background-color:var(--alpha-bg)}.progressBar__dot{position:absolute;left:0;top:0;height:100%;background-color:var(--fg-color)}.progressBar__dot:after{content:"";right:-.5rem;top:-.25rem;border-radius:9999px;z-index:2;visibility:hidden;background-color:var(--fg-color)}.musicNote,.progressBar__dot:after{position:absolute;width:.75rem;height:.75rem}.musicNote{opacity:0;top:calc(50% - 5px);left:calc(50% - 5px);-webkit-animation-name:4.8s bubble-1 linear infinite;-webkit-animation:bubble-1 4.8s linear infinite;animation:bubble-1 4.8s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.musicNote path{fill:var(--text-primary)}.musicNote.note-2{-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-name:bubble-2;animation-name:bubble-2}.musicNote.note-3{-webkit-animation-delay:2.4s;animation-delay:2.4s}.musicNote .note-4{-webkit-animation-delay:3.6s;animation-delay:3.6s;-webkit-animation-name:bubble-2;animation-name:bubble-2}@-webkit-keyframes bubble-1{0%{opacity:0;-webkit-transform:rotate(90deg) translate(40px) rotate(-90deg);transform:rotate(90deg) translate(40px) rotate(-90deg)}50%{opacity:1;-webkit-transform:rotate(180deg) translate(55px) rotate(-180deg) scale(1.3);transform:rotate(180deg) translate(55px) rotate(-180deg) scale(1.3)}to{opacity:0;-webkit-transform:rotate(260deg) translate(70px) rotate(-260deg) scale(1.7) rotate(45deg) rotate(50deg);transform:rotate(260deg) translate(70px) rotate(-260deg) scale(1.7) rotate(45deg) rotate(50deg)}}@keyframes bubble-1{0%{opacity:0;-webkit-transform:rotate(90deg) translate(40px) rotate(-90deg);transform:rotate(90deg) translate(40px) rotate(-90deg)}50%{opacity:1;-webkit-transform:rotate(180deg) translate(55px) rotate(-180deg) scale(1.3);transform:rotate(180deg) translate(55px) rotate(-180deg) scale(1.3)}to{opacity:0;-webkit-transform:rotate(260deg) translate(70px) rotate(-260deg) scale(1.7) rotate(45deg) rotate(50deg);transform:rotate(260deg) translate(70px) rotate(-260deg) scale(1.7) rotate(45deg) rotate(50deg)}}@-webkit-keyframes bubble-2{0%{opacity:0;-webkit-transform:rotate(90deg) translate(40px) rotate(-90deg);transform:rotate(90deg) translate(40px) rotate(-90deg)}50%{opacity:1;-webkit-transform:rotate(175deg) translate(57.5px) rotate(-175deg) scale(1.3) rotate(-50deg);transform:rotate(175deg) translate(57.5px) rotate(-175deg) scale(1.3) rotate(-50deg)}to{opacity:0;-webkit-transform:rotate(260deg) translate(75px) rotate(-260deg) scale(1.7) rotate(45deg) rotate(-50deg);transform:rotate(260deg) translate(75px) rotate(-260deg) scale(1.7) rotate(45deg) rotate(-50deg)}}@keyframes bubble-2{0%{opacity:0;-webkit-transform:rotate(90deg) translate(40px) rotate(-90deg);transform:rotate(90deg) translate(40px) rotate(-90deg)}50%{opacity:1;-webkit-transform:rotate(175deg) translate(57.5px) rotate(-175deg) scale(1.3) rotate(-50deg);transform:rotate(175deg) translate(57.5px) rotate(-175deg) scale(1.3) rotate(-50deg)}to{opacity:0;-webkit-transform:rotate(260deg) translate(75px) rotate(-260deg) scale(1.7) rotate(45deg) rotate(-50deg);transform:rotate(260deg) translate(75px) rotate(-260deg) scale(1.7) rotate(45deg) rotate(-50deg)}}.thumbnail{margin:0;width:4rem;border-radius:9999px;position:relative;overflow:hidden;-webkit-animation:spinner 12s linear infinite;animation:spinner 12s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.music_played .musicNote,.music_played .thumbnail{-webkit-animation-play-state:running;animation-play-state:running}
/*# sourceMappingURL=main.52a715d2.chunk.css.map */