*,*:after,*:before{margin:0;box-sizing:inherit;padding:0}html{font-size:62.5%;width:100vw}a{text-decoration:none;color:#000}body{box-sizing:border-box;background-color:#2c3e50;overflow-x:hidden;border-top:0;border-bottom:0}body::-webkit-scrollbar{width:15px}body::-webkit-scrollbar-track{background-color:#a2a2b979}body::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px #0000004d;background-image:linear-gradient(180deg,hsl(313,5%,61%) 0%,hsl(120,2%,52%) 99%);box-shadow:inset 2px 2px 5px #ffffff80;border-radius:100px}body li{list-style:none}body{width:100%;text-align:left;font-family:work sans,sans-serif;font-size:2.5rem}.large-text{font-size:5rem}h1{color:#fff;font-size:15rem;font-family:sans-serif;font-weight:100}h2{font-size:2.3rem;font-family:sans-serif;font-weight:700}h3{color:#fff;font-size:4rem;font-family:serif;font-weight:200}h4{font-size:2.5rem;font-family:sans-serif;font-weight:100;color:gray}a{text-decoration:none}.header__group__title{color:#f0e9d2;font-size:4rem;font-family:sans-serif;text-shadow:2.25px 2.25px 2.25px #3e5871}button{all:unset;cursor:pointer;padding:1rem}.footer{position:fixed;bottom:0;width:100%}.footer__text{display:grid;width:100%;margin:auto;text-align:center;margin-bottom:10rem;font-size:1rem}.grid-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:800px;margin:25px auto 60px}.left-column input{width:100%}.form{margin-right:20px}@media (max-width: 600px){.grid-container{flex-direction:column;align-items:center}}.grid-container>*{width:30%;flex-basis:30%}.card-text-large{margin-left:8px;padding-right:28px}.card-text-small{font-size:19px;margin-left:8px;padding-right:10px;padding-bottom:10px}.smaller-input{width:100%;margin:20px 10px 10px}.smaller-slider{width:100%;margin:20px 10px 38px 25px}.form{display:flex;flex-direction:column}.custom_add{position:absolute;right:6px;top:235px}.options_rec{margin-left:20px}.rec_button{width:97%;margin-left:20px;margin-bottom:60px}.duration{position:absolute;right:10%}.list li{align-items:center;margin-bottom:10px;position:relative;margin-top:5px}.paper{margin-top:10px;margin-bottom:40px}.list_item{cursor:pointer}.list_item_text{flex-grow:1}.list_button{position:absolute;top:30px;right:0;margin-right:28px}.list_button_features{position:absolute;top:30px;right:0;margin-right:-6px}.list_button_modal{position:absolute;top:10px;right:0;margin-right:13px}.list_button_modal_features{position:absolute;top:10px;right:0;margin-right:-16px}.list li:not(:first-child){border-top:1px solid #ccc}.list{padding-top:5px;padding-left:5px}.top-input{margin:10px}.input-container{display:flex;flex-direction:row;justify-content:space-evenly;margin:10px}.input-wrapper{display:flex;flex-direction:column;margin-right:10px}.image-top,.text-top{margin-top:10px}.numbers,.numbers--artists{margin-left:5px;margin-top:5px}.top_playlist_button{margin-bottom:60px;width:100%;height:60px}.hover:hover{cursor:pointer}.top__alert{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:1000;margin-bottom:5px;opacity:0;transition:opacity .9s ease-in-out}.top__alert.visible{opacity:1;transition:opacity .9s ease-in-out}.knob{display:flex;position:relative}.knob_border{padding-bottom:30px;padding-left:20px;position:relative}.knob_border--center{position:relative;margin-left:-20px;margin-right:-20px;padding-left:18px}.knob__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:155px}.knob__label{margin:1rem}.knob .ticks{position:absolute}.knob .ticks .tick{position:absolute;background:rgb(131,129,129);box-shadow:inset 0 0 #000;width:3px;transition:box-shadow .5s}.knob .ticks .tick.active{box-shadow:inset 0 0 5px 2px #5aec50,0 0 0 1px #3b9933}.knob.outer{border-radius:50%;border:1px solid #434343;border-bottom:5px solid #515050;background-image:radial-gradient(100% 70%,#e8e6e6 6%,#878585 90%);box-shadow:0 5px 15px 2px #bebebe,0 0 5px 3px #d0d0d0,0 0 0 12px #898989}.knob.inner{border-radius:50%}.knob.inner .grip{position:absolute;width:5%;height:5%;bottom:2%;left:50%;transform:translate(-50%);border-radius:50%;background:#50ec72;box-shadow:0 0 3px 1px #000}.test{background:hsl(154,100%,50%)}label{padding:0}.board_button{margin-top:10px}.sound-board{width:50rem;height:45rem;padding:4rem;display:grid;grid-template-columns:1fr 1fr 1fr;color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;gap:0rem}.hand__cursor{cursor:pointer}.knob_border{border-left:3px solid #ccc;border-right:3px solid #ccc;margin-left:30px;margin-right:30px}.playlist{margin-top:10px;margin-bottom:60px;margin-right:20px;position:relative}.playlist_image{margin-left:10px}.playlist_text_name{font-weight:600;font-size:17px;padding-right:50px}.playlist_text_tracks{font-weight:200;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist_input{margin-top:5px;margin-bottom:10px}.list{padding-right:20px}.list_select_group{margin-left:20px}.playlist_button{position:absolute;top:30px;right:30px}.playlist_button_features{position:absolute;top:30px;right:-4px}.text-select{padding-right:20px}.sidebar-title{padding-bottom:20px;border-bottom:1px solid rgba(215,215,215,.516)}.sidebar-icon{margin-bottom:17px}.sidebar-bottom{margin-left:12px}.mantine-5f6x53{-webkit-flex-wrap:unset;-ms-flex-wrap:unset;flex-wrap:unset}.playall_button{width:100%;margin-left:5px}.play_button-icon-list{position:absolute;height:20px;width:20px;opacity:0;transition:all .2s ease-in-out;left:46px;top:25px}.mantine-5f6x53:hover .play_button-icon-list{opacity:1}.sidebar__wrapper{height:60vh;width:250px}.mantine-fxte7n{-webkit-flex-wrap:unset;-ms-flex-wrap:unset;flex-wrap:unset}.card{max-width:700px}.card ul{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem}.card ul a{padding:2rem;margin:1rem;width:200px}.time{position:absolute;right:7rem;bottom:20%}.play_button img[alt=play-button]{cursor:pointer;position:absolute;height:40%;top:7%;left:15%;z-index:100;opacity:0;transition:all .2s ease-in-out}.play_button:hover img[alt=play-button],.mantine-1dn2tzg:hover img[alt=play-button]{opacity:.5}.numbers{opacity:1;transition:all .2s ease-in-out}.play_button-icon{position:absolute;height:20px;width:20px;opacity:0;transition:all .2s ease-in-out}.mantine-5f6x53:hover .numbers{opacity:0}.mantine-5f6x53:hover .play_button-icon{opacity:1}.loading{margin-top:10px;margin-left:100px}.circle{z-index:10000;position:fixed;left:16px;top:14px}input{display:none}.on,.off{position:absolute;text-align:center;-webkit-text-shadow:inset 1px 1px 1px black;width:100%}.on{color:#bbb;top:10px;-webkit-transition:all .1s;font-family:sans-serif}.off{bottom:5px;-webkit-transition:all .1s;transform:scaleY(.85)}.but{background-color:#272727;border-radius:400px/400px 400px 300px 300px;border-bottom-width:0px;box-shadow:inset 8px 6px 5px -7px #000,inset -8px 6px 5px -7px #000,inset 0 -3px 2px -2px #c8c8c880,0 3px 3px -2px #000,inset 0 -230px 60px -200px #fff3,inset 0 220px 40px -200px #0000004d;display:block;font-size:27px;height:178px;position:relative;-webkit-transition:all .2s;width:200px}.back{background-color:#000;background-image:-webkit-linear-gradient(0deg,transparent 30%,transparent 70%),-webkit-linear-gradient(0deg,rgba(150,150,150,0) 30%,rgba(150,150,150,.1) 50%,rgba(150,150,150,0) 70%);border-radius:105px;box-shadow:30px 30px 30px -20px #0000004d,-30px 30px 30px -20px #0000004d,0 30px 30px #0000004d,inset 0 -1px #333;box-sizing:border-box;height:210px;padding:4px;-webkit-transition:all .2s;width:210px}.round{background:black;background:-webkit-linear-gradient(270deg,#444,#222);border-radius:130px;-webkit-box-sizing:border-box;box-shadow:0 0 0 8px #0000001a,0 0 3px 1px #000,inset 0 8px 3px -8px #fff6;height:260px;margin:30px auto;padding:25px;width:260px}input:checked+.back .on,input:checked+.back .off{text-shadow:inset 1px 1px 1px black}input:checked+.back .on{color:#999;top:10px;-webkit-transform:scaleY(.85)}input:checked+.back .off{color:#bbb;bottom:5px;-webkit-transform:scaleY(1)}input:checked+.back .but{background:#232323;background-image:-webkit-radial-gradient(50% 15%,circle closest-corner,rgba(0,0,0,.3),rgba(0,0,0,0));border-radius:400px/300px 300px 400px 400px;box-shadow:inset 8px -4px 5px -7px #000,inset -8px -4px 5px -7px #000,0 -3px 8px -4px #fafafa66,inset 0 3px 4px -2px #0a0a0a,inset 0 280px 40px -200px #0003,inset 0 -200px 40px -200px #b4b4b433;margin-top:20px}input:checked+.back{background-image:-webkit-linear-gradient(90deg,black 30%,transparent 70%),-webkit-linear-gradient(180deg,rgba(250,250,250,0) 0%,rgba(250,250,250,.4) 50%,rgba(150,150,150,0) 100%);box-shadow:30px 30px 30px -20px #0000001a,-30px 30px 30px -20px #0000001a,0 30px 30px #0003,inset 0 1px 2px #0009;padding:2px 4px}.l,.r{margin:0 auto;text-align:center}.round,#onoff,.back,.but,.on,.off{user-select:none}.toggle__wrapper{position:absolute;left:6px;top:70px;display:inline-block;transform-origin:top left;transform:scale(.2)}.features__text{font-size:16px}.tab__text{color:#fff}#mantine-r1-tab-first:hover .tab__text,#mantine-r1-tab-second:hover .tab__text,#mantine-r1-tab-third:hover .tab__text{color:#0000009e}.mantine-1d48ezy{z-index:-1}.mantine-Navbar-root{z-index:0;padding-top:5rem}.search{margin:auto;margin-top:2rem;width:60%}.mantine-List-itemWrapper{width:90%}.mantine-1dn2tzg{flex-wrap:nowrap}.mantine-9wjbo7[data-active]{background:linear-gradient(to right,teal,limegreen)}.mantine-9wjbo7:hover{background-color:#f8f9fae6}.mantine-Burger-root,.mantine-MediaQuery-media{position:fixed;z-index:10022}.mantine-14fye4p{min-width:400px}.dashboard__main{min-height:50vh}.splash{display:grid;justify-content:center;margin:auto}.splash__title{margin-left:100px;margin-right:100px;border-bottom:5px double rgba(255,254,254,.716);padding-bottom:10px;justify-content:center}.splash__svg__container{background:linear-gradient(rgb(3,201,3),rgb(10,157,10));border-radius:6px;padding:14px;margin-top:39px}.splash__header__text{margin:40px auto auto;width:80%;padding:30px;background-color:#ffffff1c;border-radius:10px;color:#fff}.splash__description__contain{margin:auto;display:flex;flex-wrap:wrap;width:80%;margin-bottom:5rem;padding:30px;background-color:#ffffff1c;border-radius:10px}.splash__description__item{width:50%}.splash__text{color:#ffffffcd;font-weight:60;margin:-20px 20px 10px 85px}.splash__textBold{margin-bottom:10px}.splash__text__header{color:#ffffffcd;font-weight:60;margin-left:10px}.splash__image{margin:20px auto;width:80%}.splash__login{align-items:center;padding-left:1rem;overflow:hidden;height:5.9rem;width:320px;color:#000;background:linear-gradient(rgb(3,201,3),rgb(10,157,10));position:relative;border:black solid 1px;box-shadow:5px 5px 5px #1b1a1a;border-radius:20px;transition:all .3s ease-in}.splash__login:focus{outline:orange 5px auto}.splash__login:hover{transform:translateY(-4px);box-shadow:5px 5px 5px #333;background:linear-gradient(rgb(4,227,4),rgb(8,182,8))}.splash__login:active{transform:translateY(-2px);box-shadow:5px 5px 5px #1b1a1a}.splash__login--logo{position:absolute;left:9rem;bottom:-16.4rem}.splash__description__item{padding:2rem}.splash__description__item h3,.splash__description__item p{margin-bottom:3rem}@media (width < 801px){.splash__image{display:none}}@media (width < 1050px){.splash__login{scale:.75;margin-right:10rem}.splash__description__contain{display:flex;flex-direction:column;width:100vw;margin:auto}h1{font-size:10rem}.mantine-5f6x53{flex-direction:column}.splash__description__item{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0;padding:0;scale:.75}.splash__description__item h3{margin:0;padding:0;margin-bottom:2rem}.splash__description__item p{margin-bottom:-4rem}}@media (width < 1050px){h1{font-size:5rem}.sidebar-icon{width:5rem}.splash__header__text{margin-bottom:5rem;width:100vw}.splash__text{width:100%;margin:0;padding:0}}@media (width < 320px){.splash__description__contain{scale:.6;width:100%;margin-top:-40rem}h1{font-size:4rem}.splash__login{scale:.65;margin-left:-5rem}.splash__header__text{scale:.65;width:100%;padding:1rem}}.dashboard{margin-top:7rem;display:flex;justify-content:space-around}.column{padding:1rem}.column-1{min-width:300px}.playlist_column{margin-right:20px;min-width:450px}@media (max-width: 1150px){.dashboard{flex-direction:column}.column{padding:1rem;flex:1;max-width:70%;margin-left:300px}.playlist_column{margin-right:20px;margin-left:310px}}.logo{position:absolute;left:-18px;top:8px;transition:all .2s ease}.logo--tracks{top:26px;left:-10px}.logo--track-list{top:26px;left:0px}.logo--top-tracks{top:29px;left:-30px}.logo--rec{left:-28px;top:25px}.logo--card{left:80%;top:89%}.logo--list{transition:all .2s ease;margin-top:12.5px;margin-left:10px}.logo--list:hover,.logo:hover{transform:translateY(-4px)}.slider-width{padding:.5rem;width:150px}.slider__label{font-size:2rem;padding-left:1rem}@media (width < 851px){.playlist_column{margin-right:20px;margin-left:10px}.column{margin-left:10px!important}}@media (max-width: 1000px){.header__group__nav__segment{display:none;width:auto}.header__group__nav__signup{display:none}}@media (min-width: 1000px){.header__group__burger,.header__group__mobileMenu{display:none}}