@import"https://fonts.googleapis.com/css2?family=Coda:wght@400;800&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Racing+Sans+One&display=swap";:root{--font-jet: "JetBrains Mono", monospace;--font-coda: "Coda", cursive;--font-racing: "Racing Sans One", cursive;--light: #fff;--theme: #956fff;--bg-200: #111214;--bg-100: #191919;--linear-gradient: linear-gradient(rgba(17,18,20,.7) 0%, #111214 70%);--facebook: #1877f2;--twitter: #14171a;--instagram: #e1306c;color:var(--light);font-size:62.5%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-jet);width:100%;height:100vh;display:grid;place-content:center;background:transparent}a,span{display:inline-block}img{width:100%;object-fit:cover}button{border:none;outline:none;cursor:pointer}.flex{display:flex}.column{flex-direction:column}.center{justify-content:center;align-items:center}.player_back{width:100%;height:100%;position:absolute;top:0;left:0}.player_background{width:100%;height:100%;align-items:center;justify-content:center;position:relative}.player_background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--linear-gradient)}.player_background>img{min-height:100%}.btn_social{width:3.4rem;height:3.4rem;align-items:center;justify-content:center;position:relative;border-radius:.4rem;box-shadow:1rem 1rem 10px #0000004d}.btn_social.facebook{background:var(--facebook)}.btn_social.twitter{background:var(--twitter)}.btn_social.instagram{background:var(--instagram)}.btn_social>span{color:var(--light);font-size:1.6rem;transition:.2s;padding-top:.5rem}.btn_social:before{content:attr(data-toltip);position:absolute;background:var(--bg-100);color:var(--light);padding:.5rem 1rem;border-radius:.3rem;text-transform:uppercase;left:50%;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:.3s cubic-bezier(.175,.885,.32,1.275)}.btn_social:hover:before{opacity:1;visibility:visible;transform:translate(30%,-50%)}.aside_player{width:5rem;height:100%;background:var(--bg-100);flex-shrink:0;justify-content:space-between;position:relative;z-index:2}.aside_top{width:100%}.aside_logo{width:100%;height:5rem;display:flex;justify-content:center;align-items:center;padding:.5rem}.aside_social{width:100%;gap:1rem;align-items:center;margin-top:2rem}.micro{width:100%;height:5rem;justify-content:center;align-items:center;padding:.5rem}.micro>img{width:3rem;opacity:.6}.slider_song__content{width:100%;height:6rem;margin-top:2rem;position:relative;overflow:hidden}.slider_song__content:before,.slider_song__content:after{content:"";position:absolute;width:4rem;height:100%;top:50%;transform:translateY(-50%);z-index:2}.slider_song__content:before{left:0;background:linear-gradient(90deg,var(--bg-200) 20%,transparent)}.slider_song__content:after{right:0;background:linear-gradient(90deg,transparent,var(--bg-200) 80%)}.slider_song__animated{width:fit-content;height:6rem;align-items:center;position:relative;transform:translate(0);animation:infiniteScroll 10s linear infinite}@keyframes infiniteScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.slider_song{width:auto;min-width:65rem}.slider_song>h1{font-family:var(--font-racing);font-size:4rem;white-space:nowrap}.main_header{width:100%;height:5rem;align-items:center}.main_header>h2{font-family:var(--font-racing);text-transform:capitalize;font-size:2.4rem}.cover_box,.cover_box__bg{width:100%;height:100%;border-radius:1rem;overflow:hidden}.main_player{width:calc(100% - 5rem);height:100%;padding:2rem;padding-top:0;flex-grow:1}.section_main{width:100%;height:27rem;padding:2rem 0;gap:2rem}.cover_content{width:31rem;height:100%}.cover_3d__box{width:100%;height:100%;transform-style:preserve-3d;perspective:500px;transform-origin:right center;position:relative}.cover_3d__item{width:26rem;height:26rem;transform-style:preserve-3d;background-image:url("data:image/svg+xml,%3csvg%20id='cover'%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%3e%3crect%20id='Retângulo_69'%20data-name='Retângulo%2069'%20width='120'%20height='120'%20fill='%23eff1f3'/%3e%3cpath%20id='Caminho_3'%20data-name='Caminho%203'%20d='M33.25,38.482a2.625,2.625,0,0,1,2.6-2.607H83.146a2.606,2.606,0,0,1,2.6,2.607V80.518a2.625,2.625,0,0,1-2.6,2.607H35.854a2.607,2.607,0,0,1-2.6-2.607ZM80.5,41.125h-42v36.75l24.392-24.4a2.625,2.625,0,0,1,3.712,0L80.5,67.4ZM43.75,51.625A5.25,5.25,0,1,0,49,46.375,5.25,5.25,0,0,0,43.75,51.625Z'%20fill='%23687787'%20fill-rule='evenodd'/%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;border-radius:1rem;right:-2rem;box-shadow:-3rem 0 3rem #0003;transition:.5s cubic-bezier(.075,.82,.165,1);border:solid .4rem var(--theme);overflow:hidden}.cover_3d__item:nth-child(1){transform:translateZ(0) rotateY(25deg)}.cover_3d__item:nth-child(2){transform:translate3d(-4rem,0,-50px) rotateY(25deg)}.cover_3d__item:nth-child(3){transform:translate3d(-8rem,0,-100px) rotateY(25deg)}.cover_3d__item:nth-child(4){transform:translate3d(-12rem,0,-150px) rotateY(25deg)}.server_content{width:calc(100% - 33rem);height:100%;flex-grow:1}.nowplaying{width:100%;margin-top:2rem}.nowplaying>span{text-transform:uppercase;font-size:1.8rem;font-weight:600}.nowplaying_data{width:100%;height:auto;overflow-x:hidden;margin-top:.5rem}.nowplaying_data>h3,.nowplaying_data>h4{width:100%;height:auto;font-family:var(--font-racing);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;overflow-x:hidden}.nowplaying_data>h3{font-size:4rem}.nowplaying_data>h4{font-size:2.4rem;color:var(--theme)}.spectrum_analizer{width:100%;height:13rem;position:relative}.volume_content{width:100%;height:3.4rem;margin-top:1rem;justify-content:space-between;align-items:center}.btn_volume{width:4rem;height:3.4rem;background:transparent;color:var(--theme);transition:.2s;flex-shrink:0;margin-top:1rem}.btn_volume:hover{color:var(--light)}.btn_volume>span{font-size:4rem}.volume_controll{width:auto;height:3.4rem;flex-grow:1;position:relative;margin:0 1rem}.volume_progress{width:100%;height:1rem;background:var(--light);border-radius:999px;overflow:hidden;position:absolute;left:0;top:calc(50% - .5rem)}.volume_seekbar{width:50%;height:100%;background:var(--theme)}.volume_slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1rem;position:absolute;top:calc(50% - .5rem);left:0;z-index:2;cursor:pointer;outline:none;border:none;background:transparent}.volume_slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.4rem;height:2.4rem;border-radius:50%;background:linear-gradient(transparent,#0003),var(--theme);box-shadow:0 0 0 .4rem #ffffff4d}.volume_slider::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.4rem;height:2.4rem;border-radius:50%;background:linear-gradient(transparent,#0003),var(--theme);box-shadow:0 0 0 .4rem #ffffff4d}.bottom_player{width:100%;height:7.5rem;margin-top:2rem;align-items:center;justify-content:space-between;gap:2rem}.bottom_player__col{flex-grow:1;width:calc(50% - 3.5rem);height:100%;align-items:center;justify-content:flex-end}.bottom_player__col.left{justify-content:flex-start;gap:3rem}.server_info{text-transform:uppercase;align-items:center}.server_info>small{font-size:1.2rem}.server_info>span{font-family:var(--font-racing);font-size:3.4rem;color:var(--theme)}.bottom_player__center{width:7rem;height:7rem;flex-shrink:0;position:relative}.bottom_player__center:before,.bottom_player__center:after{content:"";position:absolute;width:100%;height:100%;border-radius:.6rem;background:var(--light)}.bottom_player__center:after{background:var(--theme);transform:rotate(20deg)}.btn_play__pause{position:relative;width:5rem;height:5rem;z-index:2;background:transparent}.play_pause__icons{width:5rem;height:5rem;color:var(--light)}.play_pause__icons>span{font-size:3.4rem;display:flex;align-items:center;justify-content:center}.bottom_player__col.right{justify-content:space-between;padding-left:4rem}.btn_playlist{width:4rem;height:4rem;background:transparent;color:var(--theme);transition:.2s;margin-top:1rem}.btn_playlist:hover{color:var(--light)}.btn_playlist>span{font-size:4rem}.loader{border:5px solid transparent;border-bottom:5px solid var(--light);padding:1em;border-radius:50%;rotate:180deg;animation-name:loader;animation-duration:.9s;animation-timing-function:cubic-bezier(.17,.67,.83,.67);animation-iteration-count:infinite;animation-delay:.1s;animation-fill-mode:forwards}@keyframes loader{0%{rotate:180deg}to{rotate:-180deg}}@keyframes circle{0%{scale:1}25%{scale:1.1}50%{scale:2.5}75%{scale:1.1}to{scale:1}}.circle{border-radius:50%;width:1em;height:1em;background-color:transparent;border:solid .2rem var(--light);animation-name:circle;animation-duration:.5s;animation-timing-function:cubic-bezier(.17,.67,.83,.67);animation-iteration-count:infinite;animation-delay:.1s;animation-fill-mode:forwards}.clock_container{align-items:center;gap:.5rem}.clock_numbers h3{font-family:var(--font-jet);font-size:3.6rem;font-weight:100}.clock_details small{text-transform:uppercase;font-size:1.2rem;color:var(--theme)}.clock_details span{text-transform:capitalize;font-size:1.6rem;line-height:1.2rem;color:var(--light)}.chat_description{width:100%;height:auto;justify-content:center;margin-top:1rem;align-items:center;position:relative}.chat_description:before,.chat_description:after{content:"";position:absolute;width:5rem;height:100%;top:0;z-index:2}.chat_description:before{left:0;background-image:linear-gradient(90deg,var(--bg-200) 10%,transparent)}.chat_description:after{right:0;background-image:linear-gradient(90deg,transparent,var(--bg-200) 90%)}.chat_description p{font-size:2rem;font-family:var(--font-racing);padding:.5rem 2rem;background:var(--bg-100);border-radius:.4rem;margin:0 3rem}.chat_description span{font-size:2rem;padding:.5rem 2rem;font-family:var(--font-racing);background:var(--bg-100);border-radius:.4rem;color:var(--theme);text-transform:capitalize}.player_front{width:100%;max-width:80rem;height:100%;display:flex;position:relative;z-index:2;overflow:hidden}.history_content{width:calc(100% - 5rem);height:100%;position:absolute;top:0;right:0;z-index:3;background:#7c7c7c66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem 2rem;transition:.5s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;transform:translateY(100%)}.history_content.active{transform:translateY(0)}.history_content__header{width:66.5rem;height:8rem;background:var(--theme);border-radius:.6rem;box-shadow:2rem 2rem 20px #0003;padding:1rem 2rem}.history_header__details{align-items:center;gap:1rem}.history_header__details>span{font-size:1.6rem;color:var(--bg-200)}.history_header__details>p{text-transform:uppercase;font-size:1.6rem;line-height:1.4rem}.history_header__nowplaying{width:100%;height:3.4rem;position:relative;overflow:hidden}.history_header__nowplaying:before,.history_header__nowplaying:after{content:"";position:absolute;width:3rem;height:100%;top:0;z-index:3}.history_header__nowplaying:before{left:0;background:linear-gradient(90deg,var(--theme),transparent)}.history_header__nowplaying:after{right:0;background:linear-gradient(90deg,transparent,var(--theme))}.history_header__animated{width:fit-content;height:100%;align-items:center;position:relative;transform:translate(0);animation:sliderTitle 10s linear infinite}@keyframes sliderTitle{0%{transform:translate(0)}to{transform:translate(-50%)}}.history_header__playing{width:fit-content;min-width:61.5rem;align-items:center;height:100%}.history_header__playing>h2{font-family:var(--font-racing);font-size:3rem;white-space:nowrap}.history_content__section{width:66.5rem;height:38rem;margin-top:4rem;overflow-y:auto;overflow-x:hidden;padding-bottom:4rem}.history_content__list{width:64.4rem;height:auto;gap:2rem}.history_content__row{width:100%;height:6rem;background:var(--light);border-radius:.6rem;padding:1rem;gap:1rem;align-items:center;box-shadow:1.4rem 1.4rem 20px #0003}.history_row__cover{width:4rem;height:4rem;border-radius:1rem;background-image:url("data:image/svg+xml,%3csvg%20id='cover'%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%3e%3crect%20id='Retângulo_69'%20data-name='Retângulo%2069'%20width='120'%20height='120'%20fill='%23eff1f3'/%3e%3cpath%20id='Caminho_3'%20data-name='Caminho%203'%20d='M33.25,38.482a2.625,2.625,0,0,1,2.6-2.607H83.146a2.606,2.606,0,0,1,2.6,2.607V80.518a2.625,2.625,0,0,1-2.6,2.607H35.854a2.607,2.607,0,0,1-2.6-2.607ZM80.5,41.125h-42v36.75l24.392-24.4a2.625,2.625,0,0,1,3.712,0L80.5,67.4ZM43.75,51.625A5.25,5.25,0,1,0,49,46.375,5.25,5.25,0,0,0,43.75,51.625Z'%20fill='%23687787'%20fill-rule='evenodd'/%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;background-position:center;flex-shrink:1;overflow:hidden}.history_row__info{flex-grow:1;width:calc(100% - 5rem);height:100%}.history_info__title{width:100%;height:2rem;overflow:hidden}.history_info__title>h4{width:100%;height:2rem;color:var(--theme);font-family:var(--font-racing);text-transform:capitalize;font-size:1.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history_info__artist{width:100%;height:2rem;align-items:center;gap:2rem;justify-content:space-between}.history_info__artist>p{flex-grow:1;max-width:calc(100% - 8rem);white-space:nowrap;text-overflow:ellipsis;color:#aaa;text-transform:capitalize;font-size:1.2rem;overflow:hidden}.history_info__artist>span{width:auto;height:2rem;line-height:2rem;background:#eee;padding:0 1.4rem;border-radius:999px;color:var(--theme);font-weight:500;font-size:1.2rem}.scroll-y{scrollbar-width:thin;scrollbar-color:var(--theme) rgba(0,0,0,.3)}.close_history{width:4rem;height:4rem;border-radius:50%;position:absolute;right:3rem;bottom:2.4rem;background:var(--theme);box-shadow:0 0 30px #0000004d;color:var(--light);transition:.5s}.close_history:hover{transform:rotate(360deg)}.close_history>span{font-size:2rem;padding-top:.5rem}.app_container{width:100%;height:100vh;min-width:80rem;max-height:60rem;background:var(--bg-200);position:relative;box-shadow:0 0 60px #0006}.player_content{width:100%;height:100%;position:relative}::-webkit-scrollbar{width:.8rem;background:#0006}::-webkit-scrollbar-thumb{background:var(--theme)}