#home{background:linear-gradient(#fff,#fff);height:97%;overflow-y:scroll;overflow-x:hidden}.home-header{height:10vh;-webkit-flex:0 0 10vh;flex:0 0 10vh;width:100%;background:linear-gradient(#f5f5f5,#fff)}.home-header>h2{padding:10px;font-size:25px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.home-header>nav{width:60%;height:100%;background-color:"";padding:0 10px}#all-beats{min-height:60vh;max-height:auto;-webkit-flex:0 0 auto;flex:0 0 auto;width:100%;border-radius:10px;background-color:""}.beats-cont{width:95%;height:370px;background-color:"";margin:2px 0}.beats-cont:last-child{margin-bottom:60px}.beats-cont>.beats-header{height:20%;width:100%;background-color:"";display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:flex-start;align-items:flex-start;padding:0 15px}.beats-cont>.beats-header>.beats-user-info{width:200px;height:40px;background-color:""}.beats-cont>.beats-header>p{font-size:13px}.beats-cont>.beats-header>.beats-user-info>img{-webkit-flex:0 0 35px;flex:0 0 35px;width:35px;height:35px;object-fit:cover;border-radius:50%;margin-right:10px}.beats-cont>.beats-header>span{font-size:14px}.beats-cont>.beats-header>.beats-name{overflow-x:hidden;overflow-y:hidden;width:150px;height:15px;text-align:start;font-size:13px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.beats-img{position:relative;height:55%;width:100%;border-radius:5px;background:linear-gradient(#0ff,#7fffd4)}.beats-img>img{width:100%;height:100%;border-radius:1px;z-index:0;border-radius:5px;object-fit:cover}.audio-progress{position:absolute;top:0;width:100%;height:100%;background-color:"";z-index:2}.audio-progress>.progress-bar{position:absolute;left:10px;bottom:0;height:0;width:100px;background-color:rgba(255,99,71,.7450980392156863)}.beats-controls{position:relative;width:100%;height:15%;background:""}.beats-controls>.box{position:absolute;right:5px;width:100px;height:80%;background-color:"";display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center;padding:5px 15px;margin:0 10px}.beats-controls>.box>span{font-size:14px;color:#303030}.beats-controls>.beats-action{position:absolute;left:5px;width:100px;height:80%;background-color:"";display:-webkit-flex;display:flex;-webkit-flex-direction:"";flex-direction:"";-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center;margin:0 10px}.beats-controls>.beats-action>.like-beats{-webkit-flex:0 0 80%;flex:0 0 80%;height:50%;background-color:""}.beats-controls>.beats-action>.like-beats>span{padding:0 10px}.beats-controls>.beats-action>.beats-delete{padding:5px 1px;font-size:18px;color:#303030;background-color:""}.bottom-nav{position:fixed;bottom:0;right:0;height:7vh;width:100%;background-color:#fff;z-index:50}.audio-player{position:fixed;top:0;width:100%;height:70px;background-color:"";z-index:30}#my-beats-page{overflow-y:scroll;overflow-x:hidden;position:relative;background-color:#fff}#my-beats-page>.top{height:23vh;-webkit-flex:0 0 55vh;flex:0 0 55vh;margin:80px 0 20px;width:95%;background:linear-gradient(to bottom right,#2e8b57,#2f4f4f);border-radius:20px 20px 20px 20px}#my-beats-page>.top>.my-details{width:100%;height:90%;background-color:"";display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;padding:5px 20px}#my-beats-page>.top>.my-details>img{width:40%;-webkit-flex:0 0 40%x;flex:0 0 40%x;height:100px;border-radius:20px;border:6px solid #f5f5f5;object-fit:cover}#my-beats-page>.top>.my-details>.my-info{-webkit-flex:0 0 30%;flex:0 0 30%;height:80%}#my-beats-page>.top>.my-details>.my-info>span{font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;padding:5px 0}#my-beats-page>.top>.my-details>.my-info>.my-name{font-size:25px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-weight:700}#my-beats-page>.top>.my-details>.about-follows{width:100%;-webkit-flex:0 0 20%;flex:0 0 20%;background-color:""}#my-beats-page>.top>.my-details>.about-follows>span{font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-weight:700;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:10px}#my-beats-page>.center,#my-beats-page>.top>.my-details>.about-follows>span{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}#my-beats-page>.center{min-height:70vh;-webkit-flex:0 0 auto;flex:0 0 auto;margin:20px 0;width:100%;background-color:"";-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;padding:20px 0}#my-beats-page>.my-beats-nav{position:fixed;top:0;right:20px;z-index:30;height:50px;width:100%;border-radius:0;background-color:"";padding:0 10px}#add-beats{position:fixed;bottom:25%;height:55%;width:90%;background:#f5f5f5;border-radius:15px;z-index:10}#add-beats>.center{height:80%;width:85%;border-radius:40px}#add-beats>.center>.add-file-cont{width:100%;height:200px;background-color:#fff;border-radius:20px;margin:10px 0}#add-beats>.center>.add-file-cont>span{padding:10px 25px}#add-beats>.center>.add-file-cont>.upload-progress{color:grey;font:12px}#add-beats>.center>.add-file-cont>.add-btns{width:100%;height:50%}#join-page{background-color:#fff}#join-page>.center{height:400px;width:100%;background:""}#join-page>.center>input,#join-page>.center>input:hover{outline:none;background-color:transparent;height:40px;width:80%;border:none;border-bottom:1px solid grey;padding:0 15px;border-radius:0}#join-page>.center>input:hover{border-bottom:2px solid coral}.join-btn{background:linear-gradient(coral,tomato);width:150px;height:40px;border-radius:10px;color:#f5f5f5}.search-page{background-color:#dc143c}.search-page>.top{width:100%;height:20%;background-color:#fff}.search-page>.top>h2{width:90%;height:40px;text-align:start;padding:0 10px}.search-page>.top>input{width:80%;height:40px;background-color:#f5f5f5;border-radius:10px;padding:0 15px}.search-page>.center{width:100%;height:80%;background-color:#fff}.search-page>.center>ul{width:100%;height:100%;background-color:"";overflow-y:scroll;overflow-x:hidden}.person-cont{width:90%;height:90px;-webkit-flex:0 0 90px;flex:0 0 90px;border-radius:20px;background:linear-gradient(90deg,#f5f5f5,#f5f5f5);margin:10px 0;padding:0 10px}.person-img-cont{height:90%;-webkit-flex:0 0 30%;flex:0 0 30%;background-color:#fff8dc}.person-img{width:100%;height:100%;object-fit:cover;border-radius:10px}.person-det{height:90%;-webkit-flex:0 0 60%;flex:0 0 60%;margin:0 15px}.person-det>p{color:grey;font-size:13px}.settings-page{background-color:#fff}.set-one-action{width:90px;height:40px;border-radius:10px;margin:10px}.settings-page>.set-header{height:100px;width:100vw;padding:15px;margin-bottom:10px}.settings-page>.set-header>h2{font-size:25px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.settings-page>.settings-cont{margin:15px 0;-webkit-flex:0 0 auto;flex:0 0 auto;min-height:40px;max-height:auto;width:90vw;background-color:#f5f5f5;border-radius:10px}.settings-page>.settings-cont>span{-webkit-flex:0 0 40px;flex:0 0 40px;height:40px;width:100%;background-color:""}.settings-page>.settings-cont>.set-drop-down{display:none;height:80%;-webkit-flex:0 0 80%;flex:0 0 80%;background-color:"";width:90%;margin:15px 0}.settings-page>.settings-cont>.set-drop-down>button{background:linear-gradient(coral,tomato);color:#fff;font-size:16px}.guide-cont{height:93vh;width:100%;background-color:#fff;padding:15px 0;overflow-y:scroll;overflow-x:hidden;margin-bottom:50px}.guide-cont>img{min-width:auto;max-width:300px;height:auto;margin:20px 0}.guide-cont>h1{width:100%;height:40px;text-align:center;padding:5px 15px;margin:10px 0}.guide-cont>h3,.guide-cont>p{padding:15px 25px}.guide-cont>h3{color:#2e8b57}.guide-cont>button{height:40px;-webkit-flex:0 0 40px;flex:0 0 40px;width:120px;margin:15px 0}.music-page{overflow-y:scroll;overflow-x:hidden;background-color:#fff;width:100%;height:93%}.music-page>.top{width:95%;height:180px;background:#faebd7;border-radius:15px;margin:20px auto}.music-page>.top>img{width:100px;height:100px;border-radius:50%;margin:0 20px;object-fit:cover}.music-page>.top>.info{-webkit-flex:0 0 50%;flex:0 0 50%;overflow:hidden;height:80%;margin:0 10px;background-color:"";padding:5px 0}.music-page>.top>.info>h2{margin:5px 10px;font-size:20px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.music-page>.top>.info>span{margin:0 10px;font-size:13px}.music-page>.center{min-height:600px;max-height:auto;width:100%;overflow-y:scroll;overflow-x:hidden;background-color:#fff}.all-musics{width:100%;min-height:100%;max-height:auto;background-color:""}.all-musics>.music-cont{height:90px;width:90%;background-color:""}.all-musics>.music-cont>.play{height:70px;width:70px;border-radius:50%;background-color:#f5f5f5;margin-right:20px;transition:.5s}.all-musics>.music-cont>.play:hover{box-shadow:0 0 1px 4px rgba(255,102,0,.6039215686274509)}.all-musics>.music-cont>.music-info{background-color:"";width:65%;height:90%;overflow:hidden}.all-musics>.music-cont>.music-info>p{overflow:hidden;margin:2px 15px;width:100%;height:30px;font-size:13px;color:#404040}.play-house,.play-house>.top{background-color:#fff}.play-house>.top{height:10%;padding:0 15px}.play-house>.top>.tittle>span{color:#2e8b57}.add-play-room-btn{margin:0 15px}.play-house>.center{height:90%;width:100%;background-color:#fff}.room-container{width:90%;height:60px;background:linear-gradient(to bottom right,#faebd7,#f5f5f5);border-radius:5px;margin:10px 0}.room-container>span,.room-name{padding:0 10px;margin:0 10px;background-color:"";width:40%}.room-container>.room-name{font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-size:17px}.room-container>span{text-align:end;color:grey;font-size:14px}.play-house>.add-play-room{height:45%;width:100%;margin:auto;background:linear-gradient(#2e8b57,#00ff7f);position:fixed;top:10px}.play-room{background-color:green;position:relative}.play-room>.top{width:100%;height:40vh;background:linear-gradient(#faebd7,#fff)}.play-room>.top>h4{position:absolute;top:10px;left:10px;color:#404040;font-size:20px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.play-room>.top>.info{height:40%;width:85%;margin:10px 0;background:""}.play-room>.top>.info>span{text-align:end;margin:10px 0;width:70%;height:40px;background-color:"";font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;overflow:hidden;-webkit-justify-content:flex-start;justify-content:flex-start;font-size:14px;padding-left:10px;color:grey}.play-room>.top>.info>span,.play-room>.top>.info>span:nth-child(2){display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.play-room>.top>.info>span:nth-child(2){background-color:coral;width:0;min-width:100px;max-width:auto;border-radius:30px;margin:5px 0;color:#fff;-webkit-justify-content:center;justify-content:center;padding:0}.play-room>.center{width:100%;height:60vh;background:linear-gradient(#fff,#f5f5f5);list-style-type:circle;overflow-y:scroll;overflow-x:hidden}.play-room>.center>.my-room-audio{width:95%;-webkit-flex:0 0 80px;flex:0 0 80px;background-color:"";margin:10px 0;padding:0 10px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-size:15px;color:#404040;overflow:hidden;word-wrap:none}.play-room>.center>.my-room-audio:last-child{margin-bottom:100px}.play-room>.center>.my-room-audio>span{margin:0 5px;height:70px;-webkit-flex:0 0 70px;flex:0 0 70px;background-color:#f5f5f5;border-radius:50%}.play-room>.center>.my-room-audio>span:hover{border:2px solid orange}.play-room>.center>.my-room-audio>p{-webkit-flex:0 0 70%;flex:0 0 70%;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;overflow:hidden;margin:0 10px;color:#303030;font-size:14px;height:35px;padding:5px 10px}.join-room{height:100%;width:100%;background:linear-gradient(coral,orange);position:fixed;top:0;left:0;z-index:30}.join-room>button{margin:10px 0}.to-music-bar{height:25vh;-webkit-flex:0 0 25vh;flex:0 0 25vh;width:95%;overflow-y:hidden;overflow-x:scroll;background-color:"";margin:10px 0;border-bottom:1px solid grey}.to-person{height:80%;width:120px;-webkit-flex:0 0 120px;flex:0 0 120px;background-color:"";margin:0 10px}.to-person>span{font-size:14px;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}.to-music-img{width:100px;height:100px;border-radius:3px;margin:5px 0;object-fit:cover}.chatpage{background:linear-gradient(to bottom right,#fff,#f5f5f5);height:93vh;width:100%}.chatpage>header{width:100%;height:15%;background:#fff}.chatpage>header>h2{padding:10px;font-size:30px}.chatpage>section{overflow-y:scroll;overflow-x:hidden;height:85%}.chat{width:95%;margin:5px auto;height:90px;background-color:#f5f5f5}.chat,.chat>.img{border-radius:10px}.chat>.img{height:70px;width:70px;margin:15px;object-fit:cover}.chat>.info{width:50%;height:100%}.chat>.info>.chat-name{text-decoration:none;color:#000}.chat>.info>.last-text{overflow:hidden;width:95%;height:35px;color:grey;font-size:14px}.chat-room{width:100%;height:93vh;background:#fff}.chat-room>header{width:100%;height:10%;background:#fff}.chat-room>header>img{height:45px;width:45px;margin:0 10px;border-radius:10px;object-fit:cover}.chat-room>header>.recp-info{width:50%;height:100%}.chat-room>section{height:80%;width:100%;background:#fff}.chat-room>footer{height:10%;width:100%;background:#fff}.chat-room>footer>input{width:70%;margin:10px;background-color:#f5f5f5}.chat-room>footer>input:hover{margin-bottom:20px;background-color:#fff5ee}.chat-room>footer>span{color:#2e8b57}.message{min-width:auto;max-width:70%;min-height:55px;max-height:auto;border-radius:5px;background:coral;margin:10px;padding:10px;text-decoration:none}.message>li{list-style:none;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.sent{margin-left:25%;background:linear-gradient(to bottom right,#2e8b57,rgba(46,139,86,.911));color:#fff;border-radius:15px 15px 0 15px}.received{background:#f5f5f5;margin-left:35px;border-radius:15px 15px 15px 0}@media screen and (min-width:700px){.chat-room,.chatpage{height:100vh}}*{margin:0;padding:0;box-sizing:border-box;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.page{height:93vh;width:100%;background-color:""}.flex{-webkit-justify-content:center;justify-content:center}.flex,.flex-start{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.flex-start{-webkit-justify-content:flex-start;justify-content:flex-start}.flex-end{-webkit-justify-content:flex-end;justify-content:flex-end}.flex-end,.flex-evenly{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.flex-evenly{-webkit-justify-content:space-evenly;justify-content:space-evenly}.flex-btw{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.flex-col{-webkit-justify-content:center;justify-content:center}.flex-col,.flex-col-evenly{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.flex-col-evenly{-webkit-justify-content:space-evenly;justify-content:space-evenly}.flex-col-start{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.flex-col-left{-webkit-justify-content:space-evenly;justify-content:space-evenly}.flex-col-left,.flex-col-left-center{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.flex-col-left-center{-webkit-justify-content:center;justify-content:center}.overflow-x{overflow-y:hidden;overflow-x:scroll}.overflow-y{overflow-y:scroll;overflow-x:hidden}button,button:hover{width:100px}button,button:hover,input,input:hover{border:none;outline:none;height:40px;border-radius:5px}input,input:hover{width:80%;padding:0 15px}::-webkit-file-upload-button{-webkit-transition:1s;transition:1s;background-color:#f5f5f5;width:120px;height:40px;border-radius:10px;border:none;outline:none}::-webkit-file-upload-button:hover{background-color:#e6e6fa}::-webkit-scrollbar{background-color:hsla(0,0%,100%,0);height:5px;width:10px;margin-left:5px}::-webkit-scrollbar-thumb{background-color:#f5f5f5;border-radius:30px}::-webkit-scrollbar-thumb:hover{background:grey}.material-icons{cursor:pointer}@media screen and (min-width:700px){html{background:#2e8b57;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-end;justify-content:flex-end}body{background:linear-gradient(to bottom right,#2e8b57,#00ff7f);-webkit-flex:0 0 85%;flex:0 0 85%}.page,body{height:100vh;margin:0;padding:0}.page{background-color:""}#home,.page{border-radius:0}#home{background-color:#fff;height:100vh}.home-header{background:linear-gradient(rgba(0,255,128,0),#fff)}.to-music-bar{margin:40px 0}#all-beats{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row}#all-beats>.beats-cont{background-color:"";width:270px;-webkit-flex:0 0 270px;flex:0 0 270px;margin:30px}.beats-cont>.beats-header>.beats-name{font-size:16px}.music-page{height:100vh;background-color:"";border-radius:0;-webkit-flex:0 0 100%;flex:0 0 100%}.music-page,.music-page>.top{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly}.music-page>.top{-webkit-flex-direction:column;-webkit-flex:0 0 30%;flex:0 0 30%;height:50vh;flex-direction:column;background:transparent}.music-page>.top>img{width:200px;height:200px;border-radius:2px;box-shadow:10px 10px 0 0 rgba(48,48,48,.2)}.music-page>.top>.info{background-color:"";-webkit-flex:0 0 30%;flex:0 0 30%;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.music-page>.top>.info>span{margin:0 10px;font-size:13px}.music-page>.center{-webkit-flex:0 0 60%;flex:0 0 60%;height:100vh;background:linear-gradient(90deg,#fff,#faebd7);border-radius:0;padding:25px 0}#my-beats-page{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}#my-beats-page>.top{width:100%;height:23vh;-webkit-flex:0 0 25vh;flex:0 0 25vh;background:linear-gradient(#fff,#f5f5f5);border-radius:0}#my-beats-page>.top>.my-details{width:70%;background:"";display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;padding:5px 20px}#my-beats-page>.top>.my-details>img{height:150px;width:150px}#my-beats-page>.top>.my-details>.my-info{-webkit-flex:0 0 40%;flex:0 0 40%}#my-beats-page>.top>.my-details>.about-follows{width:40%;-webkit-flex:0 0 40%;flex:0 0 40%;height:50px;background-color:""}#my-beats-page>.center{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start}#my-beats-page>.center>.beats-cont{-webkit-flex:0 0 250px;flex:0 0 250px;margin:10px 15px}.search-page>.center>ul{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap}.search-page>.center>ul>.person-cont{-webkit-flex:0 0 100px;flex:0 0 100px;width:35%}#add-beats{width:350px}.bottom-nav{bottom:0;left:10px;height:100vh;width:5%;border-radius:0;margin:0 5px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;background:linear-gradient(#fff,#faebd7)}}
/*# sourceMappingURL=main.158c3616.chunk.css.map */