body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--background-0:#242933;--background-1:#2e3440;--background-2:#3b4252;--background-3:#434c5e;--background-4:#4c566a;--foreground-1:#d8dee9;--foreground-2:#e5e9f0;--foreground-3:#eceff4;--highlight:#88c0d0}*{-webkit-user-select:none;-moz-user-select:none;-webkit-tap-highlight-color:transparent}body{overflow:hidden}.App{text-align:center;width:100vw;flex-direction:row;align-items:center;align-content:center;font-size:20px;color:#d8dee9;color:var(--foreground-1);flex-wrap:wrap}#background,.App{display:flex;justify-content:center;overflow:hidden}#background{background-color:#2e3440;background-color:var(--background-1);position:absolute;width:100%;height:100%;flex-direction:column}.waves{width:100%;height:20%}.card{width:180px;height:210px;border-radius:10px;background-color:#88c0d0;background-color:var(--highlight);box-shadow:0 0 15px -5px #000;margin:20px;transition:.3s;color:#2e3440;color:var(--background-1)}.card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.card:active{transition:.1s;-webkit-transform:scale(.9);transform:scale(.9)}.card h1{font-size:25px;padding-top:30px}.card svg{font-size:80px;padding-top:15px}.card-link{text-decoration:none}button{background-color:#88c0d0;background-color:var(--highlight);margin:10px;padding:10px;font-size:18px;border-radius:10px;border:none;outline-width:0;color:#2e3440;color:var(--background-1);cursor:pointer;box-shadow:0 0 15px -5px #000}.icon-button{width:41px}.action-input{display:flex;box-shadow:0 0 15px -5px #000;border-radius:10px;margin:10px}.action-input input{box-shadow:none;margin:0;border-radius:10px 0 0 10px}.action-input button{box-shadow:none;border-radius:0 10px 10px 0;margin:0}.big-icon-button{z-index:1;background-color:#88c0d0;background-color:var(--highlight);padding:10px;font-size:37px;width:61px;height:61px;border-radius:10px;border:none;outline-width:0;color:#2e3440;color:var(--background-1);cursor:pointer;box-shadow:0 0 15px -5px #000;margin:10px}.file{display:flex;align-items:center;word-break:break-word;padding:10px;margin:3px 0;text-align:left;transition:.2s;border-radius:10px;position:relative;overflow:hidden}.file:hover{background-color:#2e3440;background-color:var(--background-1)}.file:active{background-color:#3b4252;background-color:var(--background-2)}.file-list{display:flex;flex-direction:column;max-width:100%;color:#d8dee9;color:var(--foreground-1);max-height:500px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.file-list::-webkit-scrollbar{display:none}.progress-bar{position:absolute;width:0;height:100%;background-color:#5e81ac;left:0}.remove-button{cursor:pointer;margin-left:10px;opacity:0;transition:.2s;z-index:0}.file:hover .remove-button{opacity:1}#camera{max-width:min(500px,90vw);max-height:min(500px,50vh);border-radius:10px;box-shadow:0 0 15px -5px #000;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}#call,#camera{background-color:#000}#call{position:absolute;width:100%;height:100%;display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;overflow:hidden}.incoming-video{background-color:#000;border-radius:10px;cursor:pointer}.item-title:after{content:"";display:block;height:1px;background-color:#d8dee9;background-color:var(--foreground-1);opacity:.5;width:135px;margin:8px auto}input{background-color:#434c5e;background-color:var(--background-3);color:#d8dee9;color:var(--foreground-1);margin:10px;padding:10px;font-size:18px;border:none;border-radius:10px;outline-width:0;box-shadow:0 0 15px -5px #000}::-webkit-input-placeholder{color:#d8dee9;color:var(--foreground-1);opacity:.5}::placeholder{color:#d8dee9;color:var(--foreground-1);opacity:.5}#panel{width:270px;margin:3vh 7vw;align-items:center;z-index:1}#panel,#username-form{display:flex;flex-direction:column}#username-form{align-items:flex-end}.clickable-text{color:#88c0d0;color:var(--highlight);cursor:pointer}.popup{position:absolute;top:15%;background-color:#3b4252;background-color:var(--background-2);padding:10px;border-radius:10px;box-shadow:0 0 15px -5px #000;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:4}#button-tray{display:flex;position:absolute;z-index:3;bottom:5%;opacity:1;transition:.2s}.spinner{margin:20px;width:57px;height:57px;position:relative}.cube1,.cube2{background-color:#d8dee9;width:15px;height:15px;position:absolute;top:0;left:0;-webkit-animation:sk-cubemove 1.8s ease-in-out infinite;animation:sk-cubemove 1.8s ease-in-out infinite}.cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}to{-webkit-transform:rotate(-1turn)}}@keyframes sk-cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}to{transform:rotate(-1turn);-webkit-transform:rotate(-1turn)}}
/*# sourceMappingURL=main.21c82a2b.chunk.css.map */