@keyframes fadein{from{opacity:0.6}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0.6}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0.6}to{opacity:1}}@keyframes fadein-opaque{from{opacity:0}to{opacity:0.6}}@-moz-keyframes fadein-opaque{from{opacity:0}to{opacity:0.6}}@-webkit-keyframes fadein-opaque{from{opacity:0}to{opacity:0.6}}@keyframes slide-up{from{margin-top:1%;opacity:0.3}to{margin-top:0%;opacity:1}}@-moz-keyframes slide-up{from{margin-top:1%;opacity:0.3}to{margin-top:0%;opacity:1}}@-webkit-keyframes slide-up{from{margin-top:1%;opacity:0.3}to{margin-top:0%;opacity:1}}::-webkit-scrollbar{width:4px;height:2px}::-webkit-scrollbar-track{background:none;border-radius:2px}::-webkit-scrollbar-thumb{background:#888;border-radius:2px}#auth-footer{display:flex;justify-content:space-between;position:absolute;top:90%;left:0;width:100%;height:280px;padding:40px;padding-left:450px;padding-right:450px;box-sizing:border-box;background:white;border-top:1px solid lightgray;font-size:14px}.auth-footer-column{display:flex;flex-direction:column;line-height:2}.auth-footer-link{text-decoration:none;color:#585858}.auth-footer-column h6{font-weight:bold}.auth-page{width:100%;height:100vh;background-color:#f8f8f8;overflow:hidden}.auth-greeting{display:flex;align-items:center;flex-direction:column}.auth-greeting h1{font-size:30px;font-weight:bold;padding-bottom:5px;margin-bottom:20px}.auth-greeting h4{font-size:15px;margin-bottom:20px}.auth-box{position:absolute;top:130px;left:50%;margin-left:-300px;width:550px;padding:20px;padding-top:40px;padding-bottom:40px;border:solid 1px lightgrey;border-radius:5px;box-shadow:0px 1px lightgray;background-color:white;display:flex;flex-direction:column;align-items:center}.auth-errors{position:absolute;top:510px;left:50%;width:590px;margin-left:-300px;border:1px solid lightgrey;border-left:4px solid red;border-radius:5px;background:white;display:flex}#user-signin .auth-errors{top:580px}.auth-errors h6{padding:10px;padding-left:20px;font-size:14px}.auth-box form{display:flex;flex-direction:column}.auth-box label{font-weight:bold;font-size:20px}.auth-box-footer{margin-top:22px;margin-bottom:10px;width:60%;text-align:center;line-height:1.5;font-size:15px}.auth-form-link{text-decoration:none;color:#1717cc;font-size:inherit;font-weight:bold;margin-left:5px}.auth-form-link:hover{text-decoration:underline}#user-signin form input{width:382px;height:30px;margin-bottom:15px;border-radius:5px;border:1px solid black;padding:8px;font-size:18px}#user-signin input[type="submit"],#user-signin button{width:400px;height:50px;margin-bottom:15px;background:#007a5a;border:none;border-radius:5px;color:white;font-weight:bold;font-size:20px}#user-signin input[type="submit"]:disabled{box-shadow:none;background:gray}#user-signin input[type="submit"]:hover,#user-signin button:hover{cursor:pointer;box-shadow:0 0.25rem 1rem rgba(0,0,0,0.1)}#user-signin input[type="submit"]:disabled:hover{cursor:grab;box-shadow:none}#user-signin button{background:#640064}#user-signin button:hover{background:#4b014b}#user-signin .alt-demo-login{width:400px;color:rgba(29,28,29,0.7);font-size:15px;line-height:18px;text-decoration:underline;text-align:end}#user-signin .alt-demo-login{transition:0.3;cursor:pointer;color:black}#user-signin .auth-box-footer{display:flex;align-items:center;justify-content:center;width:100%}#user-signin .auth-form-link{font-weight:normal;padding:5px}#workspace-signin form input{width:184px;height:30px;margin-bottom:15px;border-radius:5px;border:1px solid gray;font-size:18px}#workspace-signin input[type="submit"],#workspace-signin button{width:297px;height:50px;margin-bottom:15px;background:#007a5a;border:none;border-radius:5px;color:white;font-weight:bold;font-size:20px}#workspace-signin input[type="submit"]:disabled{box-shadow:none;background:gray}#workspace-signin input[type="submit"]:hover,#workspace-signin button:hover{cursor:pointer;box-shadow:0 0.25rem 1rem rgba(0,0,0,0.1)}#workspace-signin input[type="submit"]:disabled:hover{cursor:grab;box-shadow:none}#workspace-signin button{background:#640064}#workspace-signin button:hover{background:#4b014b}#workspace-signin form input[type="text"]{text-align:right;padding:8px}.browser-channel{position:relative;flex:1;display:flex;flex-direction:column;height:100%}.browser-channel .browser-channel-top{display:flex;flex-direction:column;width:100%;position:absolute;top:0px;left:0px;z-index:1}.browser-channel .browser-channel-top .browser-channel-nav{width:100%;height:50px;padding:8px 20px;background:white;border-bottom:1px solid lightgray;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.browser-channel .browser-channel-top .browser-channel-nav .browser-channel-title{font-weight:900;font-size:18px;line-height:24px;vertical-align:baseline}.browser-channel .browser-channel-top .browser-channel-nav .browser-channel-action{min-width:115px;font-size:13px;line-height:28px;font-weight:bold;text-align:center;padding:1px 11px;border:1px solid lightgray;border-radius:5px;box-sizing:border-box}.browser-channel .browser-channel-top .browser-channel-nav .browser-channel-action.people{min-width:101px}.browser-channel .browser-channel-top .browser-channel-nav .browser-channel-action:hover{transition:0.2s;cursor:pointer;box-shadow:0 0.1rem 0.1rem rgba(0,0,0,0.1)}.browser-channel .browser-channel-top .browser-channel-search{display:flex;justify-content:center;align-items:center;width:calc(100% - 40px);margin:20px;padding:8px;border:1px solid rgba(29,28,29,0.3);border-radius:5px;box-sizing:border-box}.browser-channel .browser-channel-top .browser-channel-search i{color:#636363;font-size:16px}.browser-channel .browser-channel-top .browser-channel-search #search-bar{flex:1;border:none;padding:0 8px;font-size:16px;line-height:18px}.browser-channel .browser-channel-top .browser-channel-search #search-bar:focus{outline:none}.browser-channel .browser-channel-top .browser-channel-search:focus-within{transition:0.2s;border-color:#1D1B1DB3;box-shadow:0 0 0 3pt rgba(135,206,250,0.6)}.browser-channel .browser-channel-top .browser-channel-header{height:24px;flex:1;margin:0 25px 0 20px;border-bottom:1px solid lightgray;font-size:13px;line-height:24px;font-weight:700;color:#1D1B1DB3}.browser-channel .browser-channel-content{position:absolute;left:0px;top:150px;height:calc(100% - 150px);width:100%;box-sizing:border-box;overflow-y:scroll;overflow-y:overlay;overflow-x:hidden}.browser-channel .browser-channel-content .browser-channel-grid{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 10px}.browser-channel .browser-channel-content .browser-channel-grid .browse-modal-user{height:240px;width:150px;margin:8px;border:1px solid lightgray;border-radius:8px;overflow:hidden}.browser-channel .browser-channel-content .browser-channel-grid .browse-modal-user .browse-modal-user-image{display:flex;align-items:center;justify-content:center;height:150px;width:150px}.browser-channel .browser-channel-content .browser-channel-grid .browse-modal-user .browse-modal-user-image img{height:150px;width:auto;object-fit:cover}.browser-channel .browser-channel-content .browser-channel-grid .browse-modal-user .browse-modal-user-info{padding:10px 16px}.browser-channel .browser-channel-content .browser-channel-grid .browse-modal-user .browse-modal-user-info .browse-modal-username{display:flex;font-size:15px;line-height:22px;font-weight:bold}.browser-channel .browser-channel-content .browser-channel-grid .browse-modal-user .browse-modal-user-info .browse-modal-username .user-activity-icon{position:relative;height:22px;width:22px}.browser-channel .browser-channel-content .browser-channel-grid .browse-modal-user .browse-modal-user-info .browse-modal-username .user-activity-icon i{position:relative;overflow:visible;font-size:10px;padding-left:5px}.browser-channel .browser-channel-content .browser-channel-grid .browse-modal-user .browse-modal-user-info .browse-modal-username .user-activity-icon i .user-paused-icon{position:absolute;right:-4px;top:-4px;z-index:1;font-size:12px;line-height:7px;font-weight:900;background-color:white;padding:0 1px 1.5px 0.5px;box-sizing:border-box}.browser-channel .browser-channel-content .browser-channel-grid .browse-modal-user .browse-modal-user-info .browse-modal-occupation{font-size:13px;line-height:18px;color:#1D1B1DB3}.browser-channel .browser-channel-content .browser-channel-grid .browse-modal-user:hover{transition:0.3s;cursor:pointer}.browser-channel .browser-channel-content .browser-channel-grid .browse-modal-user.placeholder{height:0px;border:1px solid white}.browser-channel .browser-channel-content .browser-channel-list{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 20px;box-sizing:border-box;overflow:visible}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item{position:relative;display:flex;flex-direction:column;width:100%;border-top:1px solid lightgray;padding:16px 12px;box-sizing:border-box;overflow:visible}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item .channel-name{font-size:15px;font-weight:bold;line-height:22px}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item .channel-details{display:flex;align-items:center;color:#1D1C1DB3;font-size:13px;line-height:20px}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item .channel-details .channel-status{display:flex;align-items:center;color:#007A5A;font-weight:bold}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item .channel-details .channel-status i{font-size:8px;padding:1px 4px 0 0}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item .channel-details .divider{font-size:2.5px;padding:0 8px}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item .buttons{position:absolute;top:0px;left:-20px;display:flex;align-items:center;width:auto;height:100%;padding:16px 0;box-sizing:border-box;display:none}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item .buttons .button{width:77px;border:1px solid #bebebe;border-radius:4px;box-sizing:border-box;margin-left:10px;background-color:white;font-size:15px;line-height:36px;vertical-align:middle;text-align:center;font-weight:bold}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item .buttons .button.green{color:white;background-color:#007A5A;border:1px solid #007A5A}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item:hover{transition:0.3s;cursor:pointer;background:#f8f8f8}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item:hover .buttons{transition:0.3s;display:flex;background:#f8f8f8}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item:hover .buttons:hover{transition:0.3s}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item:hover .buttons:hover .button:hover{transition:0.3s;box-shadow:0 0.1rem 0.4rem rgba(0,0,0,0.1)}.browser-channel .browser-channel-content .browser-channel-list .browser-list-item:hover .buttons:hover .button.green:hover{transition:0.3s;box-shadow:0 0.1rem 0.4rem rgba(0,0,0,0.1);background:#008f69}.browser-channel .message-list{position:absolute;top:0px;padding-top:70px;background:#f8f8f8;box-sizing:border-box;max-height:100%;height:100%}.browser-channel .message-list .message{width:calc(100% - 40px);margin:0 20px 20px 20px;padding:10px 12px 14px 12px;border:1px solid rgba(29,28,29,0.3);border-radius:12px;background:white;box-sizing:border-box}.browser-channel .message-list .message .message-channel-header{color:rgba(29,28,29,0.7);font-size:13px;font-weight:700;line-height:18px;margin-bottom:8px}.browser-channel .message-list .message .message-channel-header:hover{transition:0.3s;text-decoration:underline;cursor:pointer}.browser-channel .message-list .message .message-content .message-user-icon{margin-left:0}.browser-channel .message-list .message .message-content .message-buttons{top:10px;right:12px}#channel{height:100%;flex:1;display:flex;overflow:visible;border-top:1px solid lightgray}#channel #channel-main{flex:1;height:100%;display:flex;flex-direction:column;overflow:visible}#channel #channel-main #channel-nav{height:50px;min-height:50px;width:100%;z-index:1}#channel #channel-main .chatroom-container{display:flex;overflow:visible;flex-direction:column;justify-content:flex-end;height:calc(100% - 50px);flex:1}.dropdown.channel-settings{top:50px;right:580px}.dropdown.channel-settings{width:200px}.message-empty-space{width:100%;flex:1}.message-list{max-width:calc(100vw - 260px);max-height:calc(100% - 154px);overflow-y:auto;overflow-y:overlay;overflow-x:hidden;vertical-align:text-bottom}.message-list b{font-weight:700}.message-list i{font-style:italic}.message-list ul{list-style-position:outside;list-style-type:disc}.message-list ol{list-style-position:outside;list-style-type:decimal}.message-list ol li,.message-list ul li{line-height:22px;overflow:visible;margin-left:32px;padding-left:10px}.message-list .black-popup{top:-40px;left:calc(50% - 65px);width:130px}.chatroom-container{display:flex;flex-direction:column;justify-content:flex-end}.chatroom-container form{width:100%;height:81px;padding:20px;box-sizing:border-box}.chatroom-container .chat-input[type="text"]{font-size:15px;line-height:15px;width:100%;padding:11px;padding-left:30px;padding-right:30px;box-sizing:border-box;border:1px solid #5a5a5a;border-radius:5px}.chatroom-container input[type="text"]:focus{outline:none}.chatroom-container input[type="submit"]{display:none}.chatroom-container .channel-preview-panel{display:flex;flex-direction:column;align-items:center;min-height:174px;padding:24px 30px;box-sizing:border-box;background:#f0f0f0}.chatroom-container .channel-preview-panel h1{font-size:18px;line-height:24px;vertical-align:top;padding-right:10px;justify-self:flex-start}.chatroom-container .channel-preview-panel .buttons{display:flex;margin-top:28px}.chatroom-container .channel-preview-panel .buttons .channel-preview-button{border:1px solid #bebebe;border-radius:4px;padding:0 12px 1px 12px;box-sizing:border-box;margin:0 8px;color:black;background-color:white;font-size:15px;line-height:33px;vertical-align:middle;text-align:center;font-weight:bold}.chatroom-container .channel-preview-panel .buttons .channel-preview-button.green{color:white;font-weight:900;background-color:#007A5A;border:1px solid #007A5A}.chatroom-container .channel-preview-panel .buttons .channel-preview-button:hover{transition:0.3s;cursor:pointer;box-shadow:0 0.1rem 0.4rem rgba(0,0,0,0.1)}.chatroom-container .channel-preview-panel .buttons .channel-preview-button.green:hover{transition:0.3s;cursor:pointer;box-shadow:0 0.1rem 0.4rem rgba(0,0,0,0.1);background:#008f69}.chatroom-container .channel-preview-panel .channel-preview-link{margin-top:16px;font-size:15px;line-height:22px;text-decoration:underline}.chatroom-container .channel-preview-panel .channel-preview-link:hover{cursor:pointer}#message-form-container{overflow:visible;max-width:calc(100vw - 260px)}#message-form-container .uploading{position:fixed;top:100px;left:calc(50vw - 65px + 130px);z-index:1000;width:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:gray;font-size:13px;font-weight:900;font-style:italic;line-height:15px}#message-form-container .uploading img{position:relative}#message-form-container #message-box{display:flex;flex-direction:column;flex:1;overflow:visible;max-width:calc(100% - 32px);padding:0 16px;margin-top:12px}#message-form-container #message-box #message-form{overflow:visible;border:1px solid rgba(29,28,29,0.3);border-radius:6px;display:flex;flex-direction:column;max-width:100%}#message-form-container #message-box #message-form .files-list{display:flex;align-items:center;overflow-x:overlay;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:8px;box-sizing:border-box}#message-form-container #message-box #message-form .files-list .image-file,#message-form-container #message-box #message-form .files-list .file{position:relative;overflow:visible;margin-right:12px}#message-form-container #message-box #message-form .files-list .image-file .file-delete-button,#message-form-container #message-box #message-form .files-list .file .file-delete-button{display:none;position:absolute;overflow:visible;top:-8px;right:-8px;z-index:1;width:18px;height:18px;background:white;border:2px solid white;border-radius:11px;color:rgba(29,28,29,0.7);font-size:18px}#message-form-container #message-box #message-form .files-list .image-file .file-delete-button:hover,#message-form-container #message-box #message-form .files-list .file .file-delete-button:hover{transition:0.3s;cursor:pointer;color:#1d1c1d}#message-form-container #message-box #message-form .files-list .image-file:hover .file-delete-button,#message-form-container #message-box #message-form .files-list .file:hover .file-delete-button{display:inline}#message-form-container #message-box #message-form .files-list .image-file:hover{transition:0.3s;cursor:pointer;background:rgba(29,28,29,0.1)}#message-form-container #message-box #message-form .files-list .image-file:hover .image-container .foreground{display:inline}#message-form-container #message-box #message-form .files-list .image-container{display:flex;justify-content:center;align-items:center;overflow:hidden;height:64px;width:fit-content;max-width:64px;border-radius:4px}#message-form-container #message-box #message-form .files-list .image-container img{height:64px;width:auto;object-fit:cover}#message-form-container #message-box #message-form .files-list .image-container .foreground{display:none;position:absolute;top:0px;left:0px;height:62px;width:100%;background-color:rgba(29,28,29,0.1)}#message-form-container #message-box #message-form .files-list .file{display:flex;justify-content:center;align-items:center;padding:12px;border-radius:12px;border:1px solid rgba(29,28,29,0.1)}#message-form-container #message-box #message-form .files-list .file .file-icon{width:36px;height:36px;border-radius:12px;user-select:none;margin-right:12px;color:white;font-size:18px;line-height:36px;text-align:center}#message-form-container #message-box #message-form .files-list .file .file-info{display:flex;flex-direction:column;inline-size:160px;text-overflow:clip;word-break:break-all;white-space:nowrap}#message-form-container #message-box #message-form .files-list .file .file-info .file-name{font-size:16px;line-height:19px;font-weight:bold;padding:4px 0;margin:-4px 0}#message-form-container #message-box #message-form .files-list .file .file-info .file-type{color:#616061;font-size:13px;line-height:15px;margin-top:4px}#message-form-container #message-box #message-form .toolbar-button{position:relative;overflow:visible;width:24px;padding:2px;border-radius:4px;margin:2px;color:rgba(29,28,29,0.7);font-size:16px;line-height:24px;text-align:center;user-select:none}#message-form-container #message-box #message-form .toolbar-button .black-popup{width:100px;left:calc(50% - 50px);top:-67px;line-height:16px;padding:5px 0}#message-form-container #message-box #message-form .toolbar-button.selected{background:gainsboro}#message-form-container #message-box #message-form .toolbar-divider{height:20px;width:1px;border:0.5px solid rgba(29,28,29,0.2);box-sizing:border-box;margin:0 3px}#message-form-container #message-box #message-form #chat-toolbar{display:flex;justify-content:flex-start;align-items:center;overflow:visible;padding:4px;height:30px;background:#f8f8f8;border-radius:6px 6px 0 0;opacity:0.5}#message-form-container #message-box #message-form #chat-toolbar.hidden{display:none}#message-form-container #message-box #message-form #chat-input{padding:8px 12px;line-height:22px}#message-form-container #message-box #message-form #chat-input b{font-weight:700}#message-form-container #message-box #message-form #chat-input i{font-style:italic}#message-form-container #message-box #message-form #chat-input ul{list-style-position:outside;list-style-type:disc}#message-form-container #message-box #message-form #chat-input ol{list-style-position:outside;list-style-type:decimal}#message-form-container #message-box #message-form #chat-input ol li,#message-form-container #message-box #message-form #chat-input ul li{line-height:22px;overflow:visible;margin-left:32px;padding-left:10px}#message-form-container #message-box #message-form #chat-input:focus{outline:none}#message-form-container #message-box #message-form #chat-input:hover{cursor:text}#message-form-container #message-box #message-form #chat-footer{display:flex;justify-content:flex-start;align-items:center;overflow:visible;height:40px;padding:6px;box-sizing:border-box}#message-form-container #message-box #message-form #chat-footer .toolbar-button .black-popup{top:-45px;padding:10px;left:calc(50% - 60px)}#message-form-container #message-box #message-form #chat-footer .toolbar-button:hover{transition:0.3s;cursor:pointer;background:gainsboro}#message-form-container #message-box #message-form #chat-footer .toolbar-button:hover .black-popup{display:flex}#message-form-container #message-box #message-form #chat-footer #message-send-buttons{display:flex;justify-content:flex-end;flex:1}#message-form-container #message-box #message-form #chat-footer #message-send-buttons .button{height:28px;padding:0 12px;border:1px solid rgba(29,28,29,0.3);border-radius:4px;box-sizing:border-box;color:black;font-size:13px;font-weight:700;line-height:26px}#message-form-container #message-box #message-form #chat-footer #message-send-buttons .button:hover{transition:0.15s;cursor:pointer;background:whitesmoke}#message-form-container #message-box #message-form #chat-footer #message-send-buttons .button.green-button{background:#007a5a;border:none;color:white;margin-left:10px}#message-form-container #message-box #message-form #chat-footer #message-send-buttons .button.green-button:hover{background:#008f69;box-shadow:0 0.25rem 2rem rgba(0,0,0,0.1)}#message-form-container #message-box #message-form:hover{cursor:text}#message-form-container #message-box #message-footer{display:flex;align-items:center;justify-content:flex-end;height:24px;color:#1D1C1DB3;text-align:end;font-size:10.5px;line-height:16px;opacity:0.5}#message-form-container #message-box:focus-within #message-form #chat-toolbar{transition:0.2;opacity:1}#message-form-container #message-box:focus-within #message-footer{transition:0.2;opacity:1}#message-form-container #message-box:focus-within .toolbar-button:hover{transition:0.3s;cursor:pointer;background:gainsboro}#message-form-container #message-box:focus-within .toolbar-button:hover .black-popup{display:flex}#message-form-container.editor{background:white}#message-form-container.editor #message-box{padding:0;margin:0px;max-width:calc(100% - 2px)}.day-divider{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:40px}.day-divider .day-divider-line{position:absolute;left:0px;top:20px;z-index:0;width:100%;border-top:0.5px solid lightgray;border-bottom:0.5px solid lightgray}.day-divider .day-divider-date{z-index:1;font-size:13px;line-height:14px;font-weight:bold;vertical-align:middle;padding:7px 16px;box-sizing:border-box;background:white;border:1px solid lightgray;border-radius:15px}.day-divider.first{margin-top:25px}.message{position:relative;max-width:100%;height:auto;display:flex;flex-direction:column;overflow:visible;padding:6px 16px 6px 16px;box-sizing:border-box}.message .saved-banner{display:flex;justify-content:flex-start;align-items:center;padding-bottom:2px;font-size:13px;line-height:19px}.message .saved-banner i{width:7.5px;padding:1px 10px 0 34.5px;font-size:10px;font-style:normal;text-align:center}.message .saved-banner div{color:rgba(29,28,29,0.7)}.message .message-content{display:flex;overflow:visible;max-width:100%}.message .message-content b{font-weight:700}.message .message-content i{font-style:italic}.message .message-content ul{list-style-position:outside;list-style-type:disc}.message .message-content ol{overflow:visible;list-style-position:outside;list-style-type:decimal}.message .message-content ol li,.message .message-content ul li{line-height:22px;overflow:visible;margin-left:32px;padding-left:10px}.message .message-content .black-popup{top:-40px;left:calc(50% - 65px);width:130px}.message .message-content .message-user-icon{width:37px;height:37px;overflow:hidden;margin-left:5px;margin-right:10px;border-radius:4px;display:flex;align-items:center;justify-content:center}.message .message-content .message-user-icon img{height:37px;width:auto;object-fit:cover}.message .message-content .message-user-icon img:hover{transition:0.3s;cursor:pointer}.message .message-content .message-time-tag{position:relative;overflow:visible;width:37px;height:12px;font-size:12px;text-align:end;padding-top:6px;padding-bottom:4px;padding-left:5px;padding-right:10px;color:gray;opacity:0}.message .message-content .message-time-tag .black-popup{left:calc(50% - 40px);width:80px}.message .message-content .message-text{display:flex;flex-direction:column;width:calc(100% - 52px);max-width:calc(100% - 52px);overflow:visible}.message .message-content .message-text .message-header{width:100%;display:flex;align-items:baseline;overflow:visible}.message .message-content .message-text .message-header .message-user{font-size:16px;font-weight:bold;height:20px}.message .message-content .message-text .message-header .message-user:hover{transition:0.3s;cursor:pointer;text-decoration:underline}.message .message-content .message-text .message-header .message-time{position:relative;overflow:visible;font-size:12px;height:12px;margin-left:10px;color:gray}.message .message-content .message-text .message-header .message-time:hover{transition:0.3s;cursor:pointer;text-decoration:underline}.message .message-content .message-text .message-header .message-time:hover .black-popup{transition:0.3s;display:flex}.message .message-content .message-text .message-body{font-size:15px;padding-top:3px;padding-bottom:4px;overflow-wrap:break-word;box-sizing:border-box}.message .message-content .message-text .message-files{display:flex;flex-direction:column;max-width:100%;padding-bottom:4px}.message .message-content .message-text .message-files .message-files-toggle{display:flex;align-items:center;color:rgba(29,28,29,0.7);font-size:13px;line-height:13px;margin-top:4px}.message .message-content .message-text .message-files .message-files-toggle .fas:hover{transition:0.3s;cursor:pointer}.message .message-content .message-text .message-files .files-list{display:flex;align-items:center;flex-wrap:wrap;max-width:100%;box-sizing:border-box}.message .message-content .message-text .message-files .files-list .file{position:relative;width:326px;display:flex;justify-content:flex-start;align-items:center;overflow:visible;margin:8px 8px 0 0;padding:12px;border-radius:12px;background:white;border:1px solid rgba(29,28,29,0.1)}.message .message-content .message-text .message-files .files-list .file .file-buttons{display:none;position:absolute;right:12px;top:calc(50% - 18px);width:64px;height:32px;padding:2px;background:white;box-shadow:0 0 1px 0 rgba(0,0,0,0.8);border-radius:6px}.message .message-content .message-text .message-files .files-list .file .file-buttons a,.message .message-content .message-text .message-files .files-list .file .file-buttons div{height:32px;width:32px;border-radius:6px;color:rgba(29,28,29,0.7);font-size:16px;line-height:32px;text-decoration:none}.message .message-content .message-text .message-files .files-list .file .file-buttons a:hover,.message .message-content .message-text .message-files .files-list .file .file-buttons div:hover{transition:0.3s;cursor:pointer;background:#f0f0f0}.message .message-content .message-text .message-files .files-list .file .file-icon{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:12px;overflow:hidden;user-select:none;margin-right:12px;color:white;font-size:18px;line-height:36px;text-align:center}.message .message-content .message-text .message-files .files-list .file .file-icon img{height:36px;width:auto;object-fit:cover}.message .message-content .message-text .message-files .files-list .file .file-info{display:flex;flex-direction:column;inline-size:272px;text-overflow:clip;word-break:break-all;white-space:nowrap}.message .message-content .message-text .message-files .files-list .file .file-info .file-name{font-size:16px;line-height:19px;font-weight:bold;padding:4px 0;margin:-4px 0}.message .message-content .message-text .message-files .files-list .file .file-info .file-type{color:#616061;font-size:13px;line-height:15px;margin-top:4px}.message .message-content .message-text .message-files .file:hover .file-buttons{display:inline}.message .message-content .message-buttons{position:absolute;top:-25px;right:10px;overflow:visible;display:none;justify-content:flex-start;align-items:center;height:38px;width:auto;background:white;box-shadow:0 0 1px 0 rgba(0,0,0,0.8);border-radius:6px;padding:2px;box-sizing:border-box}.message .message-content .message-buttons .message-button{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:6px;font-size:14px;line-height:32px;text-align:center}.message .message-content .message-buttons .message-button i{font-style:normal;margin-top:2px}.message .message-content .message-buttons .message-button i.highlight{background:#E01E5A}.message .message-content .message-buttons .message-button .black-popup{top:-40px}.message .message-content .message-buttons .message-button .black-popup.medium{width:84px;left:calc(100% - 58px)}.message .message-content .message-buttons .message-button .black-popup.thin{width:50px;left:calc(100% - 41px)}.message .message-content .message-buttons .message-button:hover{transition:0.3s;cursor:pointer;background:#f0f0f0}.message .message-content .message-buttons .message-button:hover .black-popup{display:flex;overflow:visible}.message .message-reacts-list{display:flex;justify-content:flex-start;align-items:center;margin-left:52px}.message .message-reacts-list .message-react{display:flex;justify-content:center;padding:4px 6px;margin:0 4px 0 0;background:#f8f8f8;border:1px solid transparent;border-radius:12px}.message .message-reacts-list .message-react .emoji{font-size:14px;line-height:15px;padding-bottom:1px}.message .message-reacts-list .message-react .number{padding:0 1px 0 3px;color:#1d1c1d;font-size:11px;line-height:16px}.message .message-reacts-list .message-react:hover{transition:0.1s;border-color:rgba(29,28,29,0.7);background:white;cursor:pointer}.message:hover{background:#f8f8f8}.message:hover .message-time-tag{opacity:1}.message:hover .message-time-tag:hover{transition:0.3s;cursor:pointer;text-decoration:underline}.message:hover .message-time-tag:hover .black-popup{top:-35px;display:flex}.message:hover .message-buttons{display:flex}.message:hover .message-react{background:#f0f0f0}.message.saved{background:#fdf9ed}.message.saved:hover{background:#fdf9ed}#channel-nav{display:flex;justify-content:space-between;background:white;border-bottom:1px solid lightgray;box-sizing:border-box}#channel-nav .fa-star{vertical-align:middle;font-size:13px;margin-right:5px;padding-bottom:1px}#channel-nav #star,#channel-nav #channel-nav #members,#channel-nav #channel-nav #topic{cursor:pointer;font-size:13px;line-height:18px;border:1px solid white;vertical-align:middle}#channel-nav #left{height:100%;padding:3px;padding-right:10px;padding-left:17px;box-sizing:border-box;display:flex;align-items:center}#channel-nav #left .channel-info{display:flex;align-items:center;overflow:visible;border-radius:6px;padding:3px 8px}#channel-nav #left .channel-info .channel-name{font-weight:900;font-size:18px;line-height:24px;vertical-align:baseline}#channel-nav #left .channel-info .channel-nav-user-icon{position:relative;overflow:visible;margin-right:10px}#channel-nav #left .channel-info .channel-nav-user-icon .channel-nav-user-image{display:flex;justify-content:center;align-items:center;height:24px;width:24px;overflow:hidden;border-radius:4px}#channel-nav #left .channel-info .channel-nav-user-icon .channel-nav-user-image img{height:24px;width:auto;object-fit:cover}#channel-nav #left .channel-info .channel-nav-user-icon i{position:absolute;bottom:-3px;right:-5px;font-size:9px;background:white;border:2px solid white;border-radius:8px;box-sizing:border-box}#channel-nav #left .channel-info .channel-nav-user-icon .user-paused-icon{position:absolute;right:-8px;bottom:5px;z-index:1;font-size:12px;line-height:7px;font-weight:900;background-color:white;padding:0 1px 1.5px 0.5px;box-sizing:border-box}#channel-nav #left .channel-info i.fa-chevron-down{padding-top:1px;margin-left:5px;color:#1e1e1e;font-size:8px}#channel-nav #left .channel-info:hover{transition:0.3s;cursor:pointer;background:#ececec}#channel-nav #left #topic{display:flex;flex-direction:column;justify-content:flex-end;height:30px;padding:6px 6px;margin:0px 10px;box-sizing:border-box}#channel-nav #left #topic div{width:auto;color:#1D1C1DB3;font-size:13px;line-height:15px;box-sizing:border-box}#channel-nav #left #topic:hover{cursor:pointer}#channel-nav #left #left-bottom{height:18px;color:#646464;display:flex;justify-content:flex-start}#channel-nav #left #left-bottom #members{display:flex}#channel-nav #left #left-bottom #members .material-icons{font-size:18px;vertical-align:middle}#channel-nav #left #left-bottom #members div{font-size:16px;line-height:18px;vertical-align:bottom}#channel-nav #left #left-bottom #members:hover{cursor:pointer;color:#2b6ca1}#channel-nav .right{flex:1;height:100%;min-width:50px;box-sizing:border-box;margin-right:10px;display:flex;justify-content:flex-end;align-items:center}.channel-nav-divider{font-size:18px;color:#969595;padding-left:8px;padding-right:8px;text-align:center}#channel-nav .settings-button{height:100%;width:40px;font-size:24px;line-height:40px;vertical-align:middle;text-align:center;font-weight:bold;color:gray}#channel-nav .settings-button:hover{cursor:pointer}.channel-nav-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;color:#1D1C1DB3;font-size:15px;line-height:36px;text-align:center;margin:10px}.channel-nav-button:hover{transition:0.3s;cursor:pointer;background-color:#f0f0f0}.channel-profile-sidebar{width:348px;height:100%;border-left:1px solid lightgray;box-sizing:border-box}.channel-profile-sidebar .profile-sidebar-title{height:50px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 20px;border-bottom:1px solid lightgray;box-sizing:border-box}.channel-profile-sidebar .profile-sidebar-title h1{font-size:18px;line-height:24px;font-weight:900;vertical-align:middle}.channel-profile-sidebar .profile-sidebar-title div{width:30px;height:30px;font-size:20px;line-height:30px;vertical-align:middle;text-align:center;border-radius:4px;margin:10px;margin-right:0px;color:gray}.channel-profile-sidebar .profile-sidebar-title div:hover{transition:0.3s;cursor:pointer;background:#f0f0f0}.channel-profile-sidebar #profile-sidebar-content{width:100%;height:calc(100% - 60px);padding:16px;box-sizing:border-box}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-picture{height:260px;width:260px;padding:0px 25px 10px 25px;display:flex;align-items:center;justify-content:center}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-picture img{height:260px;width:auto;object-fit:cover;border-radius:5px}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-overview{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:20px}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-overview #profile-sidebar-name{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:30px}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-overview #profile-sidebar-name div{font-size:18px;line-height:30px;vertical-align:center;font-weight:bold}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-overview #profile-sidebar-name i{position:relative;overflow:visible;font-size:11px;line-height:30px;padding:2px 0 0 5px;box-sizing:border-box}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-overview #profile-sidebar-name i .user-paused-icon{position:absolute;right:-4px;bottom:16px;z-index:1;font-size:12px;line-height:7px;font-weight:900;background-color:white;padding:0 1px 1.5px 0.5px;box-sizing:border-box}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-overview #profile-sidebar-occupation,.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-overview #profile-sidebar-status{font-size:15px;line-height:18px;vertical-align:center}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-overview #profile-sidebar-status{padding-top:3px;font-size:13px;color:#1D1C1DB3}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-buttons{display:flex;flex-direction:row;justify-content:center;width:100%;margin-bottom:40px}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-buttons .profile-sidebar-button{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60px;padding:0 20px}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-buttons .profile-sidebar-button .button-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1D1C1D0A;border-radius:20px;font-size:16px}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-buttons .profile-sidebar-button .button-icon:hover{transition:0.3s;cursor:pointer;background:#e2e2e2}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-buttons .profile-sidebar-button .button-description{color:#1D1C1DB3;font-size:13px;line-height:19px;vertical-align:center}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-buttons .profile-sidebar-button .button-description{cursor:pointer}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-sections{display:flex;flex-direction:column;width:100%}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-sections .profile-sidebar-section{display:flex;flex-direction:column;width:100%;margin-bottom:16px}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-sections .profile-sidebar-section .profile-sidebar-section-name{color:#1D1C1DB3;font-weight:bold;font-size:13px;line-height:18px;vertical-align:center}.channel-profile-sidebar #profile-sidebar-content #profile-sidebar-sections .profile-sidebar-section .profile-sidebar-section-content{color:#1D1C1D;font-size:15px;line-height:22px;vertical-align:center}.video-chatroom-container{display:flex;flex-direction:column;align-items:center;position:fixed;top:0px;left:0px;z-index:100;width:100%;height:100%;background:black}.video-chatroom-container #call-cancelled-notice-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.video-chatroom-container #call-cancelled-notice-container #call-cancelled-notice{color:white;font-size:18px;line-height:20px;vertical-align:center}.video-chatroom-container .video-tag{position:fixed;top:0px;color:rgba(255,255,255,0.1);font-size:18px;line-height:24px;vertical-align:center}.video-chatroom-container .video-chatroom-videos{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}.video-chatroom-container .video-chatroom-videos #remote-video,.video-chatroom-container .video-chatroom-videos #local-video{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.video-chatroom-container .video-chatroom-videos #remote-video #remote-video-container,.video-chatroom-container .video-chatroom-videos #remote-video #local-video-container,.video-chatroom-container .video-chatroom-videos #remote-video video,.video-chatroom-container .video-chatroom-videos #local-video #remote-video-container,.video-chatroom-container .video-chatroom-videos #local-video #local-video-container,.video-chatroom-container .video-chatroom-videos #local-video video{width:100%;flex:1;display:flex}.video-chatroom-container .video-chatroom-videos #local-video-minimized{position:fixed;bottom:5px;right:5px;width:192px;height:144px;border-radius:5px;border:1px solid rgba(150,150,150,0.2);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.video-chatroom-container .video-chatroom-videos #local-video-minimized #remote-video-container,.video-chatroom-container .video-chatroom-videos #local-video-minimized #local-video-container,.video-chatroom-container .video-chatroom-videos #local-video-minimized video{width:100%;flex:1;display:flex}.video-chatroom-container .video-chatroom-settings{position:fixed;bottom:0px;display:flex;justify-content:center;align-items:center;width:100%;visibility:visible;opacity:1;transition:opacity 0.2s linear}.video-chatroom-container .video-chatroom-settings .video-chatroom-setting{color:black;font-size:24px;line-height:24px;vertical-align:text-top;margin:10px;margin-top:12px;margin-bottom:8px;margin-right:15px;width:48px;height:48px;border-radius:24px;background:rgba(150,150,150,0.6);display:flex;justify-content:center;align-items:center}.video-chatroom-container .video-chatroom-settings .video-chatroom-setting:hover{cursor:pointer;transition:0.3s;background:#a1a1a1}.video-chatroom-container .hidden{visibility:hidden;opacity:0;transition:visibility 0s 0.2s, opacity .2s linear}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,textarea,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-family:'Lato', Arial, Helvetica, sans-serif;vertical-align:baseline;overflow:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}#homepage{display:flex;flex-direction:column;height:100vh}#homepage .nav{border-bottom:none;box-sizing:border-box;padding-left:12%;padding-right:12%}#homepage .left,#homepage .right{margin-left:0px;margin-right:0px}#homepage .left{width:600px;justify-content:flex-start}#homepage .right{flex:1;min-width:200px;justify-content:flex-end}#homepage .home-nav-link{text-decoration:none;color:grey;font-size:16px;font-weight:bold;padding:6px;margin-left:6px;border-radius:5px}#homepage .home-nav-link:hover{background-color:#dfdddd;color:#797979}#home-box{display:flex;flex-direction:column;align-items:center;margin-top:120px}#home-greeting{display:flex;align-items:center;flex-direction:column}#home-greeting h1{min-width:650px;font-size:60px;font-weight:bold;text-align:center}#home-greeting h4{min-width:800px;font-size:20px;margin:10px;padding-bottom:20px;text-align:center}#home-greeting #home-buttons{width:450px;display:flex;justify-content:space-between;padding-top:20px}#home-workspaces{display:flex;flex-direction:column;width:800px;border:4px solid #704570;border-radius:9px;margin-top:30px}#home-workspaces h4{min-height:18px;font-size:18px;background:#ecdeec}#home-workspaces h4,#home-workspaces .workspace{padding:16px}#home-workspaces #home-workspaces-list{display:flex;flex-direction:column;width:100%;max-height:415px;overflow-y:auto;overflow-y:overlay;overflow-x:hidden}#home-workspaces #home-workspaces-list .workspace{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:50px;border-bottom:1px solid #ecdeec}#home-workspaces #home-workspaces-list .workspace .workspace-details{display:flex;flex-direction:column}#home-workspaces #home-workspaces-list .workspace .workspace-details .workspace-address{font-size:18px;font-weight:bold;margin-bottom:10px}#home-workspaces #home-workspaces-list .workspace .workspace-details .workspace-users{font-size:14px;color:gray}#home-workspaces #home-workspaces-list .workspace #no-workspace-notice{width:100%;font-size:16px;line-height:18px;vertical-align:center;text-align:center}#home-workspaces #home-workspaces-list .workspace:hover{transition:0.3s;background:rgba(0,0,0,0.03)}.home-button,.nav-button{color:white;background:#601f69;border-radius:4px;padding:0 10px;font-size:15px;border:none;width:auto;height:40px;display:flex;flex-direction:column;justify-content:center}.home-button{padding:0 20px;height:50px;font-weight:bold}.home-button:hover,.nav-button:hover{background:#4b014b;transition:0.3s;cursor:pointer;box-shadow:0 0.25rem 2rem rgba(0,0,0,0.1)}.nav{position:fixed;top:0px;left:0px;z-index:2;width:100%;height:70px;background-color:white;border-bottom:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center}.right{display:flex;justify-content:flex-end;align-items:center;margin-right:20px;width:50%}.left{display:flex;justify-content:flex-start;align-items:center;width:25%}.logo{width:105px;height:30px;margin:20px}img{width:inherit;height:inherit}.home-link{min-width:105px;text-decoration:none;color:black;font-size:15px;line-height:20px;padding:10px 10px;margin-right:10px;box-sizing:border-box;text-align:center}.home-link:hover{cursor:pointer;background:lightgray;border-radius:3px}.auth-nav-link,#auth-signin{text-decoration:none;color:grey;font-size:15px;font-weight:bold;text-align:center;padding:6px;margin-left:6px;border-radius:5px}#auth-signin{border:2px solid grey;padding:10px}#auth-signin:hover{cursor:pointer}.auth-nav-link:hover{background-color:#dfdddd;color:#797979}.full-modal-button:hover{cursor:pointer;background:lightgray;border-radius:5px}.full-modal-content{position:relative;top:140px;left:50%;z-index:10;width:600px;margin-left:-310px;padding:10px;display:flex;justify-content:flex-start;flex-direction:column}.full-modal-search-bar{width:600px;height:auto;border-radius:5px;border:1px solid grey;margin-bottom:10px;display:flex;align-items:center}.full-modal-search-bar .search-icon{height:15px;width:15px;font-size:15px;margin-left:15px;margin-right:5px;color:gray}.full-modal-search-bar input{width:calc(100% - 30px);font-size:18px;line-height:24px;font-style:italic;margin:8px;border:none}.full-modal-search-bar input:focus{outline:none}.full-modal-header,.full-modal-list{font-size:28px;font-weight:bold;width:100%}.full-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.full-modal-header-button{background:#007a5a;border-radius:5px;font-size:14px;font-weight:bolder;line-height:14px;color:white;vertical-align:middle;padding:12px;box-sizing:border-box}.full-modal-header-button:hover{cursor:pointer;background:#008f69;box-shadow:0 0.25rem 2rem rgba(0,0,0,0.1)}.full-modal-header-text{line-height:40px;vertical-align:bottom}.full-modal-item{border-top:1px solid lightgray;font-size:15px;padding:15px}.full-modal-item .channel-name{display:flex;align-items:baseline;font-size:15px}.full-modal-item .channel-name div{font-weight:bold;font-size:18px;line-height:24px;vertical-align:baseline}.full-modal-item .channel-name .browse-modal-user-icon{position:relative;overflow:visible;margin-right:8px}.full-modal-item .channel-name .browse-modal-user-icon .browse-modal-user-image{display:flex;justify-content:center;align-items:center;height:32px;width:32px;overflow:hidden;border-radius:5px}.full-modal-item .channel-name .browse-modal-user-icon .browse-modal-user-image img{height:32px;width:auto;object-fit:cover}.full-modal-item .channel-name .browse-modal-user-icon i{position:absolute;bottom:-3px;right:-5px;font-size:10px;background:white;border:2px solid white;border-radius:8px;box-sizing:border-box}.full-modal-item:hover{background:rgba(211,211,211,0.2);cursor:pointer}.full-modal-section-header{font-size:14px;font-weight:lighter;color:gray;padding:5px;padding-top:20px}.channel-details-modal{z-index:2;-webkit-animation:fadein 0.4s;-moz-animation:fadein 0.4s;-ms-animation:fadein 0.4s;-o-animation:fadein 0.4s;animation:fadein 0.4s}.channel-details-modal .channel-details{display:flex;flex-direction:column;position:fixed;left:calc(50vw - 290px);top:9.5vh;z-index:3;width:580px;height:81vh;border-radius:8px;background:white}.channel-details-modal .channel-details .modal-header .modal-close-button{align-self:start;height:30px;width:30px;font-size:22px;line-height:30px;margin:20px 28px 0 0}.channel-details-modal .channel-details .title{display:flex;align-items:center;font-size:22px;line-height:26px;font-weight:900;padding:20px 76px 0px 28px}.channel-details-modal .channel-details .title .title-image{display:flex;justify-content:center;align-items:center;height:72px;width:72px;overflow:hidden;border-radius:12px;margin:8px 16px 8px 0}.channel-details-modal .channel-details .title .title-image img{height:72px;width:auto;object-fit:cover}.channel-details-modal .channel-details .buttons{display:flex;justify-content:flex-start;margin:12px 0px 8px 28px}.channel-details-modal .channel-details .buttons .channel-details-button{display:flex;align-items:center;font-size:13px;line-height:17px;margin-right:8px;padding:4.5px 12px 4.5px 12px;border:1px solid rgba(29,29,29,0.3);border-radius:4px}.channel-details-modal .channel-details .buttons .channel-details-button div{font-weight:bold;padding-left:6px}.channel-details-modal .channel-details .buttons .channel-details-button i.fa-phone{font-size:12px}.channel-details-modal .channel-details .buttons .channel-details-button:hover{cursor:pointer}.channel-details-modal .channel-details .tab-buttons{display:flex;justify-content:flex-start;padding-left:20px}.channel-details-modal .channel-details .tab-buttons div{padding:9px 0;margin:0px 20px 0px 8px;z-index:10;color:gray;font-size:13px;line-height:18px;font-weight:bold}.channel-details-modal .channel-details .tab-buttons div.selected{padding-bottom:7px;border-bottom:#007a5b solid 2px;color:black}.channel-details-modal .channel-details .tab-buttons div:hover{transition:0.3s;cursor:pointer;color:black}.channel-details-modal .channel-details .tab-content{flex:1;background-color:#f8f8f8;padding-bottom:12px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;border-top:1px solid lightgray}.channel-details-modal .channel-details .tab-content .block{width:522px;border:1px solid lightgray;border-radius:12px;margin:16px 28px;font-size:15px;line-height:22px;background-color:white}.channel-details-modal .channel-details .tab-content .block .section{padding:16px 20px}.channel-details-modal .channel-details .tab-content .block .section .section-header{display:flex;justify-content:space-between;font-weight:bold}.channel-details-modal .channel-details .tab-content .block .section .section-header .section-edit{align-self:flex-start;font-size:13px;line-height:17px;color:#1264a3}.channel-details-modal .channel-details .tab-content .block .section .section-header .section-edit:hover{cursor:pointer;text-decoration:underline}.channel-details-modal .channel-details .tab-content .block .section .section-content{display:flex}.channel-details-modal .channel-details .tab-content .block .section .section-content i{font-size:18px;line-height:22px;padding-top:1px;padding-right:8px}.channel-details-modal .channel-details .tab-content .block .section .section-content.dm{margin-bottom:8px}.channel-details-modal .channel-details .tab-content .block .section .section-link{font-size:15px;font-weight:bold;line-height:22px;color:#1264a3}.channel-details-modal .channel-details .tab-content .block .section .section-link.dm{padding-top:8px}.channel-details-modal .channel-details .tab-content .block .section .section-link:hover{transition:0.3s;text-decoration:underline}.channel-details-modal .channel-details .tab-content .block .section:hover{transition:0.3s;background-color:#f8f8f8;cursor:pointer}.channel-details-modal .channel-details .tab-content .block .section.files{display:flex;flex-direction:column;padding:0px}.channel-details-modal .channel-details .tab-content .block .section.files .section-header{padding:16px 20px 8px 20px}.channel-details-modal .channel-details .tab-content .block .section.files .section-content{padding:0 20px 16px 20px}.channel-details-modal .channel-details .tab-content .block .section.files .channel-files-list{overflow-y:hidden;box-sizing:border-box;margin-bottom:12px;max-width:100%;max-height:248px}.channel-details-modal .channel-details .tab-content .block .section.files .channel-files-list .file{position:relative;width:478px;display:flex;justify-content:flex-start;align-items:center;padding:12px 22px;background:none}.channel-details-modal .channel-details .tab-content .block .section.files .channel-files-list .file .file-buttons{display:none;position:absolute;right:12px;top:calc(50% - 18px);width:64px;height:32px;padding:2px;background:white;box-shadow:0 0 1px 0 rgba(0,0,0,0.8);border-radius:6px}.channel-details-modal .channel-details .tab-content .block .section.files .channel-files-list .file .file-buttons .file-button{position:relative;height:32px;width:32px;border-radius:6px;color:rgba(29,28,29,0.7);font-size:16px;line-height:32px;text-decoration:none}.channel-details-modal .channel-details .tab-content .block .section.files .channel-files-list .file .file-buttons .file-button:hover{transition:0.3s;cursor:pointer;background:#f0f0f0}.channel-details-modal .channel-details .tab-content .block .section.files .channel-files-list .file .file-icon{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:12px;overflow:hidden;user-select:none;margin-right:12px;color:white;font-size:18px;line-height:36px;text-align:center}.channel-details-modal .channel-details .tab-content .block .section.files .channel-files-list .file .file-icon img{height:36px;width:auto;object-fit:cover}.channel-details-modal .channel-details .tab-content .block .section.files .channel-files-list .file .file-info{display:flex;flex-direction:column;inline-size:416px;text-overflow:clip;word-break:break-all;white-space:nowrap}.channel-details-modal .channel-details .tab-content .block .section.files .channel-files-list .file .file-info .file-name{font-size:16px;line-height:19px;font-weight:bold;padding:4px 0;margin:-4px 0}.channel-details-modal .channel-details .tab-content .block .section.files .channel-files-list .file .file-info .file-type{color:#616061;font-size:13px;line-height:15px;margin-top:4px}.channel-details-modal .channel-details .tab-content .block .section.files .channel-files-list .file:hover{background:#f8f8f8}.channel-details-modal .channel-details .tab-content .block .section.files .channel-files-list .file:hover .file-buttons{display:inline}.channel-details-modal .channel-details .tab-content .block .section.files .channel-files-list:hover{overflow-y:auto;overflow-y:overlay;overflow-x:hidden}.channel-details-modal .channel-details .tab-content .block .section.files:hover{background-color:white;cursor:grab}.channel-details-modal .channel-details .tab-content .block .horizontal-divider{border:lightgray solid 0.5px;margin:0px}.channel-details-modal .channel-details .tab-content .search-bar{display:flex;align-items:center;flex:1;height:36px;padding:8px 8px;margin:16px 28px;border:1px solid rgba(29,28,29,0.3);border-radius:4px;box-sizing:border-box}.channel-details-modal .channel-details .tab-content .search-bar i{padding-left:4px;padding-right:8px;font-size:13px;line-height:15px}.channel-details-modal .channel-details .tab-content .search-bar input{flex:1;border:none;background:none;font-size:16px;line-height:18px}.channel-details-modal .channel-details .tab-content .search-bar input:focus{outline:none}.channel-details-modal .channel-details .tab-content .search-bar:hover,.channel-details-modal .channel-details .tab-content .search-bar:focus{transition:0.3s;border:1px solid #1d1c1d}.channel-details-modal .channel-details .tab-content .search-bar:focus-within{transition:0.2s;border-color:#1D1B1DB3;box-shadow:0 0 0 3pt rgba(135,206,250,0.6)}.channel-details-modal .channel-details .tab-content .members-list{width:100%;height:calc(100% - 68px);overflow-y:auto;overflow-x:hidden}.channel-details-modal .channel-details .tab-content .members-list .member{display:flex;align-items:center;width:100%;padding:12px 28px;box-sizing:border-box}.channel-details-modal .channel-details .tab-content .members-list .member .member-icon{display:flex;justify-content:center;align-items:center;height:36px;width:36px;overflow:hidden;margin-right:12px;border-radius:4px}.channel-details-modal .channel-details .tab-content .members-list .member .member-icon img{height:36px;width:auto;object-fit:cover}.channel-details-modal .channel-details .tab-content .members-list .member .member-name{margin-right:6px;font-size:15px;line-height:18px;font-weight:bold}.channel-details-modal .channel-details .tab-content .members-list .member .member-status{margin-top:3px;font-size:11px}.channel-details-modal .channel-details .tab-content .members-list .member:hover{transition:0.3s;cursor:pointer;background-color:#f0f0f0}.channel-details-modal .channel-details .tab-content.members{background:white}.dropdown-modal{position:fixed;top:0;right:0;height:100vh;width:100vw;z-index:2}.dropdown{position:absolute;top:70px;right:20%;z-index:10001;width:300px;display:flex;flex-direction:column;padding-bottom:12px;box-sizing:border-box;background:white;border-radius:6px;border:1px solid lightgray;box-shadow:0 4px 12px 0 rgba(0,0,0,0.12);-webkit-animation:fadein 0.3s;-moz-animation:fadein 0.3s;-ms-animation:fadein 0.3s;-o-animation:fadein 0.3s;animation:fadein 0.3s}.dropdown .dropdown-auth-links{display:flex;flex-direction:column;padding-top:15px}.dropdown .dropdown-header{display:flex;justify-content:flex-start;align-items:center;padding:20px 24px 12px 24px;box-sizing:border-box}.dropdown .dropdown-header .dropdown-image-container{display:flex;align-items:center;justify-content:center;height:36px;width:36px;border-radius:4px;background:#626262;margin-right:12px;color:white;font-size:20px;font-weight:700}.dropdown .dropdown-header .dropdown-image-container img{height:100%;width:auto;object-fit:cover}.dropdown .dropdown-header .dropdown-content .dropdown-content-top{font-size:15px;font-weight:900}.dropdown .dropdown-header .dropdown-content .dropdown-content-bottom{display:flex;align-items:flex-end;justify-content:flex-start;color:#1D1C1DB3;font-size:13px;line-height:20px;margin-top:-2px}.dropdown .dropdown-header .dropdown-content .dropdown-content-bottom div{margin:3px 0 -3px 5px}.dropdown .dropdown-header .dropdown-content .dropdown-content-bottom i{font-size:10px;margin:-1px 0 1px 0px}.dropdown .dropdown-workspaces{padding-top:12px}.dropdown .dropdown-item{text-decoration:none;height:28px;line-height:28px;padding:0 24px;font-size:15px}.dropdown .dropdown-item:visited{color:black}.dropdown .dropdown-item:hover{color:white;background:#1164a3;cursor:pointer}.dropdown .dropdown-input{display:flex;justify-content:flex-start;align-items:center;flex:1;height:36px;margin:0 24px 8px 24px;padding:7px;border:1px solid rgba(29,28,29,0.3);border-radius:4px;box-sizing:border-box;font-size:15px;line-height:20px;color:#1D1C1DB3}.dropdown .dropdown-input i{font-size:20px;padding-right:10px}.dropdown .dropdown-input:hover{transition:0.3s;cursor:pointer;border:1px solid black;color:black}.dropdown .dropdown-input:hover i{transition:0.3s;color:#1264a3}.auth.dropdown{top:80px;right:1%}.sidebar.dropdown{position:absolute;top:88px;left:12px}.profile.dropdown{position:absolute;top:38px;right:12px}.workspaces.dropdown{position:absolute;top:60px;right:20px}#channel-name-form,#channel-topic-form,#channel-description-form{position:absolute;top:30%;left:50%;margin-left:-260px;z-index:2;width:525px;height:auto;background:white;opacity:1;border-radius:10px;padding:25px;padding-top:23px;box-sizing:border-box;display:flex;flex-direction:column;-webkit-animation:fadein 0.4s;-moz-animation:fadein 0.4s;-ms-animation:fadein 0.4s;-o-animation:fadein 0.4s;animation:fadein 0.4s}#channel-name-form .channel-form-header,#channel-topic-form .channel-form-header,#channel-description-form .channel-form-header{display:flex;justify-content:space-between}#channel-name-form .channel-form-header h2,#channel-topic-form .channel-form-header h2,#channel-description-form .channel-form-header h2{font-size:15px;font-weight:bold;padding-bottom:10px}#channel-name-form h1,#channel-topic-form h1,#channel-description-form h1{font-size:22px;font-weight:900;padding-bottom:12px}#channel-name-form h6,#channel-topic-form h6,#channel-description-form h6{font-size:15px;line-height:22px;color:gray;padding-bottom:24px}#channel-name-form textarea,#channel-topic-form textarea,#channel-description-form textarea{width:100%;height:110px;padding:8px;box-sizing:border-box;border-radius:5px;border:1px solid gray;font-size:15px;line-height:22px;resize:none}#channel-name-form textarea:focus,#channel-topic-form textarea:focus,#channel-description-form textarea:focus{outline:none}#channel-name-form button,#channel-topic-form button,#channel-description-form button{width:84px;height:38px;background:#007a5a;border:none;border-radius:5px;color:white;font-weight:bold;font-size:14px;margin-top:15px;justify-self:end;align-self:flex-end;transition:0.15s}#channel-name-form button:hover,#channel-topic-form button:hover,#channel-description-form button:hover{cursor:pointer;background:#008f69;box-shadow:0 0.25rem 2rem rgba(0,0,0,0.1)}#channel-name-form button:disabled,#channel-topic-form button:disabled,#channel-description-form button:disabled{cursor:default;background:gray;box-shadow:0 0.25rem 2rem rgba(0,0,0,0.1)}#channel-name-form .channel-form-footer,#channel-topic-form .channel-form-footer,#channel-description-form .channel-form-footer{display:flex;flex-direction:column;color:#616161;font-size:13px;line-height:18px;margin-top:8px}#edit-profile-modal-form{position:absolute;top:15%;left:calc(50% - 350px);z-index:2;width:700px;height:auto;background:white;opacity:1;border-radius:10px;padding:25px;-webkit-animation:fadein 0.4s;-moz-animation:fadein 0.4s;-ms-animation:fadein 0.4s;-o-animation:fadein 0.4s;animation:fadein 0.4s}#edit-profile-modal-form h1{font-size:22px;font-weight:900;padding-bottom:22px}#edit-profile-modal-form h2{font-size:15px;font-weight:bold;padding-bottom:10px}#edit-profile-modal-form h4{font-size:13px;line-height:17.5px;color:#616061;margin:4px 0 20px 0}#edit-profile-modal-form .form-note{font-size:12px;font-style:italic;color:gray}#edit-profile-modal-form .form-content{display:flex}#edit-profile-modal-form .form-content .info{width:64%;padding:0 1%}#edit-profile-modal-form .form-content .info input,#edit-profile-modal-form .form-content .info select{width:100%;padding:8px;box-sizing:border-box;background:white;border-radius:5px;border:1px solid rgba(29,28,29,0.3);font-size:18px;line-height:30px}#edit-profile-modal-form .form-content .info input:focus-within{transition:0.2s;border-color:#1D1B1DB3;box-shadow:0 0 0 3pt rgba(135,206,250,0.6);outline:none}#edit-profile-modal-form .form-content .info option{font-size:15px;line-height:22px}#edit-profile-modal-form .form-content .photo{width:192px;margin-left:15px;display:flex;flex-direction:column}#edit-profile-modal-form .form-content .photo .img-container{position:relative;display:flex;justify-content:center;align-items:center;height:192px;width:192px;border-radius:5px}#edit-profile-modal-form .form-content .photo .img-container img{height:100%;width:auto;border-radius:5px;object-fit:cover}#edit-profile-modal-form .form-content .photo .img-container .loading{position:absolute;top:0px;left:0px;z-index:1;height:28px;padding:82px 0;width:100%;background-color:rgba(29,28,29,0.5);border-radius:5px;color:white;font-size:24px;font-weight:700;font-style:italic;line-height:28px;text-align:center;text-align:center}#edit-profile-modal-form .form-content .photo input{width:100%;height:auto;margin-top:10px;background:white;border:rgba(97,96,97,0.3) 1px solid;border-radius:5px;padding:10px;color:black;font-weight:bold;font-size:15px;line-height:19px;vertical-align:middle}#edit-profile-modal-form .form-content .photo input:hover{transition:0.15s;cursor:pointer;background:whitesmoke}#edit-profile-modal-form .form-content .photo input:disabled{background:lightgray;color:white}#edit-profile-modal-form .form-content .photo input:disabled:hover{cursor:grab;background:lightgray}#edit-profile-modal-form .form-buttons{display:flex;justify-content:flex-end;margin-top:30px;user-select:none}#edit-profile-modal-form .form-buttons button{width:84px;height:38px;background:white;border:1px #b4b4b4 solid;border-radius:5px;color:black;font-weight:bold;font-size:14px;margin-top:5px;justify-self:end;align-self:flex-end;transition:0.15s}#edit-profile-modal-form .form-buttons button:hover{transition:0.15s;cursor:pointer;background:whitesmoke}#edit-profile-modal-form .form-buttons .green-button{background:#007a5a;border:none;color:white;margin-left:10px}#edit-profile-modal-form .form-buttons .green-button:hover{background:#008f69;box-shadow:0 0.25rem 2rem rgba(0,0,0,0.1)}#edit-profile-modal-form .form-buttons .green-button:disabled{cursor:default;background:gray;box-shadow:0 0.25rem 2rem rgba(0,0,0,0.1)}#edit-profile-modal-form .form-errors{display:flex;flex-direction:column;align-items:flex-end;margin-top:10px;color:red;font-size:14px;font-style:italic;line-height:16px;vertical-align:middle}.hidden{display:none}.part-modal-background{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background:black;opacity:0.6;-webkit-animation:fadein-opaque 0.3s;-moz-animation:fadein-opaque 0.3s;-ms-animation:fadein-opaque 0.3s;-o-animation:fadein-opaque 0.3s;animation:fadein-opaque 0.3s}.darker{z-index:11}.full-modal{position:absolute;top:0;left:0;z-index:10000;background:white;width:100vw;height:100vh;-webkit-animation:fadein 0.15s;-moz-animation:fadein 0.15s;-ms-animation:fadein 0.15s;-o-animation:fadein 0.15s;animation:fadein 0.15s}.full-modal-button{font-size:40px;font-weight:lighter;text-align:right;color:gray;height:40px;width:auto;position:absolute;top:60px;right:60px;z-index:10}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-close-button{width:26px;height:26px;font-size:20px;line-height:26px;vertical-align:middle;text-align:center;border-radius:4px;color:gray;margin-top:-10px}.modal-close-button:hover{transition:0.3s;cursor:pointer;background:#f0f0f0}.channel-name-input{display:flex;justify-content:space-between;align-items:center;padding:4px;margin-bottom:15px;border:1px solid rgba(29,28,29,0.3);border-radius:4px}.channel-name-input .symbol{display:flex;justify-content:center;align-items:center;width:30px;font-size:18px;line-height:34px}.channel-name-input input{flex:1;box-sizing:border-box;border:none;font-size:18px;line-height:34px}.channel-name-input input:focus{outline:none}.channel-name-input .input-prefix{font-size:18px;line-height:34px;padding-left:12px}.channel-name-input .chars-left{width:40px;padding-left:4px;font-size:18px;line-height:34px;text-align:center}.channel-name-input #invite-user-input{padding-left:12px}.channel-name-input #invite-user-input.with-prefix{padding-left:0px}.channel-name-input:focus-within{transition:0.2s;border-color:#1D1B1DB3;box-shadow:0 0 0 3pt rgba(135,206,250,0.6)}.create-form{position:absolute;top:20%;left:50%;margin-left:-260px;z-index:2;width:520px;height:auto;background:white;opacity:1;border-radius:10px;padding:28px;padding-top:23px;box-sizing:border-box;display:flex;flex-direction:column;-webkit-animation:fadein 0.4s;-moz-animation:fadein 0.4s;-ms-animation:fadein 0.4s;-o-animation:fadein 0.4s;animation:fadein 0.4s}.create-form h1{font-size:22px;font-weight:900;padding-bottom:22px}.create-form h6{font-size:15px;line-height:22px;color:gray;padding-bottom:24px}.create-form .create-form-header{display:flex;justify-content:space-between}.create-form .create-form-header h2{font-size:15px;line-height:22px;font-weight:700;padding-bottom:8px}.create-form button{width:80px;height:35px;background:#007a5a;border:none;border-radius:5px;color:white;font-weight:bold;font-size:16px;justify-self:end;align-self:flex-end;transition:0.15s}.create-form button:hover{cursor:pointer;background:#008f69;box-shadow:0 0.25rem 2rem rgba(0,0,0,0.1)}.create-form button:disabled{cursor:default;background:gray;box-shadow:0 0.25rem 2rem rgba(0,0,0,0.1)}.create-form .form-buttons{display:flex;justify-content:flex-end;margin-top:20px;user-select:none}.create-form .form-buttons button{width:84px;height:38px;background:white;border:1px #b4b4b4 solid;border-radius:5px;color:black;font-weight:bold;font-size:14px;margin-top:5px;justify-self:end;align-self:flex-end;transition:0.15s}.create-form .form-buttons button:hover{transition:0.15s;cursor:pointer;background:whitesmoke}.create-form .form-buttons .green-button{background:#007a5a;border:none;color:white;margin-left:10px}.create-form .form-buttons .green-button:hover{background:#008f69;box-shadow:0 0.25rem 2rem rgba(0,0,0,0.1)}.create-form .form-buttons .green-button:disabled{cursor:default;background:gray;box-shadow:0 0.25rem 2rem rgba(0,0,0,0.1)}.user-popup-modal .part-modal-background{z-index:3}.user-popup-modal .user-popup{position:fixed;z-index:4;width:300px;height:auto;background-color:white;border:0.5px solid rgba(29,28,29,0.1);box-shadow:0 4px 12px 0 rgba(0,0,0,0.08);box-sizing:border-box;border-radius:8px;overflow:hidden}.user-popup-modal .user-popup .user-popup-img{display:flex;justify-content:center;align-items:center;height:260px;width:300px}.user-popup-modal .user-popup .user-popup-img img{height:300px;width:auto;object-fit:cover}.user-popup-modal .user-popup .user-popup-header{padding:16px}.user-popup-modal .user-popup .user-popup-header .user-popup-name{display:flex;align-items:center;width:100%;box-sizing:border-box;font-size:22px;line-height:30px;font-weight:900}.user-popup-modal .user-popup .user-popup-header .user-popup-name i{position:relative;overflow:visible;font-size:11px;line-height:30px;padding:2px 0 0 5px;box-sizing:border-box}.user-popup-modal .user-popup .user-popup-header .user-popup-name i .user-paused-icon{position:absolute;right:-4px;bottom:16px;z-index:1;font-size:12px;line-height:7px;font-weight:900;background-color:white;padding:0 1px 1.5px 0.5px;box-sizing:border-box}.user-popup-modal .user-popup .user-popup-header .user-popup-title{font-size:15px;line-height:18px}.user-popup-modal .user-popup .user-popup-link{width:100%;padding:0 16px 16px 16px;box-sizing:border-box;color:#1264A3;font-size:15px;line-height:22px}.user-popup-modal .user-popup .user-popup-link:hover{transition:0.3s;cursor:pointer;text-decoration:underline}.user-popup-modal .user-popup .user-popup-section{width:100%;padding:8px 16px;box-sizing:border-box}.user-popup-modal .user-popup .user-popup-section .section-title{color:#1D1C1DB3;font-size:13px;line-height:18px;font-weight:700}.user-popup-modal .user-popup .user-popup-section .section-content{font-size:15px;line-height:22px}.user-popup-modal .user-popup .user-popup-buttons{display:flex;justify-content:space-between;align-items:center;align-self:flex-end;height:auto;width:268px;margin:4px 16px 23px 16px;box-sizing:border-box}.user-popup-modal .user-popup .user-popup-buttons .button{width:130px;font-size:15px;font-weight:bold;line-height:36px;text-align:center;border:1px solid rgba(29,28,29,0.3);border-radius:4px;box-sizing:border-box}.user-popup-modal .user-popup .user-popup-buttons .button:hover{transition:0.3s;background:#f8f8f8;box-shadow:0 4px 12px 0 rgba(0,0,0,0.08);cursor:pointer}#video-ping-modal #video-ping-modal-background{position:fixed;top:0px;left:0px;z-index:3;width:100vw;height:100vh;background:black;opacity:0.3}#video-ping-modal #video-ping-content{position:fixed;top:30vh;left:calc(50vw - 150px);z-index:4;height:100px;width:300px;border:1px solid black;border-radius:5px;background:white;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center}#video-ping-modal #video-ping-content #video-ping-buttons{display:flex;flex-direction:row}#video-ping-modal #video-ping-content #video-ping-buttons #video-ping-button-accept,#video-ping-modal #video-ping-content #video-ping-buttons #video-ping-button-decline{border-radius:5px;font-size:18px;line-height:18px;vertical-align:center;text-align:center;padding:6px;box-sizing:border-box;margin:6px;background-color:green}#video-ping-modal #video-ping-content #video-ping-buttons #video-ping-button-accept:hover{transition:0.3s;cursor:pointer;background-color:darkgreen}#video-ping-modal #video-ping-content #video-ping-buttons #video-ping-button-decline{background-color:red}#video-ping-modal #video-ping-content #video-ping-buttons #video-ping-button-decline:hover{transition:0.3s;cursor:pointer;background-color:darkred}.fas.fa-star{color:#1264a3}.far.fa-star{color:#646464}.fa-star:hover{cursor:pointer}.active-circle{color:lime}.active-circle-dark{color:#30a24c}.inactive-circle{color:darkgray}.activity-icon{position:absolute;height:12px;width:12px;bottom:-2px;right:-2px}#workspace-container{width:100vw;height:100vh}#workspace-top-bar{position:fixed;top:0px;left:0px;width:100%;height:38px;padding:4px 16px;box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;background-color:#350D36}#workspace-top-bar .user-icon{position:relative;display:flex;justify-content:center;align-items:center;height:28px;width:28px;overflow:visible}#workspace-top-bar .user-icon #user-photo{width:28px;height:28px;overflow:hidden;border-radius:4px;display:flex;align-items:center;justify-content:center}#workspace-top-bar .user-icon #user-photo img{height:28px;width:auto;object-fit:cover;opacity:0.9}#workspace-top-bar .user-icon #user-photo img:hover{transition:0.3s;cursor:pointer;opacity:1}#workspace-top-bar .user-icon i{position:absolute;bottom:-2px;right:-2px;font-size:8px;padding:0;opacity:1;background:#3F0E36;border:2px solid #3F0E36;border-radius:6px;box-sizing:border-box}#workspace-top-bar .user-icon .user-paused-icon{position:absolute;right:-4px;bottom:4px;z-index:1;font-size:10px;line-height:7px;font-weight:900;background-color:#3F0E36;padding:0 1px 1.5px 1px;box-sizing:border-box}#workspace{position:fixed;top:38px;left:0px;width:100%;height:calc(100% - 38px);overflow:visible;-webkit-animation:fadein 0.4s;-moz-animation:fadein 0.4s;-ms-animation:fadein 0.4s;-o-animation:fadein 0.4s;animation:fadein 0.4s;display:flex}#channel-chat{width:100vw;height:100vh;-webkit-animation:fadein 0.4s;-moz-animation:fadein 0.4s;-ms-animation:fadein 0.4s;-o-animation:fadein 0.4s;animation:fadein 0.4s}.workspace-create-nav{display:flex;justify-content:center;align-items:center;height:70px;border-bottom:1px solid lightgray}.workspace-create-nav .logo{padding:20px}.workspace-create-form{display:flex;flex-direction:column}.workspace-create-form{position:absolute;top:300px;left:50%;margin-left:-200px;display:flex;flex-direction:column;width:420px}.workspace-create-form h1{font-size:30px;font-weight:bold;padding-bottom:30px}.workspace-create-form h6{font-size:16px;padding-bottom:30px;line-height:18px}.workspace-create-form input{width:402px;height:30px;margin-bottom:15px;border-radius:5px;border:1px solid black;padding:8px;font-size:18px}.workspace-create-form button,.workspace-create-form input[type=submit]{width:420px;height:50px;background:#007a5a;border:none;border-radius:5px;color:white;font-weight:bold;font-size:20px;transition:0.15s}.workspace-create-form button:hover,.workspace-create-form input[type=submit]:hover{cursor:pointer;background:#008f69;box-shadow:0 0.25rem 2rem rgba(0,0,0,0.1)}.workspace-create-form button:disabled,.workspace-create-form input[type=submit]:disabled{cursor:default;background:grey;box-shadow:none}.workspace-form-error{width:100%;text-align:right;margin-top:5px;font-size:15px;line-height:17px;color:orange;font-weight:bold}#workspace-sidebar{display:flex;flex-direction:column;overflow:visible;background:#3F0E40;width:260px;height:100%}#workspace-sidebar-nav{display:flex;flex-direction:column;color:white;height:auto;box-sizing:border-box;padding:12px 16px;margin-bottom:10px;border-top:1px solid #522653;border-bottom:1px solid #522653;box-sizing:border-box}#workspace-sidebar-nav h2{font-size:18px;line-height:24px;vertical-align:middle;font-weight:900}#workspace-sidebar-nav h6{font-size:14px;line-height:20px;vertical-align:middle;opacity:0.6}#workspace-sidebar-nav .fa-chevron-down{font-size:8px;line-height:8px;vertical-align:middle;padding-left:4px;padding-bottom:6px}#workspace-sidebar-nav:hover{background:#350D36;cursor:pointer;transition:0.15s;color:white;opacity:1}#channels{display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;height:28px;transition:0.3s;padding-left:8px;padding-right:15px;margin-top:10px;box-sizing:border-box}.sidebar-header .sidebar-header-link,.sidebar-header .sidebar-header-button,.sidebar-header .sidebar-action,.sidebar-header .sidebar-header-chevron{color:#ececec;opacity:0.9;font-size:14px;text-decoration:none;transition:0.1s}.sidebar-header .sidebar-header-button,.sidebar-header .sidebar-header-chevron{display:none;flex-direction:center;justify-content:center;align-items:center;height:28px;width:28px;border-radius:5px;font-size:26px;text-align:center;vertical-align:middle;font-weight:300;padding-bottom:2px;box-sizing:border-box}.sidebar-header .sidebar-header-chevron{display:flex;font-size:15px;padding:0}.sidebar-header .sidebar-header-button:hover,.sidebar-header .sidebar-header-chevron:hover{transition:0.3s;background:#522653;color:white;border-color:white;opacity:1;cursor:pointer}.sidebar-header .sidebar-header-link{flex:1;font-size:15px;line-height:20px;vertical-align:middle;padding-left:3px}.sidebar-header:hover{transition:0.3s;color:white}.sidebar-header:hover .sidebar-header-button{display:flex}.sidebar-action{font-size:15px;line-height:20px;vertical-align:middle;font-weight:normal;width:80%}.sidebar-header-link.hoverable:hover,.sidebar-action:hover{color:white;border-color:white;opacity:1;cursor:pointer;transition:0.15s}.sidebar-list{display:flex;flex-direction:column;margin-top:5px}.sidebar-item{display:flex;align-items:center;justify-content:space;color:white;text-decoration:none;font-size:15px;line-height:28px;vertical-align:middle;padding-left:15px;box-sizing:border-box;user-select:none}.sidebar-item i{opacity:0.65;padding-right:10px}.sidebar-item .sidebar-item-symbol-box,.sidebar-item .sidebar-item-symbol{height:20px;width:20px;margin-right:8px;opacity:0.65;background:#522653;border-radius:5px;line-height:20px;text-align:center;vertical-align:middle}.sidebar-item .sidebar-item-symbol{background:none}.sidebar-item .dm-channel-info{display:flex;align-items:center;overflow:visible}.sidebar-item .dm-channel-info .workspace-sidebar-user-icon{position:relative;overflow:visible;margin-right:8px}.sidebar-item .dm-channel-info .workspace-sidebar-user-icon .workspace-sidebar-user-image{display:flex;justify-content:center;align-items:center;height:20px;width:20px;overflow:hidden;border-radius:4px}.sidebar-item .dm-channel-info .workspace-sidebar-user-icon .workspace-sidebar-user-image img{height:20px;width:auto;object-fit:cover}.sidebar-item .dm-channel-info .workspace-sidebar-user-icon i{position:absolute;bottom:-2px;right:-2px;font-size:6px;padding:0;opacity:1;background:#3F0E40;border:2px solid #3F0E40;border-radius:6px;box-sizing:border-box}.sidebar-item .dm-channel-info .workspace-sidebar-user-icon .user-paused-icon{position:absolute;right:-4px;bottom:3px;z-index:1;font-size:8px;line-height:6px;font-weight:900;background-color:#3F0E40;padding:0 1px 1.5px 1px;box-sizing:border-box}.sidebar-item .channel-name{opacity:0.65;vertical-align:center;display:flex;align-items:center}.sidebar-item .channel-name i{font-size:15px;margin-right:5px}.sidebar-item:hover{background:#220022;cursor:pointer;transition:0.15s}.sidebar-item.selected{background:#1164a3}.sidebar-item.selected .channel-name,.sidebar-item.selected i{opacity:1}.sidebar-item.selected .dm-channel-info .workspace-sidebar-user-icon i{border-color:#1164a3}.sidebar-item.selected .dm-channel-info .workspace-sidebar-user-icon .user-paused-icon{background-color:#1164a3}.sidebar-item.indented{padding-left:29px}.sidebar-item.dm{justify-content:space-between;padding-right:20px}.sidebar-item.dm .button{opacity:0;font-size:19px}.sidebar-item.dm:hover .button{transition:0.3s;opacity:0.5}.sidebar-item.dm:hover .button:hover{transition:0.3s;opacity:1}.sidebar-button{display:flex;justify-content:flex-start;align-items:center;padding-top:20px;padding-left:14px;padding-right:15px;margin-bottom:2px;box-sizing:border-box}.sidebar-symbol{color:#f6ecf8;opacity:0.5;font-weight:bold;margin-right:10px;line-height:14px;vertical-align:middle}strong{font-weight:bold}em{font-style:italic}.hidden{display:none}.no-highlight{user-select:none}.no-background{background:none}.no-top-border{border-top:none}.no-bottom-border{border-bottom:none}.no-left-border{border-left:none}.no-right-border{border-right:none}.red{color:red}.magenta{color:#e01e5a}.pink{color:#ff46ff}.orange{color:#f19d00}.green{color:green}.dark-green{color:#30a24c}.light-green{color:lime}.blue{color:#2121f5}.dark-gray{color:darkgray}.gray{color:#1d1c1db3}.file-lightblue-back{background-color:#1a9bd1}.file-darkblue-back{background-color:#1164a3}.file-orange-back{background-color:#de4e2a}.file-green-back{background-color:#007a5b}.file-red-back{background-color:#e01f5a}.file-grey-back{background-color:#616061}.file-yellow-back{background-color:#b4b400}.file-deeppink-back{background-color:deeppink}.file-palevioletred-back{background-color:palevioletred}.bold-900{font-weight:900}.bold-700{font-weight:700}.bolder{font-weight:bolder}.loading-page{background:black;opacity:0.3;width:100vw;height:100vh;-webkit-animation:fadein-opaque 2s;-moz-animation:fadein-opaque 2s;-ms-animation:fadein-opaque 2s;-o-animation:fadein-opaque 2s;animation:fadein-opaque 2s}.loading-page img{opacity:0.3;position:absolute;top:50%;left:50%;height:600px;width:800px;margin-top:-400px;margin-left:-400px}.horizontal-divider{border:0.5px solid lightgray;margin:8px 0}.black-popup{position:absolute;overflow:visible;top:-40px;left:calc(50% - 65px);display:none;flex-direction:column;justify-content:center;align-items:center;width:130px;color:white;font-size:12.5px;font-weight:700;line-height:30px;text-align:center;border-radius:6px;background:black;box-shadow:0 0 1px 0 rgba(255,255,255,0.3)}.black-popup .buttons{display:flex;font-weight:normal;padding:5px 0}.black-popup .buttons div{background:#323232;padding:1px 3px;margin:0 1px;border-radius:4px}.black-popup:after{content:"";position:absolute;bottom:-6px;left:calc(50% - 8px);border-width:8px 8px 0;border-style:solid;border-color:black transparent;display:block;width:0}