:root{--primary-clr: hsl(200, 9%, 13%);--side-clr: hsl(192, 9%, 11%);--secondary-clr: hsl(193, 33%, 53%);--tertiary-clr: hsl(0, 0%, 100%);--icon-clr: hsl(42, 94%, 69%);--nsi-clr: hsla(56, 32%, 91%, .25);--li-clr: hsl(0, 0%, 0%);--space: 1rem;--space-lg: 2rem;--space-xl: 3.5rem;--bdr: 20px;--shadow-dark: 0 2rem 3rem rgba(0, 0, 0, .1);--shadow-light: 0 2rem 3rem rgba(0, 0, 0, .06);--line: 1px solid var(--color-grey-light-2)}.search-overlay-enter{opacity:0;transform:scale(1.3)}.search-overlay-enter-active{opacity:1;transform:scale(1);transition:.33s visibility ease-in-out,.33s opacity ease-in-out,.33s transform ease-in-out}.search-overlay-exit{opacity:1;transform:scale(1)}.search-overlay-exit-active{opacity:0;transform:scale(1.3);transition:.33s visibility ease-in-out,.33s opacity ease-in-out,.33s transform ease-in-out}@keyframes rotation{to{transform:rotate(360deg)}}*,*:after,*:before{padding:0;margin:0;box-sizing:inherit}html{font-size:62.5%}body{box-sizing:border-box}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 11, 2022 */@font-face{font-family:quicksandbold;src:url(/assets/quicksand-bold-webfont.4aa83cba.woff2) format("woff2"),url(/assets/quicksand-bold-webfont.44833273.woff) format("woff");font-weight:400;font-style:normal}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 10, 2022 */@font-face{font-family:quicksandlight;src:url(/assets/quicksand-light-webfont.159321c6.woff2) format("woff2"),url(/assets/quicksand-light-webfont.af1013fd.woff) format("woff");font-weight:400;font-style:normal}body{font-family:quicksandlight,sans-serif;line-height:1.5;color:var(--tertiary-clr);background-color:var(--primary-clr);padding-bottom:12rem}@media (min-width: 64em){body{margin-left:6.5rem}}.mb-md{margin-bottom:1.2rem}.flex-display{display:flex}.no-display{display:none}.container{max-width:100%;padding:0 1rem;margin-left:auto;margin-right:auto}.spinner{margin:0 auto;justify-self:center}.spinner div{display:flex;align-items:center;justify-content:center;height:6rem;width:6rem;border-radius:1px}.spinner span{animation:2s rotation infinite linear}.spinner img{display:block;width:6rem;height:6rem}.curated-playlist{padding:0 1rem;height:52rem;display:flex;justify-content:center}@media (min-width: 64em){.curated-playlist{justify-content:flex-start;height:30rem}}.curated-playlist__box{position:relative;background-color:var(--secondary-clr);height:100%;width:96%;border-radius:var(--bdr);overflow:hidden;padding:2rem 3rem;display:flex}@media (min-width: 64em){.curated-playlist__box{width:100%}}.curated-playlist__texts{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}@media (min-width: 64em){.curated-playlist__texts{align-items:flex-start}}.curated-playlist__heading{align-self:flex-start}.curated-playlist__icon-glitter{position:absolute;top:0;width:100%}@media (min-width: 64em){.curated-playlist__icon-glitter{right:0}}.curated-playlist__icon-img{display:none}@media (min-width: 64em){.curated-playlist__icon-img{display:block;position:absolute;top:.3rem;right:0}}.curated-playlist__user-likes{display:flex;align-items:center}@supports (row-gap: 1.5rem){.curated-playlist__user-likes{row-gap:1.5rem}}.curated-playlist__user-likes>*:not(:last-child){margin-right:1.5rem}.curated-playlist__users{display:flex;align-items:center}.curated-playlist__icon-user{width:4rem}.curated-playlist__icon-user:not(:first-child){margin-left:-1.8rem}.curated-playlist__likes{text-transform:capitalize;font-size:1.5rem;font-weight:600;padding-right:1rem;display:flex;align-items:center}@supports (row-gap: .7rem){.curated-playlist__likes{row-gap:.7rem}}.curated-playlist__likes>*:not(:last-child){margin-right:.7rem}.curated-playlist__genre{align-self:flex-start}.curated-playlist__genre h1{font-family:quicksandbold,sans-serif;font-size:3rem;padding-bottom:2rem}@media (min-width: 64em){.curated-playlist__genre h1{padding-bottom:.8rem}}.curated-playlist__genre p{font-size:1.3rem;line-height:1.6;display:flex;flex-direction:column}.header{padding:2rem 0}@media (min-width: 64em){.header{padding-top:1rem;padding-bottom:1rem;position:fixed;top:0;left:7rem;right:0;z-index:99;background-color:var(--primary-clr)}}.header__box{display:flex;align-items:center}.header__music{margin-right:auto}@media (min-width: 64em){.header__music{display:none}}.header__music a,.header__music a:link,.header__music a:visited{text-decoration:none}.header__icon{width:2.5rem;display:block;cursor:pointer}@media (min-width: 64em){.header__icon{width:2.2rem}}.header__menu{margin-right:2rem}@media (min-width: 64em){.header__menu{display:none}}.music-player-board{position:fixed;bottom:0;left:0;width:100%;height:10rem;background:hsla(200deg,9%,13%,.9);border:1px solid hsla(0deg,0%,100%,.1);display:flex;align-items:center;justify-content:center;z-index:99999}@supports (backdrop-filter: blur(15px)){.music-player-board{backdrop-filter:blur(15px);background:hsla(200deg,9%,13%,.3)}}.music-player-board__box{width:100%;padding:0 2rem 0 1rem;display:flex;align-items:flex-start;justify-content:space-between}@media (min-width: 50em){.music-player-board__box{display:grid;grid-template-columns:30% 70%;align-items:center}}.music-player-board__img-box{display:flex;align-items:center}@supports (row-gap: 1rem){.music-player-board__img-box{row-gap:1rem}}.music-player-board__img-box>*:not(:last-child){margin-right:1rem}.music-player-board__img-box img{height:6.5rem;box-shadow:0 15px 17px -10px #0000009c;border-radius:14px}@media (min-width: 50em){.music-player-board__img-box h2{font-size:1.2rem}}.music-player-board__img-box span{font-size:1.3rem}@media (min-width: 50em){.music-player-board__img-box span{font-size:1rem}}.music-player-board__play-box{display:flex;flex-direction:column;display:none}@supports (column-gap: 1rem){.music-player-board__play-box{column-gap:1rem}}.music-player-board__play-box>*:not(:last-child){margin-bottom:1rem}@media (min-width: 50em){.music-player-board__play-box{display:grid;grid-template-columns:70% 30%;align-items:center;justify-content:center}}.music-player-board__icons{display:flex;align-items:center;justify-content:center}@supports (row-gap: 3rem){.music-player-board__icons{row-gap:3rem}}.music-player-board__icons>*:not(:last-child){margin-right:3rem}.music-player-board__play-pause-box{display:flex;align-items:center;background-color:var(--tertiary-clr);border-radius:50%}.music-player-board__repeat,.music-player-board__shuffle{cursor:pointer;display:flex}.music-player-board__prev,.music-player-board__next,.music-player-board__play,.music-player-board__pause{width:2rem;cursor:pointer}.music-player-board__music-duration{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;grid-column:1/-1;width:90%}.music-player-board__current-time{width:6%}.music-player-board__duration{width:6%;text-align:right}.music-player-board__play-status{width:86%;height:.2rem;border-radius:20px;display:flex;align-items:center;justify-content:flex-start;background-color:var(--tertiary-clr);cursor:pointer}.music-player-board__play-width-update{display:block;width:0;height:100%;background-color:var(--icon-clr);border-radius:20px}.music-player-board__play-width-rb{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;border:.1rem solid var(--tertiary-clr);border-radius:50px;margin-right:-.3rem}.music-player-board__play-width-rb span{width:.4rem;height:.4rem;background-color:var(--icon-clr);border-radius:50px}.music-player-board__volume{display:flex;align-items:center}@supports (row-gap: .2rem){.music-player-board__volume{row-gap:.2rem}}.music-player-board__volume>*:not(:last-child){margin-right:.2rem}.music-player-board__volume-status{display:flex;align-items:center;justify-content:flex-start;width:70%;height:.2rem;border-radius:20px;background-color:var(--tertiary-clr);cursor:pointer}.music-player-board__volume-status span{width:100%;height:100%;border-radius:20px;background-color:var(--icon-clr)}.music-player-board__mobile{display:flex;align-items:center;align-self:center;padding-right:1rem}@supports (row-gap: 1.5rem){.music-player-board__mobile{row-gap:1.5rem}}.music-player-board__mobile>*:not(:last-child){margin-right:1.5rem}@media (min-width: 50em){.music-player-board__mobile{display:none}}.music-player-board__prev-mobile,.music-player-board__next-mobile,.music-player-board__play-mobile,.music-player-board__pause-mobile{width:3rem}.music-progress-mobile{position:absolute;top:0;height:.1rem;width:100%}@media (min-width: 50em){.music-progress-mobile{display:none}}.music-progress-mobile span{background-color:var(--icon-clr);display:block;height:100%;width:100%}.my-collection{padding-bottom:14rem}@media (min-width: 64em){.my-collection{margin-top:7rem;margin-left:1rem;padding-right:2rem}}.my-collection__box{display:flex;flex-direction:column}@supports (column-gap: 2rem){.my-collection__box{column-gap:2rem}}.my-collection__box>*:not(:last-child){margin-bottom:2rem}@media (min-width: 64em){.my-collection__box{align-items:flex-start}}.my-collection__header{display:flex;justify-content:center;font-size:1.2rem;font-family:quicksandbold,sans-serif}@supports (row-gap: 1.5rem){.my-collection__header{row-gap:1.5rem}}.my-collection__header>*:not(:last-child){margin-right:1.5rem}.my-collection__header span{border-radius:3rem;width:14rem;padding:.8rem 0;display:flex;align-items:center;justify-content:center}@supports (row-gap: 2rem){.my-collection__header span{row-gap:2rem}}.my-collection__header span>*:not(:last-child){margin-right:2rem}@media (min-width: 64em){.my-collection__header span{width:12rem;padding:.5rem 0}}.my-collection__header span:nth-child(1){background-color:var(--icon-clr);color:var(--li-clr)}.my-collection__header span:nth-child(2){border:1px solid var(--nsi-clr);color:var(--li-clr)}.my-collection__cards{display:flex;flex-direction:column;list-style:none;align-items:center;width:100%}@supports (column-gap: 2rem){.my-collection__cards{column-gap:2rem}}.my-collection__cards>*:not(:last-child){margin-bottom:2rem}@media (min-width: 31.25em){.my-collection__cards{padding:0 1rem;display:grid;grid-template-columns:repeat(3,32%);justify-content:space-between;column-gap:0;row-gap:1rem}}@media (min-width: 64em){.my-collection__cards{grid-template-columns:repeat(auto-fill,20rem);justify-content:flex-start;gap:2rem}}.my-collection__card{position:relative;width:74%}@media (min-width: 31.25em){.my-collection__card{width:auto;overflow:hidden;border-radius:20px}}@media (min-width: 64em){.my-collection__card{width:20%;width:auto;overflow:hidden;border-radius:20px}}@media (min-width: 64em){.my-collection__card:hover .my-collection__img{transform:scale(1.3)}}@media (min-width: 64em){.my-collection__card:hover .my-collection__details{bottom:15%}}.my-collection__details{position:absolute;bottom:3rem;left:2rem;width:85%;display:flex;flex-direction:column}@supports (column-gap: 2rem){.my-collection__details{column-gap:2rem}}.my-collection__details>*:not(:last-child){margin-bottom:2rem}@media (min-width: 31.25em){.my-collection__details{bottom:15%;width:80%}}@media (min-width: 64em){.my-collection__details{bottom:-20%;transition:.6s all ease-in-out}}@media (min-width: 31.25em){.my-collection__name{font-size:.8rem}}.my-collection__likes-play{display:flex;align-items:center;justify-content:space-between}@supports (row-gap: 2rem){.my-collection__likes-play{row-gap:2rem}}.my-collection__likes-play>*:not(:last-child){margin-right:2rem}.my-collection__img{width:100%;border-radius:20px}@media (min-width: 64em){.my-collection__img{height:100%;transition:.5s all ease-in-out}}.my-collection__icon{width:3rem}@media (min-width: 31.25em){.my-collection__icon{width:2rem}}.nav{position:absolute;top:0;left:-100%;width:75%;height:100vh;background-color:var(--side-clr);padding:8rem 0 0 3rem;z-index:999;transition:all .5s}@media (min-width: 64em){.nav{position:fixed;left:0;width:7rem;padding-left:0;padding-right:0;padding-top:1rem;background-color:var(--primary-clr)}}.nav--from-left{left:0}.nav__lists{list-style:none;display:flex;flex-direction:column}@supports (column-gap: 3.5rem){.nav__lists{column-gap:3.5rem}}.nav__lists>*:not(:last-child){margin-bottom:3.5rem}@media (min-width: 64em){.nav__lists{align-items:center;row-gap:2rem}}.nav__border{display:flex;flex-direction:column}@supports (column-gap: 2.5rem){.nav__border{column-gap:2.5rem}}.nav__border>*:not(:last-child){margin-bottom:2.5rem}@media (min-width: 64em){.nav__border{background-color:var(--side-clr);border-radius:40px;padding:1rem .5rem}}.nav__list{display:flex;align-items:center}@supports (row-gap: 2rem){.nav__list{row-gap:2rem}}.nav__list>*:not(:last-child){margin-right:2rem}.nav__list--desktop{display:none}@media (min-width: 64em){.nav__list--desktop{display:block;margin-bottom:3rem}}.nav__link,.nav__link:link,.nav__link:visited{color:var(--nsi-clr);font-weight:600;font-size:1.2rem;text-decoration:none;display:flex;align-items:center}@supports (row-gap: 1.5rem){.nav__link,.nav__link:link,.nav__link:visited{row-gap:1.5rem}}.nav__link>*:not(:last-child),.nav__link:link>*:not(:last-child),.nav__link:visited>*:not(:last-child){margin-right:1.5rem}@media (min-width: 64em){.nav__link,.nav__link:link,.nav__link:visited{width:3rem;display:block}}.nav__link span:first-child,.nav__link:link span:first-child,.nav__link:visited span:first-child{display:flex;align-items:center;justify-content:center}@media (min-width: 64em){.nav__link span:first-child,.nav__link:link span:first-child,.nav__link:visited span:first-child{width:100%}}.nav__link span:first-child svg,.nav__link:link span:first-child svg,.nav__link:visited span:first-child svg{width:var(--space-lg);height:var(--space-lg)}@media (min-width: 64em){.nav__link span:last-child,.nav__link:link span:last-child,.nav__link:visited span:last-child{display:none}}.nav__icon{width:var(--space-lg)}.not-found{color:#ccf3ee;font-size:1.3rem;padding:12rem 1rem}.not-found__box{display:flex;align-items:center;justify-content:center;flex-direction:column}@supports (row-gap: 2rem){.not-found__box{row-gap:2rem}}.not-found__box>*:not(:last-child){margin-right:2rem}.not-found__lists{display:flex;flex-direction:column;font-size:3rem;align-items:center}.not-found__list{display:flex;align-items:center}.not-found a,.not-found a:link,.not-found a:visited{text-decoration:none;color:#ccf3ee;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid var(--nsi-clr);width:16rem;padding:1rem 0;margin:0 auto}@supports (row-gap: .5rem){.not-found a,.not-found a:link,.not-found a:visited{row-gap:.5rem}}.not-found a>*:not(:last-child),.not-found a:link>*:not(:last-child),.not-found a:visited>*:not(:last-child){margin-right:.5rem}.not-found a img,.not-found a:link img,.not-found a:visited img{filter:invert(96%) sepia(95%) saturate(7497%) hue-rotate(312deg) brightness(107%) contrast(96%)}.not-found__body{text-align:center}.not-found__body h1{margin-bottom:1rem}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;color:var(--li-clr);width:100vw;height:100vh;z-index:9999;overflow-y:auto;overflow-x:hidden;background-color:var(--side-clr)}.search-overlay__search-box{background-color:var(--primary-clr);border-top-left-radius:5px;border-top-right-radius:5px;height:9.5rem;padding:3rem 1rem 0;display:flex;align-items:center;justify-content:space-between}@media (min-width: 43.75em){.search-overlay__search-box{height:6.5rem;padding-top:1.5rem;padding-bottom:1rem}}.search-overlay__input-box{position:relative;width:80%}.search-overlay__body{display:grid;height:calc(100% - 10rem);color:var(--tertiary-clr)}.search-overlay__body-inner{display:flex;flex-direction:column;padding-bottom:.5rem}@supports (column-gap: .2rem){.search-overlay__body-inner{column-gap:.2rem}}.search-overlay__body-inner>*:not(:last-child){margin-bottom:.2rem}.search-overlay__search{position:absolute;height:5rem;height:4rem;padding:0 .8rem;display:flex;align-items:center}.search-overlay__search--cancel{right:0;top:0}.search-overlay__search--cancel img{width:2rem;filter:invert(100%) sepia(0) saturate(7497%) hue-rotate(312deg) brightness(107%) contrast(96%)}.search-overlay__search-icon{width:2rem}.search-overlay__input{outline:none;font-size:1.4rem;width:100%;height:5rem;height:4rem;padding-left:3.5rem;padding-right:4.2rem;border:0;border-radius:4px;color:#ccf3ee;background-color:var(--side-clr)}.search-overlay__input::placeholder,.search-overlay__input::-webkit-input-placeholder{font-size:1.4rem;color:#ccf3ee;opacity:1}.search-overlay__input::-webkit-input{font-size:5rem}.search-overlay__cancel{font-family:quicksandbold,sans-serif;font-size:1.5rem;color:#ccf3ee;padding-right:1rem;cursor:pointer}.search-overlay__types{display:grid;grid-template-columns:repeat(8,max-content);column-gap:1rem;padding:1rem .4rem;overflow-x:auto;list-style:none;scrollbar-width:none;width:100vw}@media (min-width: 43.75em){.search-overlay__types{overflow-x:hidden;padding-top:2rem;padding-left:.8rem}}.search-overlay__types::-webkit-scrollbar{background-color:transparent;height:0;display:none}.search-overlay__type{padding:.3rem 1.5rem;border-radius:10rem;border:.5px solid var(--secondary-clr);display:flex;align-items:center;justify-content:center}@media (min-width: 43.75em){.search-overlay__type--hide{display:none}}.search-overlay__type a,.search-overlay__type a:link,.search-overlay__type a:visited{font-family:quicksandbold,sans-serif;font-size:1.3rem;text-decoration:none;color:#fff9}.search-overlay__searched-artists-box{padding:1.5rem 0;display:flex;flex-direction:column;align-items:flex-start}@supports (column-gap: 2rem){.search-overlay__searched-artists-box{column-gap:2rem}}.search-overlay__searched-artists-box>*:not(:last-child){margin-bottom:2rem}@media (min-width: 43.75em){.search-overlay__searched-artists-box{display:block}}.search-overlay__searched-artists{list-style:none;padding:0 1.5rem;display:flex;flex-direction:column;align-items:flex-start}@supports (column-gap: 2rem){.search-overlay__searched-artists{column-gap:2rem}}.search-overlay__searched-artists>*:not(:last-child){margin-bottom:2rem}@media (min-width: 43.75em){.search-overlay__searched-artists{display:grid;grid-template-columns:repeat(auto-fit,15rem);gap:1.7rem;justify-content:space-around}}@media (min-width: 43.75em){.search-overlay__searched-artists--hide{display:none}}@media (min-width: 43.75em){.search-overlay__searched-artist{background-color:var(--side-clr);padding:2rem 0;height:23rem;width:auto}}.search-overlay__searched-artist a,.search-overlay__searched-artist a:link,.search-overlay__searched-artist a:visited{font-family:quicksandlight,sans-serif;font-size:1rem;text-decoration:none;color:var(--tertiary-clr);display:flex;align-items:center}@supports (row-gap: 1rem){.search-overlay__searched-artist a,.search-overlay__searched-artist a:link,.search-overlay__searched-artist a:visited{row-gap:1rem}}.search-overlay__searched-artist a>*:not(:last-child),.search-overlay__searched-artist a:link>*:not(:last-child),.search-overlay__searched-artist a:visited>*:not(:last-child){margin-right:1rem}@media (min-width: 43.75em){.search-overlay__searched-artist a,.search-overlay__searched-artist a:link,.search-overlay__searched-artist a:visited{display:flex;flex-direction:column}@supports (column-gap: 1.5rem){.search-overlay__searched-artist a,.search-overlay__searched-artist a:link,.search-overlay__searched-artist a:visited{column-gap:1.5rem}}.search-overlay__searched-artist a>*:not(:last-child),.search-overlay__searched-artist a:link>*:not(:last-child),.search-overlay__searched-artist a:visited>*:not(:last-child){margin-bottom:1.5rem}}@media (min-width: 43.75em){.search-overlay__artist-details{align-self:flex-start;padding-left:2rem}}@media (min-width: 43.75em){.search-overlay__artist-details img{display:none}}.search-overlay__artist-image{height:4.2rem;width:4.2rem;border-radius:50px}@media (min-width: 43.75em){.search-overlay__artist-image{width:12rem;height:12rem}}.search-overlay__artist-name{font-size:1.4rem;display:flex;align-items:center}@media (min-width: 43.75em){.search-overlay__artist-name{font-size:1.6rem;padding-bottom:.6rem}}.search-overlay__artist-name img{width:1.2rem;margin-left:.5rem}.search-overlay__artist-pro{text-transform:capitalize}@media (min-width: 43.75em){.search-overlay__artist-pro{font-family:quicksandlight,sans-serif;font-size:1.3rem}}.search-overlay__featuring-body{display:flex;flex-direction:column;align-items:flex-start}@supports (column-gap: .5rem){.search-overlay__featuring-body{column-gap:.5rem}}.search-overlay__featuring-body>*:not(:last-child){margin-bottom:.5rem}@media (min-width: 43.75em){.search-overlay__featuring-body{display:none}}.search-overlay__featuring-box{padding:0 2rem;list-style:none;display:flex;align-items:flex-start;overflow-x:auto;scrollbar-width:none;scrollbar-width:0;width:100vw}@supports (row-gap: 2rem){.search-overlay__featuring-box{row-gap:2rem}}.search-overlay__featuring-box>*:not(:last-child){margin-right:2rem}.search-overlay__featuring-box::-webkit-scrollbar{background-color:transparent;height:0;display:none}.search-overlay__featuring-heading{font-family:quicksandbold,sans-serif;font-size:1.4rem;font-weight:600;padding-left:2rem}.search-overlay__featuring-card{display:flex;flex-direction:column;align-items:flex-start}@supports (column-gap: 1rem){.search-overlay__featuring-card{column-gap:1rem}}.search-overlay__featuring-card>*:not(:last-child){margin-bottom:1rem}.search-overlay__featuring-card img{border-radius:20px;height:15.3rem}.search-overlay__featuring-texts{font-size:.8rem}.search-for-artists{height:calc(100vh - 9.5rem);display:flex;align-items:center;justify-content:center}.search-for-artists span{font-size:1.5rem;font-family:quicksandlight,sans-serif;opacity:.9}.tomorrow-tunes{background-image:url(/src/assets/tt-bckg-mobile.svg);background-repeat:no-repeat;background-size:contain;background-size:cover;position:absolute;top:0;right:0;left:0;z-index:-1;padding-bottom:12rem}@media (min-width: 43.75em){.tomorrow-tunes{background-image:url(/src/assets/tt-bckg.svg)}}@media (min-width: 64em){.tomorrow-tunes{position:static}}.tomorrow-tunes__box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10rem 2rem 0rem}@supports (column-gap: 2rem){.tomorrow-tunes__box{column-gap:2rem}}.tomorrow-tunes__box>*:not(:last-child){margin-bottom:2rem}@media (min-width: 43.75em){.tomorrow-tunes__box{gap:3rem}}.tomorrow-tunes__upper-part{width:100%;display:grid;grid-template-columns:100%;justify-content:center;align-items:center;row-gap:1rem}@media (min-width: 43.75em){.tomorrow-tunes__upper-part{grid-template-columns:30% 64%;align-items:flex-end;gap:2rem}}.tomorrow-tunes__upper-img-box{border-radius:40px}@media (min-width: 43.75em){.tomorrow-tunes__upper-img-box{border-radius:35px}}.tomorrow-tunes__upper-img{opacity:.7;width:100%}@media (min-width: 43.75em){.tomorrow-tunes__upper-img{border-radius:35px}}.tomorrow-tunes__upper-texts-headers{padding-bottom:2rem;text-align:left}.tomorrow-tunes__upper-texts-headers h2{margin-bottom:.2rem}.tomorrow-tunes__upper-texts-headers p{margin-bottom:.4rem}.tomorrow-tunes__upper-icons-box{display:flex;align-items:center;justify-content:space-evenly;width:100%;list-style:none}.tomorrow-tunes__upper-icons-box li{display:flex;align-items:center;border-radius:30px;background-color:var(--side-clr);padding:1rem;cursor:pointer}.tomorrow-tunes__upper-icons-box li img{width:1.5rem;display:block;margin-right:.5rem}.tomorrow-tunes__lower-part{list-style:none;display:grid;grid-template-columns:100%;justify-content:center;align-items:center;row-gap:1rem;width:100%}.tomorrow-tunes__lower-part-list{background-color:var(--side-clr);padding:1rem;height:7rem;cursor:pointer;display:flex;align-items:center;border-radius:15px}@media (min-width: 50em){.tomorrow-tunes__lower-part-list{display:grid;grid-template-columns:15% 45% 40%}}.tomorrow-tunes__lower-img-box{display:flex;align-items:center;margin-right:2rem}@media (min-width: 50em){.tomorrow-tunes__lower-img-box{column-gap:2rem}}.tomorrow-tunes__lower-img-box img:nth-child(2){display:none}@media (min-width: 50em){.tomorrow-tunes__lower-img-box img:nth-child(2){display:block}}.tomorrow-tunes__lower-img{width:5rem;border-radius:12px;margin-right:1rem}.tomorrow-tunes__lower-texts-box{height:80%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;margin-right:auto}@media (min-width: 50em){.tomorrow-tunes__lower-texts-box{width:100%;display:grid;grid-template-columns:65% 35%;flex-direction:row;align-items:center;justify-content:space-between}}.tomorrow-tunes__lower-texts-box span:nth-child(1){font-size:1.3rem}@media (min-width: 50em){.tomorrow-tunes__lower-texts-box span:nth-child(1){font-size:1.1rem}}.tomorrow-tunes__lower-texts-box span:nth-child(2){display:flex;align-items:center;justify-content:center}.tomorrow-tunes__lower-time-box{height:90%;display:flex;align-items:center;justify-content:space-between;flex-direction:column}@media (min-width: 50em){.tomorrow-tunes__lower-time-box{display:flex;align-items:center;flex-direction:row;justify-content:space-around}}.tomorrow-tunes__lower-time-box span{order:1}@media (min-width: 50em){.tomorrow-tunes__lower-time-box span{order:-1}}.top-charts{padding-top:1rem}.top-charts__box{display:flex;flex-direction:column}@supports (column-gap: 1rem){.top-charts__box{column-gap:1rem}}.top-charts__box>*:not(:last-child){margin-bottom:1rem}.top-charts__heading{padding-left:2rem}.top-charts__card-box{display:grid;grid-template-columns:repeat(4,35rem);column-gap:2rem;padding:0 2rem;overflow-x:scroll;list-style:none;scrollbar-width:none}.top-charts__card-box::-webkit-scrollbar{background-color:transparent;height:0;display:none}@media (min-width: 64em){.top-charts__card-box{display:flex;flex-direction:column}@supports (column-gap: 1rem){.top-charts__card-box{column-gap:1rem}}.top-charts__card-box>*:not(:last-child){margin-bottom:1rem}}.top-charts__link{text-decoration:none;color:#ccf3ee}@media (min-width: 64em){.top-charts__link-hide{display:none}}.top-charts__card{height:26rem;padding:1.8rem;background-color:var(--side-clr);border-radius:var(--bdr);display:flex;align-items:flex-start}@media (min-width: 64em){.top-charts__card{display:block;height:7rem;padding:1rem}}.top-charts__detail{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;height:100%;width:100%}@media (min-width: 64em){.top-charts__detail{flex-direction:row;align-items:center}}.top-charts__img-box{display:flex;justify-content:space-between;width:100%}@media (min-width: 64em){.top-charts__img-box{align-items:center}}.top-charts__like{align-self:flex-start;height:5rem;width:5rem;border-radius:50px;border:.5px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:center}@media (min-width: 64em){.top-charts__like{width:3rem;height:3rem;align-self:center}}.top-charts__artist-box-lpt{display:none;width:40%}@media (min-width: 64em){.top-charts__artist-box-lpt{display:block;margin-right:auto}}.top-charts__artist-box-lpt h2,.top-charts__artist-box-lpt h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 64em){.top-charts__artist-box-lpt h2,.top-charts__artist-box-lpt h3,.top-charts__artist-box-lpt span{font-size:1rem}}@media (min-width: 64em){.top-charts__artist-box-lpt h3{font-family:quicksandlight,sans-serif;font-weight:300}}.top-charts__artist-box{width:60%}@media (min-width: 64em){.top-charts__artist-box{display:none}}.top-charts__artist-box h2,.top-charts__artist-box h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-charts__artist-box h3{font-weight:400;padding-bottom:2rem;font-size:1.2rem}@media (min-width: 64em){.top-charts__artist-box h3{font-size:.5rem}}.top-charts__artist-box span{margin-top:5rem;font-size:1.3rem}@media (min-width: 64em){.top-charts__artist-box span{padding-bottom:0;font-size:1rem}}.top-charts__image{height:11rem;border-radius:10px}@media (min-width: 64em){.top-charts__image{height:4rem;margin-right:2rem}}.hero__section{color:#ccf3ee}@media (min-width: 64em){.hero__section{margin-top:6.5rem}}.hero__section .container{padding:0}@media (min-width: 64em){.hero__section .container{padding-top:1rem}}.hero{display:flex;flex-direction:column}@supports (column-gap: 3rem){.hero{column-gap:3rem}}.hero>*:not(:last-child){margin-bottom:3rem}@media (min-width: 64em){.hero{display:grid;grid-template-columns:65% 35%;justify-content:flex-start;align-items:center;column-gap:0}}.new-release__section{padding:0;color:#ccf3ee;position:relative}@media (min-width: 64em){.new-release__section{grid-column:1/-1}}.new-release__section .container{padding:0}.new-release{display:flex;flex-direction:column}@supports (column-gap: 1.5rem){.new-release{column-gap:1.5rem}}.new-release>*:not(:last-child){margin-bottom:1.5rem}.new-release__heading{font-size:1.5rem;font-weight:600;padding-left:2rem}.new-release__box{padding:0 2rem;list-style:none;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;scrollbar-width:0}@supports (row-gap: 2rem){.new-release__box{row-gap:2rem}}.new-release__box>*:not(:last-child){margin-right:2rem}@media (min-width: 64em){.new-release__box{width:100%;justify-content:space-between;align-items:flex-start}}.new-release__box::-webkit-scrollbar{background-color:transparent;height:0;display:none}.new-release__card{display:flex;flex-direction:column;align-items:flex-start;width:25rem;height:29rem;cursor:pointer}@supports (column-gap: 1rem){.new-release__card{column-gap:1rem}}.new-release__card>*:not(:last-child){margin-bottom:1rem}.new-release__card img{width:25rem;height:82%}.new-release__texts{width:22rem;height:13%}.new-release__texts h2{font-size:1.2rem;padding-bottom:.1rem}.new-release__texts span{font-size:1.2rem}.new-release__texts h2,.new-release__texts span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-next{right:2rem;height:0;width:0;position:absolute;top:50%;background-color:#0006;display:flex;align-items:center}@media (min-width: 43.75em){.scroll-next{width:2.5rem;height:3rem}}.scroll-prev{left:2rem;height:0;width:0;position:absolute;top:50%;background-color:#0006;display:flex;align-items:center}@media (min-width: 43.75em){.scroll-prev{width:2.5rem;height:3rem}}