html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background:#000;font-family:var(--font-dm-sans)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{border:none;cursor:pointer}:root{--_shade: hsl(0deg 0% 0% / 25%);--_progress: 0;--transition-duration: .2s;--transition-function: ease;--border-radius-s: 5px;--border-radius-m: 10px;--border-radius-l: 15px;--text-base-dark: #000;--text-base-light: #fff;--text-sub: #a7a7a7;--bg-icon: #131313;--bg-top-bar: #61616142;--bg-icon-green: rgb(32, 223, 99);--grid-gap: 24px;--column-count: 5;--font-dm-sans: "DM Sans", sans-serif}body{background-color:var(--text-base-dark);color:var(--text-base-light);font-family:var( --font-dm-sans)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}#root{font-family:Montserrat,sans-serif;display:flex;flex-direction:column;min-height:100svh}.app-container{display:flex;flex-direction:row;align-items:center;justify-content:center}.main{display:flex;flex-direction:column;width:calc(100% - 415px);justify-content:space-between;align-items:space-between;gap:20px;padding:16px;margin:100px auto 0 330px;box-sizing:border-box;border-radius:8px;background-color:var(--bg-icon)}.item-list{display:flex;flex-direction:column;gap:10px;padding:0;width:100%;box-sizing:border-box}.item-list__header{display:flex;justify-content:space-between;align-items:center;line-height:130%;padding:0 10px;margin:0;width:100%;box-sizing:border-box}.item-list__header h2{font-size:20px}.item-list__link{color:var(--text-sub);font-size:16px;font-weight:700;background-color:transparent;padding:0;margin:0;text-decoration:none}.item-list__link:hover{color:var(--text-base-light);transform:scale(1.1);text-decoration:none}.item-list__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:16px;width:100%;box-sizing:border-box}.single-item{padding:25px 16px;display:flex;flex-direction:column;gap:10px;border-radius:var(--border-radius-l);align-items:center;transition:background-color var(--transition-function) var(--transition-duration);cursor:pointer;box-sizing:border-box}.single-item:hover{background-color:var(--bg-top-bar);text-decoration:none}.single-item:hover .single-item__icon{opacity:100%;transform:translateY(0)}.single-item:hover .single-item__2lines{-webkit-line-clamp:10;line-clamp:10}.single-item__div-image-button{position:relative}.single-item__div-image{width:140px;height:140px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:50%}.single-item__icon{position:absolute;font-size:50px;right:7.5px;bottom:7.5px;color:var(--bg-icon-green);opacity:0;transform:translateY(100%);transition-timing-function:var(--transition-function);transition-duration:var(--transition-duration);transition-property:opacity,transform}.single-item__icon--artist{position:fixed;opacity:1;transform:translateY(0);right:100px;bottom:100px}.single-item__title{font-weight:600}.single-item__type{font-size:13px}.single-item__texts{display:flex;flex-direction:column;gap:5px}.single-item__2lines{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden}.offer__scroll-container{max-height:62vh;margin:10px;overflow-y:auto}.offer__scroll-container-single-item{max-height:75vh}.offer__scroll-container::-webkit-scrollbar{width:1px}.offer__scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.artist{display:flex;flex-direction:column;width:calc(100% - 415px);justify-content:space-between;align-items:space-between;gap:20px;padding:16px;margin:100px auto 0 330px;box-sizing:border-box;border-radius:8px;background-color:var(--bg-icon)}.artist__header{display:flex;align-items:end;padding:25px;height:40svh;background-size:cover;background-position-y:20%}.artist__title{font-size:96px}.artist__body{padding:39px 25px;display:flex;flex-direction:column;gap:25px}.song-list__see-more{font-weight:700;margin-left:25px;margin-top:20px;cursor:pointer}.song-list__see-more:hover{text-decoration:underline}.song-item{display:flex;justify-content:space-between;align-items:center;padding:10px 25px;border-radius:var(--border-radius-s);transition:background-color var(--transition-function) var(--transition-duration);gap:15px}.song-item:hover{background-color:var(--bg-top-bar);text-decoration:none}.song-item__name:hover{text-decoration:underline}.song-item__image{width:40px;height:40px;border-radius:var(--border-radius-s)}.song-item__album{display:flex;align-items:center;gap:10px}.song-item__number-album{display:flex;align-items:center;gap:25px}.song{display:flex;flex-direction:column;width:calc(100% - 415px);justify-content:space-between;align-items:space-between;gap:20px;padding:10px;margin:100px auto 0 330px;box-sizing:border-box;border-radius:8px;background-color:var(--bg-icon)}.song__container{margin:10px 20px 0;border-top-right-radius:15px;border-top-left-radius:15px;display:flex;align-items:center;justify-content:center;padding:25px}.song__image-container{box-shadow:0 0 25px 10px var( --bg-top-bar)}.song__bar{display:grid;grid-template-columns:1fr 2fr 1fr;margin-top:30px;place-items:center;border-radius:8px;background-color:var(--text-base-dark);color:var(--text-base-light);padding:15px 25px;gap:15px}.song__artist-image{justify-self:start;border-radius:var(--border-radius-s);overflow:hidden}.song__name{font-size:16px;font-weight:700}.player{justify-self:stretch;display:flex;flex-direction:column;align-items:center;gap:5px}.player__controllers{display:flex;font-size:25px;align-items:center;gap:20px}.player__icon{cursor:pointer;transition-property:transform,color;transition-timing-function:var(--transition-function);transition-duration:var(--transition-duration)}.player__icon:hover{transform:scale(105%);color:var(--bg-icon-green)}.player__icon-play{font-size:35px}.player__progress{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;max-width:600px}.player__time{width:45px;text-align:center}.player__bar{width:100%;height:4px;background-color:var(--text-sub);border-radius:var(--border-radius-s);overflow:hidden}.player__bar-progress{height:100%;width:var(--_progress);background-color:var(--text-base-light);transition:width var(--transition-function) var(--transition-duration)}.disclaimer-premium{display:flex;justify-content:space-between;position:fixed;bottom:5px;left:5px;right:5px;border-radius:10px;background:linear-gradient(to right,#ae2896,#509bf5);padding:15px 40px;font-family:Montserrat,sans-serif}.disclaimer-premium .disclaimer-premium__title{color:var(--text-base-light);text-transform:uppercase;font-weight:400;font-size:12px;margin-bottom:10px}.disclaimer-premium .disclaimer-premium__subtitle{color:var(--text-base-light);font-size:14px;font-weight:500}.disclaimer-premium button{background-color:var(--text-base-light);color:var(--text-base-dark);font-size:16px;font-weight:700;padding:14px 30px;border:none;border-radius:40px;cursor:pointer}.header__navigation{display:flex;position:fixed;top:0;left:320px;width:calc(100% - 445px);justify-content:space-between;align-items:center;padding:16px;margin:10px;border-radius:8px;background-color:#121212}.header__navigation .navigation{display:flex;justify-content:space-around;align-items:center}.header__navigation .navigation .arrow-left{margin-right:1.25rem}.arrow-left,.arrow-right{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-icon);background-color:#000000b3;border-radius:50%;border:none;cursor:pointer}.header__login{display:flex;align-items:center}.header__search{display:flex;align-items:center;width:364px;height:48px;margin-left:8px;background-color:#242424;border-radius:500px;border:1px solid transparent}.header__search img{width:16px;height:16px;margin-left:10px}.header__search input{background:transparent;border:none;padding:0 100px 0 12px;color:#fff;outline:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.header__login .subscribe{color:var(--text-sub);font-size:16px;font-weight:700;background-color:transparent;margin-right:32px}.header__login .login{width:100px;height:48px;color:var(--text-base-dark);font-size:16px;font-weight:700;border-radius:40px}.header__search:hover{border:1px solid #fff}.header__login .subscribe:hover{transform:scale(1.04);color:var(--text-base-light)}.header__login .login:hover{transform:scale(1.04)}.sidebar{position:fixed;left:0;top:0;width:300px;background-color:#000;padding:12px}.sidebar .logo{background-color:#121212;display:flex;border-radius:8px;padding:16px 0 0 16px}.sidebar .logo img{width:80px}.sidebar__navigation{background-color:#121212;border-radius:8px;cursor:pointer}.sidebar nav ul{list-style:none;margin-top:20px;padding:0 20px 10px}.sidebar nav ul li{padding:10px 0}.sidebar nav ul li a{color:#b3b3b3;text-decoration:none;font-weight:600;font-size:14px}.sidebar nav ul li .fa{font-size:20px;margin-right:14px;font-weight:300px}.sidebar nav ul li a:hover{color:#fff}.library{background-color:#121212;border-radius:8px;display:flex;justify-content:space-between;min-block-size:40px;padding:4px 8px;color:#b3b3b3;font-weight:600;font-size:14px;margin-top:10px;flex-direction:column}.library .library__button{margin-right:10px;color:#b3b3b3;background-color:transparent;border:0px;font-size:1rem;font-weight:700;font-family:Montserrat,sans-serif;text-align:center;text-decoration:none;text-transform:none;padding:20px 10px;display:flex}.library .library__button .fa{font-size:20px;margin-right:10px;font-weight:300;padding-right:8px}.library__content{display:flex;justify-content:space-between}.library .library__content .fa-plus{margin:24px 10px}.section-playlist{background-color:#242424;align-items:flex-start;border-radius:8px;gap:20px;display:flex;justify-content:space-between;min-block-size:40px;color:#b3b3b3;font-weight:600;font-size:14px;margin:8px 0;padding:16px 20px}.section-playlist .section-playlist__content{display:flex;flex-direction:column}.section-playlist__content .text{padding-bottom:14px;color:#fff}.section-playlist__content .title{font-weight:700}.section-playlist__content .subtitle{font-weight:500;font-size:.8rem}.section-playlist__content .section-playlist__button{background-color:#fff;color:#000;border-radius:9999px;display:flex;font-size:.8rem;font-weight:700;font-family:Montserrat,sans-serif;text-decoration:none;text-transform:none;padding:10px;border:0px;width:113px;justify-content:center;margin-top:12px}.sidebar .cookies{margin:25px 20px}.sidebar .cookies .cookies__text{color:#b3b3b3;font-weight:500;text-decoration:none;font-size:10px;cursor:pointer}.sidebar .cookies .cookies__text:hover{text-decoration:underline}.languages .languages__button{background-color:transparent;border-radius:9999px;border:1px solid #878787;color:#fff;cursor:pointer;align-items:center;padding:8px;width:170px;margin:8px;font-weight:700}.languages .languages__button .fa{margin-right:4px}