.task{background:#343434;padding:14px;border:1px solid #4c4c4c;border-radius:7px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.task:hover{background:#373737}.delete-button{color:#717171;border-radius:20px}.task-details{background:#2c2c2c;color:#fff;padding:10px;margin-top:10px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.task-details h3{margin:0;font-size:18px;font-weight:700}.task-details p{margin:5px 0;font-size:14px}.assignee-section{display:flex;flex-direction:column}.overlay-2{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.355);z-index:9999}.input-div-5,.overlay-2{display:flex;justify-content:center;align-items:center}.input-div-5{padding:10px;margin-top:1rem;font-size:14px}.input-div-5,.modals{flex-direction:row;width:85%;height:40px;border:1px solid #4d4d4d;border-radius:8px}.modals{background:#2c2c2c;color:#f5f5f5;padding:14px;margin-bottom:12px}.modal-2,.modals{display:flex;justify-content:center;align-items:center}.modal-2{color:#fff;background-color:#242424;border-radius:15px;width:550px;height:380px;cursor:default;text-align:center;border:1px solid #3e3e3e;flex-direction:column;padding:20px;min-width:200px}.modal-button{width:200px;font-weight:700;background:linear-gradient(45deg,#33fffe,#68ce9c,#238bbe);border-radius:5px;margin-top:25px;padding:10px;height:80px}.modal-button:hover{opacity:.85}.back-button{width:200px;font-weight:700;background:#303030;border-radius:5px;margin-top:15px;border:1px solid #6b6b6b;padding:10px;height:80px}.back-button:hover{opacity:.85}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.169);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{border:10px solid transparent;position:relative;animation:spin 1.5s linear infinite}.spinner,.spinner:before{width:150px;height:150px;border-radius:50%}.spinner:before{content:"";position:absolute;top:-10px;left:-10px;background:conic-gradient(from 0deg,#33fffe,#68ce9d5e,#238abe22);mask:radial-gradient(farthest-side,transparent calc(84% - 1px),#000 calc(90%))}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.beta-badge{background:#888;color:#1d1d1d;font-size:10px;margin-left:10px;border-radius:4px;padding:4px 8px;align-self:center;text-align:center}.container{margin:0;padding:0}.navigation-bar{background-color:#292929;padding:5px;margin:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4a4a4a}.navigation-bar h1{margin:0;color:#fff}.nav-links a{color:#ccc;text-decoration:none;margin-right:20px}.workspace-container{display:flex;margin-top:0}.workspace-details h2{margin-top:0;color:#fff}.chat-container{flex:2;padding:20px;background-color:#282828;border-radius:5px}.chat{height:380px;overflow-y:auto;padding-bottom:40px;padding-left:20px;padding-right:20px}.another-message-container,.my-message-container{margin-bottom:10px;border-radius:5px}.another-message-container .message,.my-message-container .message{padding:10px;border-radius:5px}.my-message-container{color:#fff;text-align:right}.another-message-container{color:#fff}.input-chat{flex:1;padding:12px;align-items:center;border:1px solid #4d4d4d;border-radius:5px;background-color:#2c2c2c;color:#f5f5f5}.submit-chat{padding:8px 18px;margin-right:5px;margin-top:0;margin-bottom:0}.new-workspace,.submit-chat{background-color:#04d1ff;color:#2c2c2c;border:none;border-radius:5px;cursor:pointer}.new-workspace{padding:12px;margin:15px 20px 25px;text-align:center;font-weight:700}.new-workspace:hover,.submit-chat:hover{background-color:#01a7cc}.upload-file:hover{filter:grayscale(100%)}.workspace-list-container{display:flex;overflow-x:auto;height:70vh;width:100%;padding:10px;margin:0 auto}.workspace-list-item{padding:15px;margin-top:18px;text-align:center;color:#fff;width:100%;background-color:#282828;border:none;font-weight:700;border-radius:5px;cursor:pointer}.workspace-list-item:hover{background-color:#2e2e2e}.workspace-list-item:first-child{margin-top:0}.sidebar,.sidebar:hover{display:none;width:1px;background-color:#00000000}.go-back{padding:0;border:1px solid #7c7c7c;background-color:#494949;color:#fff;border-radius:5px;margin-left:15px;cursor:pointer}.go-back:hover{background-color:#3f3f3f}