body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;background-color:#0d1117;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:auto;overflow-y:auto;scrollbar-width:none}body::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scrollbar-width:none}*{-ms-overflow-style:none}.App{align-items:center;background-color:#0d1117;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;padding:0;position:relative;text-align:center;top:0;width:100vw}.topBar{background:#0d1117;background:linear-gradient(0deg,#020211,#0b132a 50%,#111e31);border-bottom:1px solid #101a29;height:60px;position:fixed;z-index:1}.topBar,.topBarContent{align-items:center;display:flex;width:100%}.topBarContent{flex-direction:row;justify-content:space-between;padding:10px}.diskSpace{align-items:center;display:flex;flex-direction:row;justify-content:center}.progressBar{width:130px}.logout{display:flex}.App-header2{box-sizing:border-box;margin:0 auto;position:relative}.App-header2,.main{display:flex;flex-direction:column}.main{-ms-overflow-style:none;background-color:#0d1117;bottom:0;color:"#ffffff";height:100%;margin:0;overflow:auto;scrollbar-width:none;top:0;width:100%}.App-login{background-color:#0d1117;box-sizing:border-box;height:100vh}.App-login,.login{align-items:center;display:flex;justify-content:center}.login{background-color:#161b22;border:1px solid #2f343d;border-radius:6px;height:180px;margin-bottom:170px;padding:18px 31px 8px 29px;text-align:center;width:18%}.loginForm{align-items:center;display:flex;flex-direction:column;justify-content:center}.loginForm input{border:transparent;border-radius:6px;color:#3d3d3d;display:block;padding:5px}.form-submit{background-color:green;border:transparent;border-radius:6px;color:"#ffffff";cursor:pointer;height:30px;width:100%}.message{color:red;font-size:14px}.blank{height:5px}.logOutButton{background:transparent;border:1px solid transparent;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;height:25px}.foldersCard{background-color:#161b22;border:1px solid #2f343d;border-radius:6px;margin-top:50px;padding:20px;width:500px}.foldersCard,.foldersView{display:flex;flex-direction:column}.foldersView{-ms-overflow-style:none;align-items:center;height:100vh;justify-content:center;margin-top:100px;overflow:auto;overflow-y:auto;scrollbar-width:none;width:100%}.folderNameSection{align-items:center;display:flex;flex-direction:row}.navigation{position:absolute;top:60px;width:100%}.arrowBack{padding:10px}.foldersHeader{color:"#ffffff";justify-content:center;padding:10px}.foldersContent,.foldersHeader{align-items:center;display:flex;flex-direction:column;width:100%}.foldersContent{border-radius:6px;height:100%;justify-content:flex-start;margin:0}.folder{width:100%}.singleFolder{align-items:center;display:flex;flex-direction:row;height:40px;justify-content:space-between;width:100%}.folderName{color:#c9c9c9;padding-left:20px;text-decoration:none}.folderName:hover{color:#adff2f}.folderImage{height:30px;width:30px}.divider{border:1px solid #2c2c2c}.loader{height:100vh;text-align:center}.emptyFolder,.loader{align-items:center;display:flex;flex-direction:column;justify-content:center}.uploadFileForm{color:#fff;width:300px}.fileRow{align-items:center;border-bottom:1px solid #2c2c2c;display:flex;flex-direction:row;justify-content:space-between;width:550px}.fileNameRow{width:100px}.fileRow-playing{align-items:center;background-color:#20252b;border-bottom:1px solid #2c2c2c;display:flex;flex-direction:row;justify-content:space-between;width:500px}.allFilesView{height:100%;margin-top:40px}.filesView{flex-direction:column;height:530px;margin-bottom:100px;margin-top:15px;overflow:scroll;overflow-x:hidden;padding:12px}.fileActionButtons,.filesView{align-items:center;display:flex}.fileActionButtons{flex-direction:row;justify-content:space-evenly;width:90px}#file-date{color:#7a7a7a;font-size:12px;text-align:left;width:55px}#file-name{color:#fff;font-size:11px;overflow:hidden;width:130px}#file-name-playing{color:#7affb6;font-size:12px;overflow:hidden;width:130px}.deleteButton{cursor:pointer;padding:5px;width:20px}.downloadButton{cursor:pointer;padding:5px;width:25px}.playButtons{width:50px}.deleteButtonButton{background:transparent;border:none;border-radius:3px;color:#92abcf;cursor:pointer;font-size:14px;height:30px;margin-left:5px;margin-right:7px;padding:5px;width:40px}.deleteButton:hover,.deleteButtonButton:hover{color:#ff7e7e}.downloadButton:hover{color:#adff2f}.bottomPlayer{align-items:center;background:#0d1117;background:linear-gradient(0deg,#020211,#0b132a 50%,#111e31);bottom:0;display:flex;height:76px;justify-content:center;position:fixed;width:100%}.playerControls{margin:0 30px 0 10px;width:100%}.chatRoom{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.chatLog{display:flex;margin-top:250px}.chatForm{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.chat__sidebar{background-color:#101a29;justify-content:space-between;position:fixed;width:100%;z-index:2}.chat__sidebar,.chat__users{display:flex;flex-direction:row}.chat__users{align-items:center}.message{border:1px solid #ddd;border-radius:10px;outline:none;padding:15px;width:80%}.sendBtn{background-color:green;border:none;color:#eae3d2;cursor:pointer;margin-left:5px;outline:none;padding:10px;width:150px}.message__container{align-items:left;display:flex;flex-direction:column;justify-content:center;margin-top:110px}.message__chats{align-items:center;display:flex;flex-direction:row;margin-left:40px;max-height:250px}.message__recipient{width:95%}.message__recipient,.message__sender{display:flex;flex-direction:row;font-size:13px;padding:3px}.message__sender{max-width:95%}.sender__name{color:#fff;width:60px}.sender__name__offline{color:#4e4e4e;width:60px}.message_recipient_text{color:#718bff}.message_sender_text{color:#adff2f}.message__status{margin-left:40px}.leaveChat__btn{background-color:#fc5176;border:none;color:#eae3d2;cursor:pointer;height:40px;outline:none;padding:10px;width:100px}@media(max-width:920px){.login{padding:0;width:90%}.foldersCard{width:300px}.fileRow{max-width:90vw}}.rhap_container{background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.2);padding:10px 15px}.rhap_time{color:#333}.rhap_progress-bar{background-color:#ddd}.rhap_progress-filled{background-color:#868686}.rhap_progress-bar-show-download{background-color:hsla(0,0%,87%,.5)}.rhap_download-progress{background-color:#ddd}.rhap_progress-indicator{background:#868686}.rhap_main-controls-button{color:#868686}.rhap_container{background-color:initial;box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;line-height:1;width:100%}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex:1 1 auto;flex-direction:column}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{align-items:center;display:flex;flex:3 1 auto}.rhap_progress-container{align-items:center;align-self:center;cursor:pointer;display:flex;flex:1 0 auto;height:20px;margin:0 calc(10px + 1%);user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#fff;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{background-color:#fff;border-radius:2px;box-sizing:border-box;height:5px;position:relative;width:100%;z-index:0}.rhap_progress-filled{background-color:#566be2;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_progress-bar-show-download{background-color:hsla(0,0%,51%,.5)}.rhap_download-progress{background-color:#949494;border-radius:2px;height:100%;position:absolute;z-index:1}.rhap_progress-indicator{background:#d4d4d4;border-radius:50px;box-shadow:0 0 5px hsla(0,0%,53%,.5);box-sizing:border-box;height:20px;margin-left:-10px;position:absolute;top:-8px;width:20px;z-index:3}.rhap_controls-section{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between}.rhap_additional-controls{align-items:center;display:flex;flex:1 0 auto}.rhap_repeat-button{color:#868686;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_main-controls{align-items:center;display:flex;flex:0 1 auto;justify-content:center}.rhap_main-controls-button{color:#fff;font-size:35px;height:35px;margin:0 3px;width:35px}.rhap_play-pause-button{font-size:40px;height:40px;width:40px}.rhap_volume-controls{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.rhap_volume-button{color:#868686;flex:0 0 26px;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_volume-container{align-items:center;display:flex;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{align-items:center;cursor:pointer;display:flex;height:14px;width:100%}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{background:#ddd;border-radius:2px;box-sizing:border-box;height:4px;position:relative;width:100%}.rhap_volume-indicator{background:#868686;border-radius:50px;box-shadow:0 0 3px hsla(0,0%,53%,.5);box-sizing:border-box;cursor:pointer;height:12px;left:0;margin-left:-6px;opacity:.9;position:absolute;top:-4px;width:12px}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_button-clear{background-color:initial;border:none;cursor:pointer;overflow:hidden;padding:0}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}
/*# sourceMappingURL=main.d706e4e5.css.map*/