@import"https://fonts.googleapis.com/css2?family=Rubik+Puddles&display=swap";@import"https://fonts.googleapis.com/css2?family=Moirai+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap";@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.mobile{padding-bottom:20vh!important}.tablet{padding-bottom:5vh!important}.footer-container{transform:translateY(100px)}.footer-container .footer-box{display:flex;align-items:stretch;justify-content:space-evenly}.footer-container .footer-box .links,.footer-container .footer-box .contact,.footer-container .footer-box .copyright,.footer-container .footer-box .disclaimer{color:#fffa}.footer-container .footer-box .links h6,.footer-container .footer-box .contact h6,.footer-container .footer-box .copyright h6,.footer-container .footer-box .disclaimer h6{margin-bottom:20px;font-weight:900}.footer-container .footer-box .links div,.footer-container .footer-box .contact div,.footer-container .footer-box .copyright div,.footer-container .footer-box .disclaimer div{display:flex;flex-direction:column}.footer-container .footer-box .links div a,.footer-container .footer-box .contact div a,.footer-container .footer-box .copyright div a,.footer-container .footer-box .disclaimer div a{font-size:.7rem;margin-bottom:10px;transition:all .5s}.footer-container .footer-box .links div a:hover,.footer-container .footer-box .contact div a:hover,.footer-container .footer-box .copyright div a:hover,.footer-container .footer-box .disclaimer div a:hover{color:#42ff4f}.footer-container .footer-box .links p,.footer-container .footer-box .contact p,.footer-container .footer-box .copyright p,.footer-container .footer-box .disclaimer p{font-size:.7rem}@media screen and (max-width: 576px){.footer-container{padding-bottom:30vh}.footer-container .footer-box{flex-wrap:wrap}.footer-container .footer-box .links,.footer-container .footer-box .contact,.footer-container .footer-box .copyright{margin-bottom:15px}.footer-container .footer-box .links{width:40%}.footer-container .footer-box .contact{width:60%}.footer-container .footer-box .copyright{width:100%}.footer-container .footer-box .disclaimer h6{margin-bottom:15px}}@media screen and (min-width: 576px) and (max-width: 992px){.footer-container{padding-bottom:30vh}.footer-container .footer-box .links,.footer-container .footer-box .contact,.footer-container .footer-box .copyright{margin-bottom:15px}.footer-container .footer-box .links{width:15%}.footer-container .footer-box .contact{width:25%}.footer-container .footer-box .copyright,.footer-container .footer-box .disclaimer{width:30%}.footer-container .footer-box .disclaimer h6{margin-bottom:15px}}@media screen and (min-width: 992px){.footer-container{padding-bottom:150px}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.hot-container{position:relative;padding:50px}.hot-container .swiper,.hot-container swiper-container{overflow:visible}.hot-container .swiper{width:100%;height:100%;padding-bottom:10px}.hot-container .swiper-slide{text-align:center;font-size:18px;background:#121212;border-radius:5px;width:400px;display:flex;justify-content:center;align-items:center}.hot-container .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:5px 0 0 5px}.hot-container .swiper-horizontal>.swiper-pagination-bullets,.hot-container .swiper-pagination-bullets.swiper-pagination-horizontal,.hot-container .swiper-pagination-custom,.hot-container .swiper-pagination-fraction{bottom:0px}.hot-container .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.hot-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#fff}.hot-container .swiper-slide{margin-bottom:20px}.hot-container .swiper{padding-bottom:5vh}.hot-container h3{text-align:center;margin-bottom:30px}.hot-container h3 img{margin-left:10px;width:15px;height:10px}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.slider-box{-webkit-user-select:none;user-select:none;display:flex;align-items:center;height:18dvh}.slider-box .photo{width:40%;height:100%}.slider-box .text{width:60%;height:100%;display:flex;padding-left:10px;align-items:start;flex-direction:column;justify-content:space-evenly}.slider-box .text .songs-box-discover div{position:relative;padding:2px;display:flex;justify-content:start;flex-wrap:wrap;cursor:pointer;transition:all .5s}.slider-box .text .songs-box-discover div span{font-size:.8rem;transition:all .5s;display:flex;align-items:center}.slider-box .text .songs-box-discover div span .topChart-img{display:none;transform:translate(-5px);width:10px;height:10px;transition:all .5s}.slider-box .text .songs-box-discover div span:first-child{font-size:.9rem;font-weight:900;margin-right:10px}.slider-box .text .songs-box-discover div span:last-child{color:#fffa;margin-left:10px}.slider-box .text .songs-box-discover div:hover span{color:#42ff4f}.slider-box .text .songs-box-discover div:hover span:first-of-type{display:none}.slider-box .text .songs-box-discover div:hover span img{transition:all .5s;display:block}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.hot-box{width:100%;height:25dvh;-webkit-user-select:none;user-select:none;border-radius:10px}.hot-box .hot-img-box{position:relative;width:100%;height:100%}.hot-box .hot-img-box img{position:absolute;border-radius:10px;object-fit:cover;object-position:top}.hot-box .hot-img-box span{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:all .5s;border-radius:10px}.hot-box .hot-img-box span img{width:30px;height:30px;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.hot-box p{margin:10px 0;font-size:.8rem;color:#fffa}.hot-box:hover span{background-color:#000a;opacity:1;transition:all .5s}.hot-box:hover p{color:#42ff4f}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.playlist-container{-webkit-user-select:none;user-select:none}.playlist-container .playlist-img-box{transform:translateY(1.5vh);width:100%;position:relative;cursor:pointer}.playlist-container .playlist-img-box .cover-img{position:absolute;inset:0;border-radius:10px;object-fit:cover;object-position:center;width:100%;height:100%;transition:all 1s}.playlist-container .playlist-img-box span{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;opacity:0;transition:all .5s}.playlist-container .playlist-img-box span img{width:30px;height:30px;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.playlist-container .playlist-img-box:hover span{border-radius:0;background-color:#000a;opacity:1;transition:all .5s}.playlist-container .delete-box{position:absolute;top:0;left:0;width:100%;z-index:3;background-color:#000a}.playlist-container .delete-box button{cursor:pointer;position:absolute;inset:50% auto auto 50%;transform:translate(-60%,-50%);border-radius:5px;color:#fff;background-color:#ef233c}.playlist-container .delete-box button:hover{border:1px solid #ef233c;background-color:transparent}.playlist-container .delete-box-confirm{position:absolute;top:0;left:0;width:100%;z-index:5;background-color:#000a}.playlist-container .delete-box-confirm p{position:absolute;font-size:.8rem}.playlist-container .delete-box-confirm button{cursor:pointer;position:absolute;border-radius:5px;color:#fff;padding:5px 10px;border:1px solid #ef233c}.playlist-container .delete-box-confirm button:hover{border:1px solid rgba(255,255,255,.6666666667)}.playlist-container .delete-box-confirm button:first-of-type{color:#ef233c;background-color:transparent}.playlist-container .info{display:flex;justify-content:space-between;transform:translateY(4vh)}.playlist-container .info p{color:#fffa}.playlist-container .info .img-box2{position:relative;width:30px;height:10px;transform:translate(1vw) translateY(.3vh);cursor:pointer}.playlist-container .info .img-box2 img{width:20px;height:20px;padding:2px;transition:all .5s;border-radius:50%;border:1px solid #000}.playlist-container .info .img-box2 img:hover{border:1px solid #fff}@media screen and (max-width: 576px){.playlist-container{height:27vh}.playlist-container .playlist-img-box{height:20vh}.delete-box{height:22vh}.delete-box button{width:90%;padding:10px}.delete-box-confirm{height:22vh}.delete-box-confirm p{left:5%;top:15%}.delete-box-confirm button{width:30%;transform:translateY(5vh)}.delete-box-confirm button img{filter:grayscale(0%)!important;transform:translate(-1vw) translateY(.3vh)}.delete-box-confirm button:first-of-type{inset:50% auto auto 0%}.delete-box-confirm button:last-of-type{border-color:#f8f9fa;inset:50% 0% auto auto;background-color:transparent}}@media screen and (min-width: 576px) and (max-width: 992px){.playlist-container{height:25vh}.playlist-container .playlist-img-box{height:15vh}.delete-box{height:17vh}.delete-box button{width:90%;padding:10px}.delete-box-confirm{height:17vh}.delete-box-confirm p{left:5%;top:15%}.delete-box-confirm button{width:30%;transform:translateY(3vh)}.delete-box-confirm button img{filter:grayscale(0%)!important;transform:translate(-.3vw) translateY(.3vh)}.delete-box-confirm button:first-of-type{inset:50% auto auto 0%}.delete-box-confirm button:last-of-type{border-color:#f8f9fa;inset:50% 0% auto auto;background-color:transparent}}@media screen and (min-width: 992px){.playlist-container{height:40vh}.playlist-container .playlist-img-box{height:17vw}.delete-box{height:18vw}.delete-box button{width:65%;padding:10px}.delete-box-confirm{height:18vw}.delete-box-confirm p{left:15%;top:35%}.delete-box-confirm button{width:30%}.delete-box-confirm button img{filter:grayscale(100%)}.delete-box-confirm button:first-of-type{inset:50% auto auto 10%}.delete-box-confirm button:last-of-type{inset:50% 10% auto auto;background-color:#ef233c}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.single-album-box-container{height:40vh}.single-album-box-container .single-album-box-img-box{position:relative;width:100%;height:85%;cursor:pointer}.single-album-box-container .single-album-box-img-box .single-album-cover-img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:5px}.single-album-box-container .single-album-box-img-box span{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;opacity:0;transition:all .5s}.single-album-box-container .single-album-box-img-box span img{width:30px;height:30px;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.single-album-box-container .single-album-box-img-box:hover span{border-radius:0;background-color:#000a;opacity:1;transition:all .5s}.single-album-box-container p{color:#fffa;transform:translateY(2vh)}@media screen and (max-width: 576px){.single-album-box-container{height:10vh}.single-album-box-container p{font-size:.7rem}}@media screen and (min-width: 576px) and (max-width: 992px){.single-album-box-container{height:15vh}.single-album-box-container p{font-size:.7rem}}@media screen and (min-width: 992px){.single-album-box-container p{font-size:.8rem}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.hero-slider-container{height:65vh;position:relative;margin-bottom:80px;display:block}.hero-slider-container .hero-slider-box .her-slider-img-box{position:relative;width:100%;height:65vh}.hero-slider-container .hero-slider-box .her-slider-img-box img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center}.hero-slider-container .title{font-size:.8rem;padding:5px 20px;background-color:#00000020;border-radius:20px;position:absolute;top:3vh;left:3vw;color:#fffa}.hero-slider-container .info-title-box{position:absolute}.hero-slider-container .info-title-box h1{color:#fffa}.hero-slider-container .time-date-box{position:absolute}.hero-slider-container .time-date-box p{position:absolute;left:1vw;color:#fffa}@media screen and (max-width: 576px){.info-title-box{top:7vh;left:3vw}.time-date-box{bottom:7vh;left:3vw;width:90%}}@media screen and (min-width: 576px) and (max-width: 992px){.info-title-box{top:7vh;left:3vw}.info-title-box h1{font-size:3rem}.time-date-box{bottom:7vh;left:3vw;width:90%}}@media screen and (min-width: 992px){.info-title-box{bottom:0vh;left:3vw}.info-title-box h1{font-size:5rem}.time-date-box{bottom:10vh;right:1vw;width:30%}.time-date-box p{left:1vw}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.top-chart-container{padding:50px}.top-chart-container .swiper,.top-chart-container swiper-container{overflow:visible}.top-chart-container .swiper{width:100%;height:100%;padding-bottom:10px}.top-chart-container .swiper-slide{text-align:center;font-size:18px;background:#121212;border-radius:5px;width:400px;display:flex;justify-content:center;align-items:center}.top-chart-container .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:5px 0 0 5px}.top-chart-container .swiper-horizontal>.swiper-pagination-bullets,.top-chart-container .swiper-pagination-bullets.swiper-pagination-horizontal,.top-chart-container .swiper-pagination-custom,.top-chart-container .swiper-pagination-fraction{bottom:0px}.top-chart-container .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.top-chart-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#fff}.top-chart-container .swiper-slide{margin-bottom:20px}.top-chart-container h3{text-align:center;margin-bottom:30px}.top-chart-container h3 img{margin-left:10px;width:15px;height:10px}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.discover-container{scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px}@media screen and (max-width: 576px){.discover-container{width:90vw!important;padding:0 25px!important;margin-top:50px;scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.top-artist-container{margin-top:100px}.top-artist-container .top-artist-box{width:100%}.top-artist-container .top-artist-box .top-artists-flex{margin-top:50px}.top-artist-container .top-artist-box .top-artists-flex .top-artists-div{display:flex;align-items:center;justify-content:space-between}.top-artist-container .top-artist-box .top-artists-flex .top-artists-div .map-box{width:18%;height:60vh}.top-artist-container .top-artist-box .top-artists-flex .top-artists-div .map-box .top-artist-flex-mapp-div{width:100%;height:70%;position:relative;cursor:pointer;transition:all .5s;flex-direction:column}.top-artist-container .top-artist-box .top-artists-flex .top-artists-div .map-box .top-artist-flex-mapp-div .top-artist-blur-div{width:100%;height:100%;position:absolute;z-index:2;border-radius:5px}.top-artist-container .top-artist-box .top-artists-flex .top-artists-div .map-box .top-artist-flex-mapp-div .top-artist-img-box{width:100%;height:100%;z-index:1;position:absolute}.top-artist-container .top-artist-box .top-artists-flex .top-artists-div .map-box .top-artist-flex-mapp-div .top-artist-img-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:5px;transition:all .5s}.top-artist-container .top-artist-box .top-artists-flex .top-artists-div .map-box .top-artist-flex-mapp-div:hover img{transition:all .5s;filter:saturate(1.5)}.top-artist-container .top-artist-box .top-artists-flex .top-artists-div .map-box .title-box{margin-top:10px;width:100%;font-weight:400;color:#fffa}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.about-us-container{scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px}.about-us-container .about-us-box .title,.about-us-container .about-us-box .intro{text-align:center}.about-us-container .about-us-box .intro{margin:auto;margin-top:3vh}.about-us-container .about-us-box .abt-us-box-div a{color:#42ff4f;transition:all .5s}.about-us-container .about-us-box .abt-us-box-div a:hover{transition:all .5s;text-decoration:underline}.about-us-container .about-us-box .abt-us-box-div .contact-box{position:absolute}@media screen and (max-width: 576px){.about-us-container{margin-top:50px}.about-us-container .about-us-box{margin-bottom:0vh}.about-us-container .about-us-box .contact-box{width:100%;transform:translateY(-30vh)}.about-us-container .about-us-box .contact-box p{transform:translate(-2vw);padding:2vh}.about-us-container .about-us-box .contact-box p:first-of-type{margin-top:4vh}.about-us-container .footer{margin-bottom:50px;padding-bottom:50px!important;padding:0 20px}}@media screen and (min-width: 576px) and (max-width: 992px){.about-us-box{margin-bottom:5vh}.about-us-box .intro{width:80%}.about-us-box .contact-box{width:50%;transform:translate(40vw,-27.5vh)}.about-us-box .contact-box p{transform:translate(-2vw);padding:2vh}.about-us-box .contact-box p:first-of-type{margin-top:4vh}}@media screen and (min-width: 992px){.about-us-box{margin-bottom:10vh}.about-us-box .intro{width:50%}.about-us-box .contact-box{width:30%;transform:translate(31vw,-70vh)}.about-us-box .contact-box p{transform:translate(-2vw);padding:4vh}.about-us-box .contact-box p:first-of-type{margin-top:4vh}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.wht-is-box .sections-wht-is{display:flex;align-items:center;justify-content:space-between;margin-top:5vh}.wht-is-box .sections-wht-is .wht-is-div{width:25vw;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.wht-is-box .sections-wht-is .wht-is-div .wht-img-box{width:15vw;height:15vw;position:relative;margin:auto}.wht-is-box .sections-wht-is .wht-is-div .wht-img-box img{position:absolute;width:100%;height:100%;inset:0}.wht-is-box .sections-wht-is .wht-is-div p{width:100%;margin-top:5vh}@media screen and (max-width: 576px){.wht-is-box{margin-top:15vh;margin-bottom:0v h}.wht-is-box .sections-wht-is{flex-direction:column}.wht-is-box .sections-wht-is .wht-is-div{width:70vw;margin-bottom:5vh}.wht-is-box .sections-wht-is .wht-is-div:last-of-type{margin-bottom:0}.wht-is-box .sections-wht-is .wht-is-div .wht-img-box{width:30vw;height:30vw}.wht-is-box .sections-wht-is .wht-is-div p{text-align:center}}@media screen and (min-width: 576px) and (max-width: 992px){.wht-is-box{margin-top:15vh;margin-bottom:0v h}}@media screen and (min-width: 992px){.wht-is-box{margin-top:15vh;margin-bottom:20vh}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.nav-container{width:100vw;position:fixed;display:flex;align-items:center}.nav-container .left-container{width:17vw;height:10dvh;display:flex;align-items:center;justify-content:space-evenly}.nav-container .left-container .menu-bar-box{display:flex;align-items:center;justify-content:center}.nav-container .left-container .menu-bar-box img{width:25px;height:22px;cursor:pointer}.nav-container .left-container .logo-text-box h1{font-family:NoirProHeavy;cursor:pointer;color:#f8f9fa}.nav-container .search-container{width:35vw;height:10dvh;display:flex;align-items:center}.nav-container .search-container form{position:relative;display:flex;align-items:center;justify-content:end}.nav-container .search-container form input{background-color:#ffffff20;color:#fffa;border:none;border-radius:5px}.nav-container .search-container form input::placeholder{color:#fffa}.nav-container .search-container form input:focus{outline:none;border:none}.nav-container .search-container form .search{position:absolute;left:1vw}.nav-container .search-container form span{position:absolute;margin-right:10px;margin-top:5px;cursor:pointer}.nav-container .search-container form span img{width:20px;height:20px}.nav-container .right-container .download-btn-box{background-color:#42ff4f;color:#000;padding:10px 20px;margin-right:10px;border-radius:20px;cursor:pointer;transition:all .5s}.nav-container .right-container .download-btn-box img{width:20px;height:20px;margin-right:5px}.nav-container .right-container .download-btn-box:hover{transition:all .5s;filter:saturate(2)}.nav-container .right-container .download-btn-box:active{transform:scale(.9)}.nav-container .right-container .upload-login-container{display:flex;align-items:center;justify-content:space-evenly;cursor:pointer}.nav-container .right-container .upload-login-container .sign-up button{border:none;background-color:#42ff4f;color:#000}.nav-container .right-container .upload-login-container .sign-up button:hover{transform:scale(1.02)}.nav-container .right-container .upload-login-container button{border:none;border:1px solid rgba(255,255,255,.5647058824);cursor:pointer;outline:none;padding:7px 15px;width:9vw;border-radius:20px;color:#f8f9fa;transition:all .5s;background-color:transparent}.nav-container .right-container .upload-login-container button:hover{background-color:#42ff4f;color:#000;border:1px solid #121212}.nav-container .right-container .upload-login-container .upload-box{border:1px solid rgba(255,255,255,.6666666667);border-radius:20px;padding:10px 15px;transition:all .5s}.nav-container .right-container .upload-login-container .upload-box img{width:20px;height:20px;margin-right:10px}.nav-container .right-container .upload-login-container .upload-box:hover{border-color:#42ff4f;transition:all .5s}.nav-container .right-container .upload-login-container .upload-box:hover h4{transition:all .5s;color:#42ff4f}.nav-container .right-container .upload-login-container .upload-box:active{transform:scale(.9)}.nav-container .right-container .upload-login-container .login-box{display:flex;align-items:center;cursor:pointer;transition:all 1s}.nav-container .right-container .upload-login-container .login-box .user-box{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.nav-container .right-container .upload-login-container .login-box .user-box:hover{transition:all .5s}.nav-container .right-container .upload-login-container .login-box img{width:20px;height:20px}@media screen and (max-width: 576px){.nav-container{justify-content:space-between;flex-wrap:wrap;height:15vh}.nav-container .left-container{width:10%}.nav-container .left-container .logo-text-box{display:none}.nav-container .search-container{justify-content:center;transform:translate(0);width:90%}.nav-container .search-container input{width:85vw;height:5vh;padding-left:8vw}.nav-container .right-container{z-index:10;width:100%;height:5dvh;display:flex;align-items:center;justify-content:end}.nav-container .right-container .download-btn-box{display:none}.nav-container .right-container .upload-login-container{width:90%;transform:translateY(0)}.nav-container .right-container .upload-login-container .upload-box{display:none}.nav-container .right-container .upload-login-container .login-box .user-box img{transform:translate(-1vw);width:35px;height:35px}.nav-container .right-container .upload-login-container .login-box .expand-arrow{transform:translate(-3vw)}.nav-container .right-container .upload-login-container .login{width:45%;display:flex;align-items:center}.nav-container .right-container .upload-login-container .login button{width:100%}.nav-container .right-container .upload-login-container .sign-up{width:45%;display:flex;align-items:center}.nav-container .right-container .upload-login-container .sign-up button{width:100%}}@media screen and (min-width: 576px) and (max-width: 992px){.nav-container{height:10dvh;justify-content:space-between}.nav-container .left-container{width:15%}.nav-container .left-container .logo-text-box h1{font-size:.8rem}.nav-container .search-container{width:50%;display:flex;align-items:center;justify-content:center}.nav-container .search-container input{width:50vw;height:3.5vh;padding:0 4vw;display:flex;align-items:center}.nav-container .right-container{width:35%;height:10dvh;display:flex;align-items:center;justify-content:end}.nav-container .right-container .download-btn-box{display:none}.nav-container .right-container .upload-login-container{display:flex;justify-content:end;width:100%}.nav-container .right-container .upload-login-container .upload-box{transform:translate(-7vw)}.nav-container .right-container .upload-login-container .login-box{transform:translate(-5vw)}.nav-container .right-container .upload-login-container .login-box .user-box img{width:50px;height:50px}.nav-container .right-container .upload-login-container .login{width:100%;display:flex;align-items:center}.nav-container .right-container .upload-login-container .login button{width:100%}.nav-container .right-container .upload-login-container .sign-up{width:100%;display:flex;align-items:center}.nav-container .right-container .upload-login-container .sign-up button{width:100%}}@media screen and (min-width: 992px){.nav-container{height:10dvh}.nav-container .search-container{justify-content:end}.nav-container .search-container input{width:30vw;height:5dvh;padding:0 4vw}.nav-container .right-container{width:48vw;height:10dvh;display:flex;align-items:center;justify-content:end}.nav-container .right-container .download-btn-box{display:flex;align-items:center}.nav-container .right-container .upload-login-container{width:45%}.nav-container .right-container .upload-login-container .upload-box{display:flex;align-items:center;justify-content:center}.nav-container .right-container .upload-login-container .login-box .user-box img{width:50px;height:50px}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.side-bar-container{transform:translateY(10dvh);height:80dvh;width:5vw;position:absolute;z-index:4;transition:all .5s}.side-bar-container .width-control-container{transition:all .5s;height:100%;background-color:#121212;overflow-x:hidden;overflow-y:scroll}.side-bar-container .width-control-container .upper-block{border-bottom:1px solid rgba(255,255,255,.1254901961)}.side-bar-container .width-control-container .upper-block h4{font-weight:bolder;font-size:.9rem}.side-bar-container .width-control-container p{margin:10px 20px;font-weight:900;font-size:.7rem;color:#fffa}.side-bar-container .width-control-container .playlist-title{display:flex;align-items:center;cursor:pointer}.side-bar-container .width-control-container .playlist-title img{margin-left:10px;width:10px;height:10px}.side-bar-container .width-control-container .my-playlists-block h4{font-weight:400;font-size:.9rem;color:#fffa}@media screen and (max-width: 576px){.side-bar-container .width-control-container{transition:all .5s}.side-bar-container .width-control-container img,.side-bar-container .width-control-container h4{transform:translate(-10px)}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.pending{background-color:#a5ff38}.active{background-color:#143601}.active img{filter:saturate(10)!important}.active h4{color:#fff!important}.icon-box{margin:20px 0;height:4vh;display:flex;align-items:center;cursor:pointer;position:relative;transition:all .5s}.icon-box img{width:15px;height:15px;filter:saturate(0);margin:0 20px;transition:all .5s}.icon-box h4{font-weight:400;font-size:.9rem;color:#fffa}.icon-box .tooltips{position:fixed;z-index:1;transition:all .5s;opacity:0}.icon-box .tooltips:after{content:attr(data-tooltip);width:6vw;height:3vh;font-size:.9rem;font-weight:900;color:#000;background-color:#a5ff38;position:absolute;top:-1.75vh;left:50px;padding:2px 5px 1px 10px;border-radius:1px}.icon-box:hover .tooltips{transition:all .5s;opacity:1}.icon-box:hover img{transition:all .5s;filter:saturate(10)}.icon-box:hover h4{color:#42ff4f;transition:all .5s}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.player-container{width:100vw;background-color:#121212;position:fixed;z-index:5;bottom:0;background-color:#00000060;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;align-items:center}.player-container input[type=range]{position:relative;z-index:2;-webkit-appearance:none;width:30vw;height:1vh;background-color:#ffffff20;border-radius:10px;outline:none}.player-container input[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;width:15px;height:15px;background-color:#42ff4f;border:none;border-radius:50%}.player-container .value-percentage{transition:all .5s;width:0%;height:1vh;position:absolute;z-index:1;background-color:#42ff4f;left:5vw;border-radius:10px}.player-container .controls-container{display:flex}.player-container .controls-container .circle-box{width:60%;height:10dvh;display:flex;align-items:center;transform:translate(1vw)}.player-container .controls-container .circle-box .player-img-box{position:relative;width:55px;height:55px;overflow:hidden;border-radius:50%}.player-container .controls-container .circle-box .player-img-box img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;animation:rotate 60s linear infinite}@keyframes rotate{0%{transform:rotate(-360deg)}to{opacity:rotateZ(360deg)}}.player-container .controls-container .circle-box .info p{transform:translate(2vw);font-size:.8rem;color:#fffa}.player-container .controls-container .circle-box .info p:last-of-type{color:#ffffff50}.player-container .controls-container .controls-box{width:40%;display:flex;align-items:center;justify-content:center}.player-container .controls-container .controls-box .custom-audio-player{background-color:red}.player-container .controls-container .controls-box .custom-audio-player .rhap_progress-bar{background-color:green}.player-container .timeline-container{display:flex;align-items:center;justify-content:space-evenly;position:relative}.player-container .timeline-container span{width:20px;font-size:.8rem;color:#fffa}.player-container .song-container{transform:translate(10px);width:20vw;position:relative;display:flex;align-items:center}.player-container .song-container button:first-of-type{transform:translate(-1px)}.player-container .song-container input[type=range]{height:1vh;margin-right:10px}.player-container .song-container input[type=range]::-webkit-slider-thumb{width:10px;height:10px;background-color:#42ff4f}.player-container .song-container .value-percentage{background-color:#42ff4f;width:22%;height:1vh}@media screen and (max-width: 576px){.player-container{height:15dvh;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.player-container .controls-container{width:100vw}.player-container .controls-container .circle-box{display:none}.player-container .controls-container .controls-box{transform:translateY(4.5vh);margin-left:25px}.player-container .timeline-container{width:100vw;transform:translateY(-20px)}.player-container .timeline-container input{width:70vw}.player-container .timeline-container .value-percentage{left:15%;width:0%}.player-container .song-container{position:absolute;top:4.5vh;right:30vw}.player-container .song-container input{width:15vw}.player-container .song-container .value-percentage{display:none}}@media screen and (min-width: 576px) and (max-width: 992px){.player-container{height:15dvh;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.player-container .controls-container{width:100vw}.player-container .controls-container .circle-box{transform:translate(5vw)}.player-container .timeline-container{position:absolute;left:3vw;bottom:3.5vh;width:60vw}.player-container .timeline-container input{width:45vw}.player-container .timeline-container .value-percentage{left:12%;width:0%}.player-container .song-container{position:absolute;bottom:3vh;right:15vw}.player-container .song-container input{width:15vw}.player-container .song-container .value-percentage{display:none}}@media screen and (min-width: 992px){.player-container{height:10dvh}.player-container .controls-container{width:40vw;height:10dvh}.player-container .timeline-container{width:40vw}.player-container .timeline-container .value-percentage{width:0%}.player-container .song-container input{width:5vw}.player-container .song-container .value-percentage{left:4.8vw}.player-container .song-container button:nth-of-type(2),.player-container .song-container button:last-of-type{transform:translate(-1vw)}.player-container .song-container button:last-of-type{transform:translate(-2vw)}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.border{border:1px solid #ffffff}.sg-song-box-icon:after{font-size:.7rem!important;border-radius:5px!important;width:5vw;left:-2vw}.addFav:after{left:-3vw;width:6vw!important}.addPlay:after{left:-4vw;width:7vw!important}button{transform:translate(50px);outline:none;border:none;background-color:transparent;margin:0 10px;transition:all .5s;cursor:pointer}button img{width:20px;height:20px}button .tooltips{position:fixed;z-index:5;transition:all .5s;opacity:0}button .tooltips:after{content:attr(data-tooltip);font-size:.9rem;font-weight:900;color:#000;background-color:#a5ff38;border-radius:2px;position:absolute;padding:1px 5px}button:hover .tooltips{opacity:1;transition:all .5s}button:hover img{transition:all .5s;filter:saturate(10)}button:hover h4{color:#42ff4f;transition:all .5s}@media screen and (max-width: 576px){.tooltips:after{bottom:4vh;right:-10vw;padding:1px 5px}}@media screen and (min-width: 576px) and (max-width: 992px){.tooltips:after{bottom:3vh;right:-5vw;padding:1px 5px}}@media screen and (min-width: 992px){.tooltips:after{bottom:5vh;right:-3vw;padding:1px 5px}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.account-container .account-box{transition:all .5s;position:absolute;top:10vh;right:1vw;z-index:3;background:#121212;padding:10px 15px}.account-container .account-box p{cursor:pointer;font-size:.9rem;padding:10px;transition:all .5s;color:#fffa}.account-container .account-box p:first-of-type,.account-container .account-box p:nth-of-type(2){cursor:default}.account-container .account-box p:nth-of-type(2){border-bottom:1px solid rgba(255,255,255,.1254901961)}.account-container .account-box p:hover{color:#42ff4f}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.playlist-form-container{width:100vw;height:100vh;overflow-y:scroll;position:absolute;z-index:5;background:linear-gradient(to top,rgba(0,0,0,.062745098),rgba(0,0,0,.3137254902));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(px);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all .5s}.playlist-form-container .playlist-form-box{overflow-y:scroll;border-radius:5px 0 0 5px;background:linear-gradient(to bottom,rgba(0,0,0,.062745098),rgba(0,0,0,.1882352941));padding:10vh 6vw 3vh 6vw}.playlist-form-container .playlist-form-box img{cursor:pointer;width:20px;height:20px;position:absolute;top:3vh;right:3vw;transition:all .5s;border-radius:50%;border:1px solid rgba(0,0,0,.062745098)}.playlist-form-container .playlist-form-box img:hover{border:1px solid #f8f9fa}.playlist-form-container .playlist-form-box form{margin-bottom:3vh;display:flex}.playlist-form-container .playlist-form-box form input{border:none;outline:none;border-top-left-radius:5px;border-bottom-left-radius:5px;padding:15px 0vw 10px 15px;background-color:#f8f9fa;caret-color:#000}.playlist-form-container .playlist-form-box form input::placeholder{color:#000}.playlist-form-container .playlist-form-box form span{position:absolute;left:6.5vw;color:#ef233c;font-size:.7rem;font-weight:900;opacity:0;transition:all .5s}.playlist-form-container .playlist-form-box div{color:#fffa;cursor:pointer;padding:10px 20px;border-radius:5px;margin-bottom:5px;transition:all .5s}.playlist-form-container .playlist-form-box div:hover{background-color:#a5ff38;color:#121212}.playlist-form-container .playlist-form-box div:active{transform:scale(.9)}@media screen and (max-width: 576px){.playlist-form-box{height:50vh;width:90vw;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(-20vh)}.playlist-form-box form input{width:80vw}.playlist-form-box form input::placeholder{font-size:.6rem}.playlist-form-box form span{top:17vh}}@media screen and (min-width: 576px) and (max-width: 992px){.playlist-form-box{height:50vh;width:90vw;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(-20vh)}.playlist-form-box form input{width:80vw}.playlist-form-box form input::placeholder{font-size:.6rem}.playlist-form-box form span{top:15vh}}@media screen and (min-width: 992px){.playlist-form-box{height:50vh;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.playlist-form-box form input{width:25vw}.playlist-form-box form span{top:17vh}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.buttonComponent{border:none;border:1px solid #a5ff38;cursor:pointer;outline:none;padding:7px 15px;width:100px;border-radius:20px;color:#000;transition:all .5s;background-color:#a5ff38;font-weight:900;margin:0}.buttonComponent:hover{border:1px solid #a5ff38;color:#f8f9fa;font-weight:900;background-color:transparent}.buttonComponent:hover img{background-color:#fff;border-radius:50%;padding:3px}.buttonComponent img{width:15px;height:15px;margin-right:10px}.createPlayListForm{border-radius:0}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.delete-songs-from-playlist-container{width:100vw;height:100vh;overflow-y:scroll;position:absolute;z-index:5;background:linear-gradient(to top,rgba(0,0,0,.062745098),rgba(0,0,0,.3137254902));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(px);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all .5s}.delete-songs-from-playlist-container .delete-songs-form-playlist-box{border-radius:5px;display:flex;align-items:center;flex-direction:column;justify-content:space-evenly;background:linear-gradient(to top,rgba(255,255,255,.062745098),rgba(255,255,255,.1254901961))}.delete-songs-from-playlist-container .delete-songs-form-playlist-box .delete-btn-box{display:flex;align-items:center;justify-content:space-between}.delete-songs-from-playlist-container .delete-songs-form-playlist-box .delete-btn-box button{border-radius:20px;padding:10px;color:#fffa;background-color:transparent;transition:all .5s}.delete-songs-from-playlist-container .delete-songs-form-playlist-box .delete-btn-box button:last-of-type{border:1px solid rgba(255,255,255,.6666666667)}.delete-songs-from-playlist-container .delete-songs-form-playlist-box .delete-btn-box button:hover{border:1px solid #ef233c}.delete-songs-from-playlist-container .delete-songs-form-playlist-box .delete-btn-box button:active{transform:scale(.9)}@media screen and (max-width: 576px){.delete-songs-form-playlist-box{width:80vw;height:30vh;border:1px solid rgba(255,255,255,.6666666667)}.delete-songs-form-playlist-box h4{text-align:center}.delete-songs-form-playlist-box button{width:30vw}.delete-songs-form-playlist-box button:last-of-type{border:1px solid #f8f9fa}}@media screen and (min-width: 576px) and (max-width: 992px){.delete-songs-form-playlist-box{width:50vw;height:20vh;border:1px solid rgba(255,255,255,.6666666667)}button{width:15vw}}@media screen and (min-width: 992px){.delete-songs-form-playlist-box{width:30vw;height:30vh}button{width:10vw}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.search-drop-box-container{position:absolute;z-index:5;top:8vh;overflow-x:hidden;overflow-y:scroll;background-color:#121212}.search-drop-box-container .search-drop-box-container-box{position:absolute;border-radius:20px;width:100%;height:100%}.search-drop-box-container .search-drop-box-container-box .output-box{cursor:pointer;width:100%;display:flex;align-items:center;padding:2vh 2vw;transition:all .5s}.search-drop-box-container .search-drop-box-container-box .output-box .songIcon-box img{width:80%!important;height:80%!important;margin:.5vh auto}.search-drop-box-container .search-drop-box-container-box .output-box .search-img-box{position:relative;width:35px;height:35px;margin-right:20px}.search-drop-box-container .search-drop-box-container-box .output-box .search-img-box img{width:100%;height:100%;border-radius:50%;position:absolute;inset:0;object-fit:cover;object-position:center}.search-drop-box-container .search-drop-box-container-box .output-box p{padding-left:2vw;font-size:.8rem;color:#ffffff70}.search-drop-box-container .search-drop-box-container-box .output-box:hover{background-color:#ffffff20}.search-drop-box-container .search-drop-box-container-box .output-box:first-of-type{cursor:text}.search-drop-box-container .search-drop-box-container-box .output-box:first-of-type:hover{background-color:#121212}.search-drop-box-container .search-drop-box-container-box .not-found{width:70%;font-size:.9rem;margin-left:4vw;color:#a5ff38}@media screen and (max-width: 576px){.search-drop-box-container{left:12vw;width:86vw;height:38vh;padding:0 2vw}}@media screen and (min-width: 576px) and (max-width: 992px){.search-drop-box-container{left:15vw;width:49vw;height:38vh;padding:0 2vw}}@media screen and (min-width: 992px){.search-drop-box-container{left:22vw;width:30.3vw;height:38vh}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.queue-pop-up-container{overflow-y:scroll;position:absolute;right:0;z-index:4;box-shadow:0 8px 32px #121212;background-color:#00000060;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.queue-pop-up-container .queue-pop-up-box{width:100%;height:100%;inset:0}.queue-pop-up-container .queue-pop-up-box .title{color:#fffa;padding:3vh 2vw;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.queue-pop-up-container .queue-pop-up-box .title h6{font-weight:400}.queue-pop-up-container .queue-pop-up-box p{padding:0vh 2vw;height:6vh;color:#f8f9fa;display:flex;align-items:center;justify-content:space-between;transition:all .5s;font-size:.9rem}.queue-pop-up-container .queue-pop-up-box p img{width:15px;height:15px;cursor:pointer;border-radius:50%;transition:all .5s;border:1px solid rgba(0,0,0,.3764705882)}.queue-pop-up-container .queue-pop-up-box p img:hover{border-radius:50%;border:1px solid rgba(255,255,255,.3137254902)}.queue-pop-up-container .queue-pop-up-box p:first-of-type{color:#42ff4f}@media screen and (max-width: 576px){.queue-pop-up-container{width:65vw;height:85dvh;bottom:15vh}.queue-pop-up-container .queue-pop-up-box{padding:0 1.5vw}.queue-pop-up-container .queue-pop-up-box p{font-size:.8rem}}@media screen and (min-width: 576px) and (max-width: 992px){.queue-pop-up-container{width:45vw;height:85dvh;bottom:15vh}}@media screen and (min-width: 992px){.queue-pop-up-container{width:25vw;height:90dvh;bottom:10vh}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.library-container{scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px}.library-container .lib-box{width:100%}.library-container .lib-box .upper{display:flex;align-items:center}.library-container .lib-box .upper .left{display:flex;align-items:center;justify-content:center;width:40%;height:50vh}.library-container .lib-box .upper .left .img-box{transform:translate(1vw);width:300px;position:relative}.library-container .lib-box .upper .left .img-box img{cursor:default;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.library-container .lib-box .upper .right{width:60%}.library-container .lib-box .upper .right h2{color:#fffa}.library-container .lib-box .lower-lib-box{width:100%}.library-container .lib-box .lower-lib-box h2{margin-top:0vh;color:#fffa}.library-container .lib-box .lower-lib-box .lib-left .img-box-lib{position:relative;cursor:pointer}.library-container .lib-box .lower-lib-box .lib-left .img-box-lib .img-box-lib-img{border-radius:0;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.library-container .lib-box .lower-lib-box .lib-left .img-box-lib span{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;opacity:0;transition:all .5s}.library-container .lib-box .lower-lib-box .lib-left .img-box-lib span img{width:30px;height:30px;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.library-container .lib-box .lower-lib-box .lib-left .img-box-lib:hover span{border-radius:0;background-color:#000a;opacity:1;transition:all .5s}.library-container .lib-box .lower-lib-box .right{height:100%;position:relative}.library-container .lib-box .lower-lib-box .right p{font-size:.8rem;color:#fffa}.library-container .lib-box .lower-lib-box .right .right-box{height:100%}.library-container .lib-box .lower-lib-box .right .right-box .swiper-wrapper{padding:10px}@media screen and (max-width: 576px){.upper .right{width:100%}.upper .right h2{width:100vw}.upper .right .right-box{width:95vw;height:45vh}.lower-lib-box{flex-direction:column;align-items:start;margin-bottom:10vh;transform:translateY(5vh)}.lower-lib-box h2{text-align:left;width:100vw}.lower-lib-box .lib-left{width:100%;height:40%}.lower-lib-box .lib-left .img-box-lib{margin:3vh 0;width:30vw;height:30vw}.lower-lib-box .right{margin-top:10vh;width:100%;height:100%}.lower-lib-box .right .right-box{transform:translateY(2vh);width:100%;height:100%}.lower-lib-box .right .right-box .swiper-wrapper{padding:10px}}@media screen and (min-width: 576px) and (max-width: 992px){.upper .left .img-box{height:39vh}.upper .right{width:60%}.upper .right h2{transform:translate(6vw)}.upper .right .right-box{transform:translate(5vw);width:55vw;height:45vh}.lower-lib-box{margin-bottom:10vh;height:30vh;display:flex;align-items:center;transform:translateY(7vh)}.lower-lib-box .lib-left{width:40%;height:100%}.lower-lib-box .lib-left .img-box-lib{margin:6vh 0;width:20vw;height:20vw}.lower-lib-box .right{width:65%;height:100%}.lower-lib-box .right .right-box{transform:translateY(5vh);width:100%;height:100%}.lower-lib-box .right .right-box .swiper-wrapper{padding:10px}}@media screen and (min-width: 992px){.upper .left .img-box{height:300px}.upper .right{width:60%}.upper .right h2{transform:translate(5vw) translateY(-1vh)}.upper .right .right-box{transform:translate(5vw);width:55vw;height:45vh}.lower-lib-box{margin-top:5vh;margin-bottom:30vh;height:60vh;display:flex;align-items:center;transform:translateY(15vh)}.lower-lib-box .lib-left{width:30%;height:100%}.lower-lib-box .lib-left .img-box-lib{margin:6vh 0;width:80%;height:80%}.lower-lib-box .right{width:70%;height:100%}.lower-lib-box .right .right-box{width:100%;transform:translateY(5vh);height:100%}.lower-lib-box .right .right-box .swiper-wrapper{padding:10px}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.single-song-box{-webkit-user-select:none;user-select:none;transition:all .5s;cursor:pointer;width:100%;position:relative;justify-content:space-between;padding:3vh 10px;display:flex;align-items:center;border-radius:5px}.single-song-box .number{width:8%;color:#dee2e6}.single-song-box .title{width:63%;display:flex;align-items:center;justify-content:space-between;color:#dee2e6}.single-song-box .title .title-img-cover-box{display:flex;align-items:center}.single-song-box .title .title-img-cover-box .title-img-box{position:relative;margin-right:20px}.single-song-box .title .title-img-cover-box .title-img-box .cover-img-title{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.single-song-box .title .audio-wave-span{height:60px;width:60px;position:relative;transition:all .5s}.single-song-box .title .audio-wave-span img{transition:all .5s;position:absolute;inset:0;margin:auto}.single-song-box .controls-box{width:30%;display:flex;justify-content:space-evenly;justify-content:space-between}.single-song-box .controls-box p,.single-song-box .controls-box img{cursor:pointer}.single-song-box .controls-box p{width:3vw;color:#fffa}.single-song-box .controls-box img{width:20px;height:20px}.single-song-box .controls-box img:first-of-type{filter:saturate(3)}.single-song-box .controls-box .menu-box{position:absolute;background-color:#000;z-index:1;padding:1vh 5vw;top:2vh;right:10vw;border-radius:10px}.single-song-box .controls-box .mobile-menu-song img{width:20px;height:20px;transform:rotate(90deg)}.single-song-box:hover{background-color:#00000030}@media screen and (max-width: 576px){.number{font-size:.7rem}.title-img-cover-box .title-img-box{width:7vw;height:7vw}.title-img-cover-box .title-img-box img{border-radius:50%}}@media screen and (min-width: 576px) and (max-width: 992px){.controls-box p{transform:translate(-10px)}}@media screen and (min-width: 992px){.title-img-cover-box .title-img-box{width:50px;height:50px}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.card-skeleton{width:200px;display:flex;align-items:center;flex-direction:column!important}.solo-expand-flex{transform:translateY(10px);flex-direction:row}.solo-expand-flex .right-col{display:none}.solo-expand-flex-album{width:170px;height:170px}.solo-expand-flex-album .react-loading-skeleton{border-radius:10px!important}.solo-expand-flex-album .right-col{display:none}.dFlex{display:flex;flex-direction:column}.single-radio-gender-skeleton-box{display:flex}.single-radio-gender-skeleton-box .single-radio-gender-box-skeleton-box{transform:translateY(7vh);display:flex;border-radius:50%!important}@media screen and (max-width: 576px){.single-album-gender-skeleton-box{transform:translateY(0)!important;display:flex}.single-album-gender-skeleton-box .react-loading-skeleton{border-radius:5px!important}.card-skeleton{width:20vw;display:flex;flex-direction:column!important;justify-content:space-evenly;margin:0 40px 40px 0;transform:translate(20px)}.card-skeleton .left-col .react-loading-skeleton{width:20vw;height:20vw}.card-skeleton .right-col{width:20vw;text-align:center;color:#fffa}}@media screen and (min-width: 576px) and (max-width: 992px){.single-album-gender-skeleton-box{transform:translateY(7vh);display:flex}.single-album-gender-skeleton-box .react-loading-skeleton{border-radius:5px!important}.card-skeleton{width:10vw;margin:0 20px 40px 0;transform:translate(5vw)}.card-skeleton .left-col .react-loading-skeleton{width:10vw;height:10vw}.card-skeleton .right-col{width:10vw;text-align:center;color:#fffa}}@media screen and (min-width: 992px){.single-album-gender-skeleton-box{transform:translateY(7vh);display:flex}.single-album-gender-skeleton-box .react-loading-skeleton{border-radius:5px!important}.card-skeleton{width:200px;margin:0 20px 40px 0}.card-skeleton .left-col .react-loading-skeleton{width:170px;height:170px}.card-skeleton .right-col{width:200px;text-align:center;color:#fffa}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.success-box{position:absolute;background:linear-gradient(to bottom,rgba(0,0,0,.062745098),rgba(0,0,0,.1882352941));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:5;right:0;top:-1vh;padding:10px 5vw;border-radius:10px;border:1px solid #42ff4f;transition:all .5s;display:flex;align-items:center;justify-content:center}.success-box p{color:#42ff4f}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.artists-container{scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px}.artists-container .artists-box .text{text-align:center}.artists-container .artists-box .text h3{margin-bottom:3vh}.artists-container .artists-box .text p{font-size:.8rem;color:#fffa}.artists-container .artists-box .artists{margin-top:10vh;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.artists-container .artists-box .browse-artists-container{margin-top:10vh;text-align:center}.artists-container .artists-box .browse-artists-container .browse-artists-box{margin-top:10vh;display:flex;flex-wrap:wrap;justify-content:space-evenly}@media screen and (max-width: 576px){.artists-container{padding-bottom:10vh;margin-top:50px}.artists-container .footer{padding:0 20px 50px}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.small-artists-box{display:flex;align-items:center;flex-direction:column;cursor:pointer}.small-artists-box .img-box{border-radius:50%;position:relative}.small-artists-box .img-box img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top}.small-artists-box .img-box span{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;opacity:0;transition:all .5s}.small-artists-box .img-box span img{width:30px;height:30px;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.small-artists-box p{margin-top:20px;text-align:center;color:#fffa}.small-artists-box:hover p{transition:all 1s;color:#f8f9fa}.small-artists-box:hover span{background-color:#000a;opacity:1;transition:all .5s}@media screen and (max-width: 576px){.small-artists-box{width:25vw;height:18vh;margin:0 20px 40px 0}.small-artists-box .img-box{width:20vw;height:20vw}}@media screen and (min-width: 576px) and (max-width: 992px){.small-artists-box{width:160px;height:20vh}.small-artists-box .img-box{width:130px;height:130px}}@media screen and (min-width: 992px){.small-artists-box{width:200px;margin:0 20px 40px 0}.small-artists-box:nth-child(5),.small-artists-box:nth-child(10){margin-right:0}.small-artists-box .img-box{width:170px;height:170px}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;z-index:1}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.landscape-box{position:relative;margin-bottom:20px}.browse-coontainer .btn{cursor:pointer;padding:2px 15px;border-radius:20px;background-color:#aa17ff;box-shadow:1px 1px 5px #000;color:#000;display:flex;align-items:center;transition:all .5s}.browse-coontainer .btn h5{font-weight:900}.browse-coontainer .btn img{width:10px;height:10px;margin-left:10px}.browse-coontainer .img-box{width:100%;height:100%;cursor:pointer}.browse-coontainer .img-box img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:10px}.browse-coontainer .img-box span{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:all .5s;border-radius:10px}.browse-coontainer .img-box span img{width:30px;height:30px;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.vertical-box{position:relative}.absVertical{top:-17vh}.absLandScape{top:3vh}.upperBrowse .btn{position:absolute;top:1vw;right:1vw}.lowerBrowse .btn{position:absolute;bottom:1vw;left:1vw}.landscape-box:hover span,.vertical-box:hover span{background-color:#000a;opacity:1;transition:all .5s}.landscape-box:hover .btn,.vertical-box:hover .btn{transition:all .5s;filter:brightness(1.3)}@media screen and (max-width: 576px){.landscape-box,.vertical-box{width:60vw;height:15vh;margin-bottom:20px}.absVertical,.absLandScape{top:0}.browse-coontainer .img-box .browse-cover-img{object-position:top}}@media screen and (min-width: 576px) and (max-width: 992px){.landscape-box,.vertical-box{width:25vw;height:30vh;margin-bottom:20px}.absVertical,.absLandScape{top:0}.browse-coontainer .img-box .browse-cover-img{object-position:top}}@media screen and (min-width: 992px){.landscape-box{width:41.5vw;height:40vh;margin-bottom:20px}.vertical-box{width:20vw;height:60vh;margin-bottom:20px}.browse-coontainer .img-box .browse-cover-img{object-position:top}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.album-container{scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px;-webkit-user-select:none;user-select:none}.album-container .album-box{margin-bottom:10vh}.album-container .album-box .single-album-gender-skeleton-box{display:flex;transform:translateY(-5vh)}.album-container .album-box .local-male-box h3{margin-bottom:3vh}.album-container .album-box .local-male-box .swiper,.album-container .album-box .local-male-box swiper-container{overflow:visible}.album-container .album-box .local-male-box:last-of-type{margin-bottom:0}@media screen and (max-width: 576px){.album-container{margin-top:50px}.album-container .local-male-box{margin-bottom:13vh}.album-container .local-male-box h3{font-size:1rem}.album-container .footer{transform:translateY(-70px)}}@media screen and (min-width: 576px) and (max-width: 992px){.local-male-box{margin-bottom:12vh}.local-male-box h3{font-size:1rem}}@media screen and (min-width: 992px){.local-male-box{margin-bottom:15vh}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.playList-container{scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.chart-container{scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px}.chart-container .chart-box{display:flex;align-items:center;flex-direction:column}.chart-container .chart-box .chart-info-div{display:flex;align-items:center;flex-direction:column;text-align:center}.chart-container .chart-box .chart-info-div h3{margin-bottom:3vh}.chart-container .chart-box .chart-info-div p{font-size:.8rem;color:#fffa}@media screen and (max-width: 576px){.chart-container{margin-top:50px;padding:0 0 20vh!important}.chart-container .chart-box{margin-bottom:0vh}.chart-container .chart-box .single-chart-container h3{margin-left:5vw}.chart-container .chart-box .single-chart-container:last-of-type{margin-bottom:0}.chart-container .chart-box .chart-info-div{width:90%;padding:0 2vw;margin:2vh 0}.chart-container .footer{padding:0 20px 0 50px}}@media screen and (min-width: 576px) and (max-width: 992px){.chart-box{margin-bottom:0vh}.chart-box .chart-info-div{width:80%;margin-bottom:2vh}}@media screen and (min-width: 992px){.chart-box{margin-bottom:10vh}.chart-box .chart-info-div{width:50%;margin-bottom:10vh}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.bg-im-div{position:absolute;width:100%;height:100%;z-index:-1;border-radius:20px}.bg-im-div img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:20px}.single-chart-container{width:100%;position:relative;z-index:1;margin-bottom:10vh}.single-chart-container .local-rate-chart-div{border-radius:20px;background:linear-gradient(to bottom,#000000,rgba(0,0,0,.1882352941));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5vh 4vw}.single-chart-container .local-rate-chart-div h3{display:flex;align-items:center;justify-content:space-between;color:#42ff4f;border-radius:5px;padding:2.5vh 0vw}.single-chart-container .local-rate-chart-div h3 span{display:flex;align-items:center;font-size:.9rem;color:#fffa;border:1px solid #000;cursor:pointer;transition:all .5s}.single-chart-container .local-rate-chart-div h3 span img{margin-left:10px}.single-chart-container .local-rate-chart-div h3 span:hover{border-bottom:1px solid #42ff4f}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.radio-container{scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px}.radio-container .radio-box{margin-bottom:15vh}@media screen and (max-width: 576px){.radio-container{margin-top:50px}.radio-container .radio-box{margin-bottom:0vh}.radio-container .footer{transform:translateY(-100px);margin-bottom:0;padding:0 20px}}@media screen and (min-width: 576px) and (max-width: 992px){.radio-container .radio-box{margin-bottom:5vh}}@media screen and (min-width: 992px){.radio-container .radio-box{margin-bottom:15vh}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.sg-radio-box .sg-swipe-radio-box{display:flex;align-items:center;flex-wrap:wrap}.sg-radio-box .sg-swipe-radio-box .flex-radio-box{margin-right:2vw;height:25vh;display:flex;align-items:center;flex-direction:column;transition:all .5s}.sg-radio-box .sg-swipe-radio-box .flex-radio-box .radio-img-box{position:relative;cursor:pointer}.sg-radio-box .sg-swipe-radio-box .flex-radio-box .radio-img-box img{position:absolute;width:100%;height:100%;inset:0;border-radius:50%;object-fit:cover;object-position:center}.sg-radio-box .sg-swipe-radio-box .flex-radio-box .radio-img-box .hover-span{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;opacity:0;transition:all .5s}.sg-radio-box .sg-swipe-radio-box .flex-radio-box .radio-img-box .hover-span img{width:30px;height:30px;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.sg-radio-box .sg-swipe-radio-box .flex-radio-box .radio-img-box .cover-radio-span{position:absolute;width:100%;height:100%;inset:0;border-radius:50%;background:linear-gradient(to top,#000000,rgba(0,0,0,.1882352941));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset -5px -5px 10px #00000090}.sg-radio-box .sg-swipe-radio-box .flex-radio-box .radio-img-box .cover-radio-span img{inset:0;margin:auto}.sg-radio-box .sg-swipe-radio-box .flex-radio-box p{text-align:center;margin-top:3vh;color:#fffa;font-size:.9rem}.sg-radio-box .sg-swipe-radio-box .flex-radio-box:hover{transform:scale(1.05)}.sg-radio-box .sg-swipe-radio-box .flex-radio-box:hover p{transition:all .5s;color:#42ff4f}.sg-radio-box .sg-swipe-radio-box .flex-radio-box:hover .hover-span{background-color:#000a;opacity:1;transition:all .5s}@media screen and (max-width: 576px){.sg-radio-box{margin-bottom:5vh}.sg-radio-box .sg-swipe-radio-box{margin-top:5vh}.sg-radio-box .sg-swipe-radio-box .flex-radio-box{width:20vw;height:20vh}.sg-radio-box .sg-swipe-radio-box .flex-radio-box .radio-img-box{height:50px;width:50px}.sg-radio-box .sg-swipe-radio-box .flex-radio-box .radio-img-box .cover-radio-span img{width:50px;height:50px}}@media screen and (min-width: 576px) and (max-width: 992px){.sg-radio-box{margin-bottom:5vh}.sg-radio-box .sg-swipe-radio-box{margin-top:2vh}.sg-radio-box .sg-swipe-radio-box .flex-radio-box{width:10vw;height:14vh}.sg-radio-box .sg-swipe-radio-box .flex-radio-box .radio-img-box{width:9vw;height:9vw}.sg-radio-box .sg-swipe-radio-box .flex-radio-box .radio-img-box .cover-radio-span img{width:100px;height:100px}}@media screen and (min-width: 992px){.sg-radio-box{margin-bottom:10vh}.sg-radio-box .sg-swipe-radio-box{margin-top:5vh}.sg-radio-box .sg-swipe-radio-box .flex-radio-box{width:10vw}.sg-radio-box .sg-swipe-radio-box .flex-radio-box .radio-img-box,.sg-radio-box .sg-swipe-radio-box .flex-radio-box .radio-img-box .cover-radio-span img{width:100px;height:100px}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.video-container{scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.related-browse-container{scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px}.related-browse-container .box .text{text-align:center}.related-browse-container .box .text h3{margin-bottom:20px;text-transform:capitalize}.related-browse-container .box .text p{font-size:.8rem;color:#fffa}.related-browse-container .box .related-browse-box{margin-top:50px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}@media screen and (max-width: 576px){.related-browse-container{width:90vw!important;padding:0 25px!important;margin-top:50px;scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.sign-up-container{width:100vw;height:100dvh;overflow:hidden;background-color:#121212}.sign-up-container button{transition:all .5s;display:block;border-radius:50px;padding:15px 100px;font-size:1.1rem;cursor:pointer;width:30vw;outline:none;border:none}.sign-up-container button:hover{transition:all .5s;filter:saturate(1.2)}.sign-up-container .sign-up-box{width:100%;height:100%;display:flex}.sign-up-container .left-box .swiper-slide{width:50vw!important;height:100dvh;position:relative}.sign-up-container .right-box{display:flex;align-items:center;flex-direction:column;justify-content:center}.sign-up-container .right-box .google{padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1254901961)}.sign-up-container .right-box .google h1{font-family:Rubik Puddles,cursive;font-size:2rem;text-align:center}.sign-up-container .right-box .google h3{text-align:center;margin-top:10px;margin-bottom:30px;font-weight:900}.sign-up-container .right-box .google button{background-color:#42ff4f;color:#121212}.sign-up-container .right-box .email{display:flex;align-items:center;flex-direction:column;justify-content:center;margin-top:20px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1254901961)}.sign-up-container .right-box .email p{font-weight:900;margin-bottom:30px}.sign-up-container .right-box .email form{display:flex;align-items:center;flex-direction:column;position:relative}.sign-up-container .right-box .email form input{border:none;outline:none;border-radius:5px;padding:10px 20px;margin-bottom:30px;background-color:#fffa}.sign-up-container .right-box .email form input::placeholder{opacity:.8;font-size:1.05em;color:#121212}.sign-up-container .right-box .email form span{position:absolute;color:#ef233c;font-size:.7rem;font-weight:900;opacity:0;transition:all .5s}.sign-up-container .right-box .email button{margin-top:20px;background-color:#aa17ff;color:#f8f9fa}.sign-up-container .right-box .login p{font-size:.8rem;color:#fffa}.sign-up-container .right-box .login p span{color:#42ff4f;font-weight:900;text-decoration:underline;cursor:pointer}@media screen and (max-width: 576px){.right-box{width:100vw;height:100%}.right-box .google button,.right-box .email button{padding:2vh 0;width:80vw}.right-box .email input{width:75vw}.right-box .email span:first-of-type{top:5vh;left:6vw}.right-box .email span:nth-of-type(2){top:110px!important;left:6vw}.right-box .email span:last-of-type{top:16.6vh;left:6vw}.right-box .login{margin-top:5vh}}@media screen and (min-width: 576px) and (max-width: 770px){.right-box{width:100vw;height:100%}.right-box .google button,.right-box .email button{padding:2vh 0;width:60vw}.right-box .email input{width:50vw}.right-box .email span:first-of-type{top:4vh;left:6vw}.right-box .email span:nth-of-type(2){top:110px;left:6vw}.right-box .email span:last-of-type{top:16.6vh;left:6vw}.right-box .login{margin-top:5vh}}@media screen and (min-width: 770px) and (max-width: 992px){.left-box,.right-box{width:50%;height:100%}.right-box .google button,.right-box .email button{padding:1vh 0;width:40vw}.right-box .email input{width:35vw}.right-box .email span:first-of-type{top:3.2vh;left:6vw}.right-box .email span:nth-of-type(2){top:9vh!important;left:6vw}.right-box .email span:last-of-type{top:16.6vh;left:6vw}.right-box .login{margin-top:5vh}}@media screen and (min-width: 992px){.left-box,.right-box{width:50%;height:100%}.right-box .email input{width:20vw}.right-box .email span:first-of-type{top:6vh;left:6vw}.right-box .email span:nth-of-type(2){top:27vh;left:6vw}.right-box .email span:last-of-type{top:16.6vh;left:6vw}.right-box .login{margin-top:20px}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.slider-container-auth{width:50vw;height:100dvh;position:relative}.slider-container-auth .slider-box-auth,.slider-container-auth .slider-box-auth .img-box{width:100%;height:100%}.slider-container-auth .slider-box-auth .img-box img{object-fit:cover;object-position:bottom}.slider-container-auth .slider-box-auth .text-box{position:absolute;inset:0;width:100%;height:100dvh;backdrop-filter:blur(3px) saturate(1.5);-webkit-backdrop-filter:blur(3px) saturate(1.5);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 50px}.slider-container-auth .slider-box-auth .text-box h1{width:50%;font-weight:900;font-size:3rem;color:#000;filter:drop-shadow(10px 10px 10px #f8f9fa);font-family:Rubik Puddles,cursive}.slider-container-auth .slider-box-auth .text-box p{margin-top:20px;padding:10px 15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#00000090;border-radius:5px;color:#f8f9fa;font-size:1rem}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.expand-solo-container{padding:0!important;width:100vw!important;scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px;position:relative}.expand-solo-container .success-box{transform:translateY(2vh) translate(-4vw)}.expand-solo-container .bg-box{position:absolute;top:0;left:50px;width:95vw;height:95dvh}.expand-solo-container .bg-box img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.expand-solo-container .expand-solo-box{width:100vw;height:90dvh;overflow-y:scroll;background:linear-gradient(to bottom,#000000,rgba(0,0,0,.1882352941));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:0}.expand-solo-container .expand-solo-box .upper{display:flex;align-items:center;justify-content:space-between}.expand-solo-container .expand-solo-box .upper .photo .img-box{border-radius:50%;position:relative}.expand-solo-container .expand-solo-box .upper .photo .img-box img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;transition:all .5s}.expand-solo-container .expand-solo-box .upper .photo .img-box img:hover{filter:saturate(1.5)}.expand-solo-container .expand-solo-box .upper .info-box{height:170px;flex-direction:column;display:flex;align-items:stretch}.expand-solo-container .expand-solo-box .upper .info-box h1{font-weight:900;color:#f8f9fa}.expand-solo-container .expand-solo-box .upper .info-box h4 span{color:#ffffff90}.expand-solo-container .expand-solo-box .upper .des-box{border-radius:10px;display:flex;align-items:start;justify-content:center}.expand-solo-container .expand-solo-box .upper .des-box p{font-size:.9rem;line-height:1.2rem;color:#adb5bd}.expand-solo-container .expand-solo-box .album-title{padding:3vh 0}.expand-solo-container .expand-solo-box .album-title h2{color:#fffa}.expand-solo-container .expand-solo-box .album-title .note-message p{font-size:.8rem;color:#42ff4f}.expand-solo-container .expand-solo-box .lower{position:relative;display:flex;justify-content:space-between;align-items:start}.expand-solo-container .expand-solo-box .lower .songs-box{width:60%}.expand-solo-container .expand-solo-box .lower .album-box{display:flex;align-items:center;flex-wrap:wrap;transition:all .5s}.expand-solo-container .expand-solo-box .lower .album-box .img-box{position:relative;margin-right:10px;margin-bottom:10px;cursor:pointer;transition:all .5s}.expand-solo-container .expand-solo-box .lower .album-box .img-box .cover-album-span{position:absolute;width:100%;height:100%;inset:0;background:linear-gradient(to top,#000000,rgba(0,0,0,.1882352941));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:inset -5px -5px 10px #00000090;display:flex;align-items:center;justify-content:center}.expand-solo-container .expand-solo-box .lower .album-box .img-box .cover-album-span img{width:100px;height:100px;inset:0;margin:auto}.expand-solo-container .expand-solo-box .lower .album-box .img-box .album-cover-img{width:100%;height:100%;object-fit:cover;object-position:top}.expand-solo-container .expand-solo-box .lower .album-box .img-box .hover-album-span{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;opacity:0;transition:all .5s}.expand-solo-container .expand-solo-box .lower .album-box .img-box .hover-album-span img{width:30px;height:30px;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.expand-solo-container .expand-solo-box .lower .album-box .img-box:hover{transition:all .5s}.expand-solo-container .expand-solo-box .lower .album-box .img-box:hover .hover-album-span{border-radius:0;background-color:#000a;opacity:1;transition:all .5s}@media screen and (max-width: 380px){h2{margin-top:5vh!important}.note-message{position:absolute}.note-message p{font-size:.7rem;transform:translate(1vw,12vh)!important}}@media screen and (max-width: 576px){.expand-solo-container .bg-box{margin-top:55px}.expand-solo-container .expand-solo-box{margin-top:50px;padding:2vh 5vw 0 15vw}.expand-solo-container .expand-solo-box .upper{flex-wrap:wrap}.expand-solo-container .expand-solo-box .upper .photo{display:flex;align-items:start;justify-content:start;width:40%;margin-right:10px}.expand-solo-container .expand-solo-box .upper .photo .img-box{width:30vw;height:30vw}.expand-solo-container .expand-solo-box .upper .info-box{width:50%;justify-content:center}.expand-solo-container .expand-solo-box .upper .info-box h1{font-size:1.2rem}.expand-solo-container .expand-solo-box .upper .info-box h4{margin:2vh 0}.expand-solo-container .expand-solo-box .upper .des-box{width:100%;height:100%;padding:0}.expand-solo-container .expand-solo-box .upper .des-box p{transform:translateY(2vh)}.expand-solo-container .expand-solo-box .lower{flex-direction:column-reverse}.expand-solo-container .expand-solo-box .lower .songs-box{width:100%!important}.expand-solo-container .expand-solo-box .lower .album-box{width:100%;padding:2vh 2vw}.expand-solo-container .expand-solo-box .lower .album-box .img-box{width:15vw;height:15vw}}@media screen and (min-width: 576px) and (max-width: 992px){.expand-solo-box{padding:3vh 1vw 25vh 12vw}.expand-solo-box .upper .photo{margin-right:50px}.expand-solo-box .upper .photo .img-box{width:170px;height:170px}.expand-solo-box .upper .info-box{width:40%;justify-content:space-around}.expand-solo-box .upper .info-box h1{font-size:1.5rem}.expand-solo-box .upper .des-box{width:40%;height:170px;padding:0 5px 0 0}.expand-solo-box .upper .des-box p{transform:translateY(0)}.expand-solo-box .album-title{display:flex;align-items:center;justify-content:space-between;padding:1vh 0}.expand-solo-box .album-title h2{margin-right:5vw}.expand-solo-box .lower .songs-box{width:79%!important}.expand-solo-box .lower .album-box{width:21%;padding:5vh 0vw;justify-content:center}.expand-solo-box .lower .album-box .img-box{width:12vw;height:12vw}}@media screen and (min-width: 992px){.expand-solo-box{padding:3vh 1vw 25vh 8vw}.expand-solo-box .upper .photo{margin-right:50px}.expand-solo-box .upper .photo .img-box{width:170px;height:170px}.expand-solo-box .upper .info-box{width:60%;justify-content:space-around}.expand-solo-box .upper .info-box h1{font-size:3rem}.expand-solo-box .upper .des-box{width:40%;height:170px;padding:0 50px 0 0}.expand-solo-box .upper .des-box p{transform:translateY(5vh)}.expand-solo-box .album-title{display:flex;align-items:center;justify-content:space-between;padding:3vh 0}.expand-solo-box .album-title h2{margin-right:23vw}.expand-solo-box .lower .album-box{width:35%;padding:5vh 2vw}.expand-solo-box .lower .album-box .img-box{width:150px;height:150px}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.fav-container{scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px;padding-bottom:10vh;height:100%}.fav-container .lower{width:100%;transform:translateY(10vh);margin-bottom:20vh}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.upper-playlist{display:flex}.upper-playlist .img-box{position:relative;cursor:default}.upper-playlist .img-box img{border-radius:20px;position:absolute;object-fit:cover;object-position:center;width:100%;height:100%;inset:0}.upper-playlist .info{transform:translate(50px);display:flex;flex-direction:column;align-items:stretch;justify-content:space-around}.upper-playlist .info h1{font-size:3rem;font-weight:900;color:#f8f9fa}.upper-playlist .info h4{color:#42ff4f}.upper-playlist .info h4 span{color:#ffffff90}.upper-playlist .info h5{font-family:Dancing Script,cursive;letter-spacing:1px;text-transform:uppercase;color:#ffffff90}@media screen and (max-width: 576px){.upper-playlist .img-box{width:100px;height:100px}.upper-playlist .img-box img{border-radius:20px}.upper-playlist .info{transform:translate(6vw)}.upper-playlist .info h1{font-size:1rem}.upper-playlist .info h5{font-size:.8rem}}@media screen and (min-width: 576px) and (max-width: 992px){.upper-playlist .img-box{width:150px;height:150px}.upper-playlist .img-box img{border-radius:20px}.upper-playlist .info{transform:translate(5vw)}.upper-playlist .info h1{font-size:1rem}.upper-playlist .info h5{font-size:.8rem}}@media screen and (min-width: 992px){.upper-playlist .img-box{width:200px;height:200px;border-radius:10px}}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.soloPlayList-container{scroll-behavior:smooth;width:95vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:0;right:0;top:10dvh;padding:50px}.soloPlayList-container .lower{width:100%;transform:translateY(10vh);margin-bottom:20vh}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}.viewAll-container{position:relative;position:absolute;z-index:0;right:0;top:10dvh;transform:translate(5vw);overflow-y:scroll}.viewAll-container .view-all-hero-img-box{position:absolute;inset:0;width:95vw;height:100dvh}.viewAll-container .view-all-hero-img-box img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.viewAll-container .view-all-box{width:100vw;height:200dvh;margin-bottom:10vh}.viewAll-container .view-all-box .view-all-upper-box{padding:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to bottom,rgba(0,0,0,.1254901961),#000000);width:100vw;height:100dvh}button{transform:translate(0)}*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#0b090a}::-webkit-scrollbar-thumb{background-color:#343a40;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#495057}::-webkit-scrollbar-corner{background-color:#343a40}@font-face{font-family:NoirProHeavy;src:url(/font/NoirPro-Heavy.woff2) format("woff2"),url(/font/NoirPro-Heavy.woff) format("woff"),url(/font/NoirPro-Heavy.eot) format("eot")}@font-face{font-family:NoirProBold;src:url(/font/NoirPro-Bold.woff2) format("woff2"),url(/font/NoirPro-Bold.woff) format("woff"),url(/font/NoirPro-Bold.eot) format("eot")}body,html,#root{width:100vw;overflow:hidden;height:100dvh;color:#f8f9fa;background-color:#000;scroll-behavior:smooth}a{cursor:pointer;text-decoration:none;color:#fffa}.slide-in{position:fixed;z-index:10;top:0;left:0;width:100%;height:100dvh;transition:all .5s;background-color:#121212;transform-origin:bottom}.slide-out{position:fixed;z-index:10;top:0;left:0;width:100%;height:100dvh;transition:all .5s;background-color:#121212;transform-origin:top}#attribution_block{border:1px solid yellow!important}.container:hover .attribution{display:none!important}.not-found-container{width:100vw;height:100dvh;overflow:hidden}.not-found-container .not-found-box{position:relative;width:100%;height:100%}.not-found-container .not-found-box .nf-img-box{width:100%;height:100vh;position:relative}.not-found-container .not-found-box .nf-img-box img{position:absolute;inset:0;width:100%;height:100%}.not-found-container .not-found-box .nf-text-box{position:absolute;inset:0;z-index:1;height:10%;display:flex;align-items:center;justify-content:center;left:50%}.not-found-container .not-found-box .nf-text-box p{color:#fffa}.not-found-container .not-found-box .nf-text-box p span{color:#42ff4f;cursor:pointer;transition:all .5s}.not-found-container .not-found-box .nf-text-box p span:hover{transition:all .5s;text-decoration:underline}@media screen and (max-width: 380px){.nf-img-box{transform:translateY(25vh)}.nf-text-box{width:100%;transform:translate(-50%,55vh)!important}}@media screen and (max-width: 576px){.nf-img-box{transform:translateY(25vh)}.nf-text-box{width:100%;transform:translate(-50%,50vh)}}@media screen and (min-width: 576px) and (max-width: 992px){.nf-img-box{transform:translateY(20vh)}.nf-text-box{width:40%;transform:translate(-50%,60vh)}}@media screen and (min-width: 992px){.nf-text-box{width:40%;transform:translate(-50%,90vh)}}