@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@600;700&display=swap";*{margin:0;padding:0}.overall{background:#1D2123}.default-nav{position:fixed;top:0;z-index:3;background:#1D2123;width:100%;padding:30px}.navy{position:fixed;top:0;z-index:3;background:transparent;width:100%;padding:30px}.nav-dropdown{height:500px;background:#1D2123}.dropdown{background-color:#fff;font-family:Quicksand}.nav-item h6{color:#efeee040;font-family:Quicksand;font-size:17px}.hamburger{width:24px;height:24px}.bar-icon{width:29.78px;height:29.78px;color:#efeee040!important}.bar-icon.active{color:#facd66}.app-logo{width:44px;height:34px}.search-input{width:100%!important}*:focus{outline:none}.search{background:transparent;color:#fff}.search-icon{width:24px}.search::-moz-placeholder{color:#1e1e1e;opacity:1;font-family:Quicksand;font-weight:600}.search::placeholder{color:#1e1e1e;opacity:1;font-family:Quicksand;font-weight:600}.search:-ms-input-placeholder{color:#1e1e1e;font-family:Quicksand;font-weight:600}.search::-ms-input-placeholder{color:#1e1e1e;font-family:Quicksand;font-weight:600}.sidebar{margin:0;padding:0;width:100px;position:fixed;top:80px;height:100%;overflow:auto}.search-result-div{position:absolute;padding-top:10px;padding-bottom:15px;border-radius:5px;left:40px;width:225px;z-index:2;font-family:Quicksand;background:#1D2123}.sidebar a{display:block;color:#1d2123;padding:16px;text-decoration:none}.icon-div-1,.icon-div-2{background:#1E1E1E;width:50px;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25))}.hero-section-title{font-family:Quicksand}.hero-div{margin-top:70px;padding:30px}.hero-accomodate{position:relative}.hero-section-title-2{font-family:Quicksand;font-size:35px}.hero-section-text{position:absolute;top:17px;left:25px;height:100%;font-family:Quicksand;font-style:normal;font-weight:400;font-size:14px;line-height:120%}.hero-img{background-position:center center}.hero-paragraph{width:250px}.top-chart{font-family:Quicksand;font-weight:700;font-size:20px}.carousel{width:100%!important}.inner-carousel{display:flex;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.inner-carousel::-webkit-scrollbar{display:none}.music-chart-card{width:16rem;min-width:16rem;background:#1A1E1F;border-radius:20px}.chart-card-header{font-family:Quicksand;font-style:normal;font-weight:400;font-size:17px;line-height:120%}.chart-card-artist{font-family:Quicksand;font-style:normal;font-weight:400;font-size:12px;line-height:120%;color:#ffffff80}.chart-card-playtime{font-family:Quicksand;font-style:normal;font-weight:400;font-size:12px;line-height:120%}.heart2{width:27px;height:27px;border:1px solid rgba(255,255,255,.11);border-radius:50%;cursor:pointer}.artiste-profile{padding-top:80px;padding-left:30px;font-family:Quicksand;height:1000px}.artiste-img{width:90px;height:90px;border-radius:50%}.audio-player{position:fixed;bottom:0px;--primary: pink;display:flex;width:100%;height:125px;background:rgba(29,33,35,.3);border:1px solid rgba(255,255,255,.1);font-family:Quicksand;filter:drop-shadow(0px -25px 100px rgba(16,16,16,.51));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding-left:40px;padding-top:40px}.song-cover-art{width:49px;height:49px;box-shadow:0 15px 17px -10px #0000009c;border-radius:14px}.song-title{font-weight:700;font-size:14px}.artiste-name{font-size:10px}.duration{margin-left:5px}.forward-backward{background:none;border:none;display:flex;align-items:center;font-family:monospace;font-size:16px;cursor:pointer}.forward-backward:hover{color:var(--primary)}.play-pause{background:#FACD66;box-shadow:0 0 24.552px #ffffff4d;border-radius:135px;padding:10px;width:34px;height:34px}.progress-bar{--bar-bg: #ffe3d4;--seek-before-width:0;--seek-before-color:#FACD66;--knobby:#FACD66;--selectedknobby:#FACD66;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bar-bg);position:relative;height:5px;outline:none;border-radius:20px}.volume{width:18px;height:18px}.progress-bar::-webkit-slider-runnable-track{background:var(--bar-bg);position:relative;width:100%;height:11px;outline:none}.progress-bar::moz-range-track{background:var(--bar-bg);position:relative;width:100%;height:11px;outline:none}.progress-bar::moz-focus-outer{border:0}.progress-bar:before{content:"";height:11px;width:var(--seek-before-width);background-color:var(--seek-before-color);border-top-left-radius:10px;border-bottom-left-radius:10px;position:absolute;top:0;left:0;z-index:2;cursor:pointer}.progress-bar::-moz-range-progress{background-color:var(--seek-before-color);border-top-left-radius:10px;border-bottom-left-radius:10px;height:11px}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;height:55px;width:15px;border-radius:50%;border:none;background-color:var(--knobby);cursor:pointer;position:relative;margin:-2px 0 0;z-index:3;box-sizing:border-box}.progress-bar:active::-webkit-slider-thumb{transform:scale(1.2);background:var(--selectedknobby)}.progress-bar::-moz-range-thumb{height:15px;width:15px;border-radius:50%;border:transparent;background-color:var(--knobby);cursor:pointer;position:relative;z-index:3;box-sizing:border-box}.progress-bar:active::-moz-range-thumb{transform:scale(1.2);background:var(--selectedknobby)}.chart-category{position:relative;top:100px;padding-left:30px;font-family:Quicksand}.chart-header{font-style:normal;font-weight:700;font-size:35px;color:#a4c7c6}.chart-paragraph{font-style:normal;font-weight:400;font-size:14px;color:#efeee0}.red-heart{width:16px;height:16px}.chart-icon-div{background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:32px}.chart-icon-div p{font-style:normal;font-weight:400;font-size:10px}.chart-duration{font-style:normal;font-weight:400;font-size:14px}.chart-songs{width:100%}.chart-songs-div{width:100%;background:rgba(51,55,59,.37);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;height:56px}.artiste-img-div{position:relative;top:55px}.artiste-overview-name{position:relative;top:60px;display:flex;align-content:center;height:100%;background-color:red}.chart-coverart{width:39px;height:39px;border-radius:9px}.white-heart{width:20px;height:20px}.chart-song-title{font-style:normal;font-weight:400;font-size:12px}.chart-artsite{font-style:normal;font-weight:400;font-size:10px}.more-icon{width:14px;height:14px}.song-duration{font-style:normal;font-weight:400;font-size:12px}.shuffle-icon{width:16px;height:16px}.singles-section{position:relative;bottom:500px;color:#fff}.singles-div{position:relative;right:23px}.japan-singles{height:500px;padding-left:35px}.singles-title{font-family:Quicksand;font-size:24px}.singles-coverart{width:153px;height:153px;max-width:153px;max-height:153px;-o-object-fit:cover;object-fit:cover}.song-title,.artiste{font-family:Quicksand}.song-title{color:#a4c7c6}.artiste{font-size:18px}.collections{position:relative;top:100px;background:red;padding-left:100px}@media only screen and (min-width:319px) and (max-width:320px){.search-icon{position:relative;right:40px!important}.hero-paragraph{width:200px!important}.top-chart{padding-top:10px}.music-info{margin-top:20px}.chart-img{width:260px}.chart-card-playtime{margin-top:20px}.audio-player{padding-right:40px}.overall{height:1000px}.nav-dropdown{position:relative;right:24px!important;width:100vw!important;height:800px}.rectangle{width:108px;height:99px;border-radius:10px}}@media only screen and (min-width:340px) and (max-width:600px){.chart-img{width:370px}.rectangle{width:108px;height:99px;border-radius:10px}}@media only screen and (min-width:340px){.hero-img{border-radius:20px}.mini-hero-div{height:180px}.top-chart{padding-top:10px}.music-info{margin-top:20px}.chart-card-playtime{margin-top:15px}.audio-player{padding-right:40px}.overall{height:1000px}.nav-dropdown{position:relative;right:25px!important;width:100vw!important;height:800px}.chart-icon-div{padding:5px 10px}.search::-moz-placeholder{color:#fff;opacity:1}.search::placeholder{color:#fff;opacity:1}}@media only screen and (min-width:768px){.search-input{justify-content:start!important}.search::-moz-placeholder{color:#ffffff40;opacity:1}.search::placeholder{color:#ffffff40;opacity:1}.search:-ms-input-placeholder{color:#ffffff40}.search::-ms-input-placeholder{color:#ffffff40}.search-icon{width:16px!important;height:16px!important}.search-result-div{position:absolute;left:120px}.hero-div{margin-left:80px}.hero-img{background-attachment:scroll;background-position:center;background-size:600px!important}.hero-section-text{height:300px}.music-info{margin-top:20px}.music-chart-card{width:270px!important;min-width:270px!important}.rectangle{height:62px;border-radius:10px}.chart-card-playtime{margin-top:15px}.progress-bar{width:500px!important}.control-icons-div{position:relative;bottom:20px;display:flex;justify-content:center;width:100%!important}.audio-player{padding-left:100px;padding-right:50px}.progress-bar{width:320px!important}.progress-bar-2{width:100px!important}.chart-category{position:relative;top:80px;margin-left:70px}.chart-img{width:284px;height:288px}.japan-singles{padding-left:110px}}@media only screen and (min-width:992px){.hero-img{background-size:950px!important}.hero-section-text{height:320px}.top-chart{padding-bottom:0!important}.music-chart-card{width:280px!important;min-width:280px!important;height:90px;margin-top:10px}.music-info{display:flex;flex-direction:column;margin-top:-0px!important}.chart-card-artist{margin-top:3px}.chart-card-header{font-size:14px}.chart-card-playtime{margin-top:5px}.heart-icon-div{display:flex;flex-direction:row;align-items:center;height:100%}.audio-player{padding-left:120px}.progress-bar{width:500px!important}.progress-bar-2{width:100px!important}}@media only screen and (min-width:1200px){.hero-img{background-size:700px!important}.hero-section-text{height:340px}.hero-div{height:100%}.music-chart-card{width:500px!important;min-width:500px!important;margin-top:12px!important}.audio-player{padding-left:120px;padding-right:200px}.progress-bar{width:650px!important}.progress-bar-2{width:100px!important}}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}.\!container{width:100%!important}@media (min-width: 640px){.container{max-width:640px}.\!container{max-width:640px!important}}@media (min-width: 768px){.container{max-width:768px}.\!container{max-width:768px!important}}@media (min-width: 1024px){.container{max-width:1024px}.\!container{max-width:1024px!important}}@media (min-width: 1280px){.container{max-width:1280px}.\!container{max-width:1280px!important}}@media (min-width: 1536px){.container{max-width:1536px}.\!container{max-width:1536px!important}}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mb-4{margin-bottom:1rem}.mb-3{margin-bottom:.75rem}.mt-1{margin-top:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mt-5{margin-top:1.25rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.mr-4{margin-right:1rem}.mb-16{margin-bottom:4rem}.mr-2{margin-right:.5rem}.block{display:block}.flex{display:flex}.hidden{display:none}.w-16{width:4rem}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-3xl{border-radius:1.5rem}.rounded-xl{border-radius:.75rem}.p-3{padding:.75rem}.p-1{padding:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pr-8{padding-right:2rem}.pb-8{padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pt-2{padding-top:.5rem}.pl-4{padding-left:1rem}.pt-4{padding-top:1rem}.pt-1{padding-top:.25rem}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 768px){.md\:mx-8{margin-left:2rem;margin-right:2rem}.md\:ml-6{margin-left:1.5rem}.md\:mr-8{margin-right:2rem}.md\:ml-12{margin-left:3rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-80{width:20rem}.md\:w-60{width:15rem}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:pr-4{padding-right:1rem}.md\:pt-14{padding-top:3.5rem}}@media (min-width: 1024px){.lg\:ml-4{margin-left:1rem}.lg\:ml-14{margin-left:3.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:flex-col{flex-direction:column}.lg\:pr-10{padding-right:2.5rem}}@media (min-width: 1280px){.xl\:pt-20{padding-top:5rem}}