:root{--black: #000;--gray: #b3b3b3}@font-face{font-family:"CircularSTD";src:url(../font/CircularStd-Light.otf)}*{margin:0;padding:0;box-sizing:border-box;font-family:"CircularSTD",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html{font-size:75%}body,html{height:100vh;overflow-y:hidden}body{display:flex}.root__nav-bar{display:flex;flex-direction:column;list-style:none;background:var(--black);padding:1.9rem;width:22%;max-width:28rem;padding-bottom:100%}.root__nav-bar .root-list-group ul li:nth-child(1) svg,.root__nav-bar .root-list-group ul li:nth-child(2) svg,.root__nav-bar .root-list-group ul li:nth-child(3) svg{width:1.9rem;height:1.9rem}.root__nav-bar .logo img{width:10.7rem}.root__nav-bar .root-list-group{border-bottom:1px solid #282828}.root__nav-bar .root-list-group ul{margin:2rem 0 1rem 0}.root__nav-bar .root-list-group ul li{display:flex;align-items:center;gap:1.1rem;color:#fff;padding:.7rem 0;box-sizing:border-box;font-size:1.1rem;font-weight:800;width:100%;letter-spacing:.05rem;cursor:pointer}.root__nav-bar .root-list-group ul li:not(:first-child){opacity:.7}.root__nav-bar .root-list-group ul li:hover{opacity:1}.root__nav-bar .root-list-group ul li:nth-child(3){padding-bottom:3rem}.root__nav-bar .root-list-group .create-playlist{background:var(--gray);width:2.4rem;height:2.4rem;border-radius:5px}.root__nav-bar .root-list-group .create-playlist .plus{position:relative;top:23%;left:27%}.root__nav-bar .root-list-group .liked-songs{background-image:linear-gradient(135deg, #450af5, #c4efd9);width:2.4rem;height:2.4rem;border-radius:5px}.root__nav-bar .root-list-group .liked-songs .heart{position:relative;top:25%;left:27%}.root__nav-bar .root-list-group .your-episodes{background-color:#006450;width:2.4rem;height:2.4rem;border-radius:5px}.root__nav-bar .root-list-group .your-episodes .flag{position:relative;top:13%;left:16%}.root__nav-bar .home-icon,.root__nav-bar .search-active-icon,.root__nav-bar .collection-active-icon{display:none}.top-bar{background-color:rgba(18,18,18,.6078431373);width:100%;display:flex;justify-content:space-between;padding:1rem 3rem;position:sticky}.top-bar .previous__next{display:flex;gap:1rem}.top-bar .previous__next button{width:2.6rem;height:2.6rem;border-radius:50%;border:none;background-color:rgba(0,0,0,.7019607843)}.top-bar .previous__next button svg{position:relative;top:11%;width:1.4rem;height:1.4rem}.top-bar .previous__next button:hover{background-color:#3b3b3b;cursor:pointer}.top-bar .account-wrapper{display:flex;align-items:center;gap:1rem;color:#fff;background:rgba(0,0,0,.7019607843);padding:4px;border-radius:5rem;font-weight:900;font-size:1.1rem;height:-moz-fit-content;height:fit-content;letter-spacing:.08rem}.top-bar .account-wrapper:hover{background:#3b3b3b;cursor:pointer}.top-bar .account-wrapper img{width:2.1rem;height:2.1rem;border-radius:50%}.top-bar .account-wrapper svg{width:1.3rem;height:1.3rem}.root__now-playing-bar{grid-area:player;display:flex;justify-content:space-between;align-items:center;background-color:#181818;border-top:1px solid #282828;padding:2rem;width:100%;height:7rem;position:absolute;bottom:0;z-index:99999}.root__now-playing-bar .music-info{display:flex;align-items:center;gap:1rem}.root__now-playing-bar .music-info img{width:5.6rem;height:5.6rem}.root__now-playing-bar .music-info .music-name__artist-name span{color:#fff;display:block;font-size:1.1rem}.root__now-playing-bar .music-info .music-name__artist-name span:hover{text-decoration:underline;opacity:1;cursor:pointer}.root__now-playing-bar .music-info .music-name__artist-name span:nth-child(2){opacity:.7}.root__now-playing-bar .music-info .heart__picInPic{display:flex;align-items:center;gap:1rem}.root__now-playing-bar .music-info .heart__picInPic svg{opacity:.7}.root__now-playing-bar .music-info .heart__picInPic svg:hover{opacity:1;cursor:pointer}.root__now-playing-bar .player-controls button{width:3.2rem;height:3.2rem;background:rgba(0,0,0,0);border:none;cursor:pointer;opacity:.7}.root__now-playing-bar .player-controls button:hover{opacity:1}.root__now-playing-bar .player-controls .control-playpause-button{border-radius:50%;background:#fff}.root__now-playing-bar .player-controls .control-playpause-button svg{position:relative;top:7%}.root__now-playing-bar .player-options button{opacity:.7;background:rgba(0,0,0,0);border:none;padding:3px}.root__now-playing-bar .player-options button:hover{opacity:1;cursor:pointer}.root__main-view{background:#121212;width:100%;grid-area:main;overflow-y:scroll}.root__main-view::-webkit-scrollbar{width:12px}.root__main-view::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.root__main-view::-webkit-scrollbar-thumb{background-color:rgba(65,64,64,.7450980392);border:2px solid #121212}.root__main-view .container{padding:33px}.root__main-view .container .greetings{font-size:2.5rem;font-weight:1000;margin:0 0 1.6rem 0;color:#fff}.top-cards{display:grid;grid-gap:1.2rem;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr))}.top-cards .card{min-width:200px;height:74px;display:flex;align-items:center;gap:1rem;background-color:#2b2a2e;border-radius:5px;overflow:hidden}.top-cards .card:hover{background-color:#3d3b41;cursor:pointer}.top-cards .card:hover .play{display:block}.top-cards .card img{width:7.4rem;height:7.4rem}.top-cards .card p{color:#fff;font-size:1.4rem;font-weight:bolder;letter-spacing:.05rem;width:-moz-fit-content;width:fit-content;word-break:keep-all}.top-cards .card .play{flex:1;text-align:right;margin-right:10px;display:none;transition:transform 200ms ease}.top-cards .card .play button{width:4.2rem;height:4.2rem;border-radius:50%;border:none;background:#1ed760;box-shadow:0px 6px 7px rgba(37,36,36,.4039215686)}.top-cards .card .play button:hover{background:#47cf77;transform:scale(1.05);cursor:pointer}.top-cards .card .play button svg{position:relative;top:7%;left:0}.more-like-ac-dc{display:flex;justify-content:space-between;align-items:center;width:100%;margin:2rem 0 1.2rem 0;color:#fff}.more-like-ac-dc h2{font-size:1.8rem;margin:1.6rem 0}.more-like-ac-dc h2:hover{text-decoration:underline;cursor:pointer}.more-like-ac-dc .show-all{opacity:.7;font-size:1.2rem;cursor:pointer}.more-like-ac-dc .show-all:hover{opacity:1;text-decoration:underline}.cards-container{display:flex;gap:1.6rem;width:100%;padding-bottom:100px}.cards-container .bigger-card{width:100%;min-width:20rem;max-height:28rem;padding:1.6rem;background:#181818;border-radius:3px;color:#fff}.cards-container .bigger-card *{user-select:none;-webkit-user-select:none;-moz-user-select:none}.cards-container .bigger-card:hover{background:rgba(61,59,65,.6039215686);cursor:pointer}.cards-container .bigger-card:hover .play{display:block}.cards-container .bigger-card .card-content{height:100%}.cards-container .bigger-card .card-content img{width:100%;height:15.8rem;border-radius:2.5px;margin-bottom:1.6rem}.cards-container .bigger-card .card-content h3{font-size:1.6rem;margin-bottom:4px}.cards-container .bigger-card .card-content p{font-size:1.4rem;opacity:.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal}.cards-container .bigger-card .play{position:relative;left:141px;bottom:165px;display:none;transition:transform 200ms ease}.cards-container .bigger-card .play button{width:4.2rem;height:4.2rem;border-radius:50%;border:none;background:#1ed760;box-shadow:0px 6px 7px rgba(37,36,36,.4039215686)}.cards-container .bigger-card .play button:hover{background:#47cf77;transform:scale(1.05);cursor:pointer}.cards-container .bigger-card .play button svg{position:relative;top:7%;left:0}/*# sourceMappingURL=main.css.map */