@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.home-main-div{display:flex;flex-direction:column;align-items:center;background-color:#4a154b;padding:20px;color:#fff;height:100vh}.home-main-div h2{font-size:40px;margin-bottom:20px;color:#fff}.home-workspaces-mainlist{display:flex;flex-direction:column;width:100%;max-width:800px;background-color:#3f0e40;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003}.workspace-item{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:16px;margin-bottom:20px;border-radius:5px;transition:transform .2s}.workspace-item:hover{transform:translateY(-5px)}.workspace-item img{width:50px;height:50px;border-radius:5px;margin:0 16px 0 0;height:75px;width:75px}.workspace-item h3{margin-left:20px;font-size:20px;color:#3f0e40}.workspace-item button{background-color:#611f69;color:#fff;border:none;padding:8px 15px;border-right:100px;border-radius:5px;cursor:pointer;transition:background-color .3s}.workspace-item button:hover{background-color:#532057}.no-workspaces{text-align:center;margin-top:5px;color:#ee5050;font-size:18px;margin-bottom:20px}.create-workspace-container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0;background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:100%}.create-workspace-container p{color:#4a154b;font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}.create-workspace-container button{background-color:transparent;color:#4a154b;border:1px solid #4A154B;padding:10px 25px;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s,color .3s}.create-workspace-container button:hover{background-color:#4a154b;color:#fff}.home-workspaces-mainlist span{color:#000;font-size:20px;padding:10px}.home-workspaces-mainlist .span-loading{color:#fff;font-size:20px;padding:15px}@media screen and (min-width:320px) and (max-width:445px){.home-main-div h2{font-size:28px}.home-workspaces-mainlist{padding:15px;border-radius:8px;width:280px}.workspace-item{padding:10px;margin-bottom:15px;height:180px;width:250px;display:flex;flex-direction:column;align-items:center;text-align:center}.workspace-item img{margin:0 0 10px;height:50px;width:50px}.workspace-item button{position:relative;bottom:15px}.create-workspace-container{margin:0}}@media screen and (min-width:445px) and (max-width:780px){.home-main-div h2{font-size:30px}.create-workspace-container{margin:0}}@media screen and (min-width:780px) and (max-width:1024px){.home-main-div h2{font-size:36px}.create-workspace-container{margin:0}}@media screen and (min-width: 1024px){.home-main-div h2{font-size:50px}}body,html{height:100%;background-color:#4a154b}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;min-height:40vh}.home-container h1{color:#fff;margin-top:20px;margin-bottom:20px}.home-container h2{font-size:52px;color:#fff}.profile-btn,.logout-btn{background-color:#fff;color:#4a154b;border:1px solid #4A154B;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s,color .3s;margin:7px 8px 0}.profile-btn:hover{background-color:#4a154b;color:#fff}.title-animate-character{text-transform:uppercase;background-image:linear-gradient(-225deg,#e3dff0,#b485e7 29%,#f15fb9 67%,#fe2edf);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 2s linear infinite;display:inline-block;font-size:190px}@keyframes textclip{to{background-position:200% center}}.subtitle-animate-character{font-size:24px;color:#feccff;background-color:#532057;position:relative;animation:clip-path-reveal-1 7s ease infinite alternate}@keyframes line-animation{0%{transform:scaleX(0)}15%{transform:scaleX(0)}20%,25%{transform:scaleX(1);top:calc(100% - 2px)}50%{transform:scaleX(1);top:0}70%{transform:scaleX(.2);top:0}80%,to{transform:scaleX(.2);top:0}}@keyframes clip-path-reveal-1{0%,25%{clip-path:polygon(-100% 0,0 0,0 100%,-100% 100%)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(100% 0,200% 0,200% 100%,100% 100%)}}.home-container a{text-decoration:none}.home-container button{background-color:#611f69;color:#fff;border:none;padding:15px 30px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease;width:150px;margin-top:14px}.home-container button:hover{background-color:#532057}@media screen and (min-width:320px) and (max-width:445px){.home-container h1{font-size:58px}.home-container h2{font-size:30px}}@media screen and (min-width:445px) and (max-width:780px){.home-container h1{font-size:70px}.home-container h2{font-size:40px}}@media screen and (min-width:780px) and (max-width:1024px){.home-container h1{font-size:74px}.home-container h2{font-size:52px}}@media screen and (min-width: 1024px){.home-container h1{font-size:96px}}.channel-container{border-radius:5px}.toggle-channel-btn{border-radius:5px;padding-left:8px;border:none;background:none;color:inherit;cursor:pointer;font-size:16px;text-decoration:none;color:#d1d2d3}.new-channel-form{margin-left:8px;display:flex;flex-direction:column;justify-items:flex-start;gap:10px;width:100%;padding-bottom:12px}.channel-input{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:210px;margin-top:10px}.form-buttons{display:flex;flex-direction:column;gap:5px;width:210px}.submit-btn,.cancel-btn{padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s;font-weight:700}.submit-btn{background-color:#007a5a;color:#fff}.submit-btn:hover{background-color:#148567}.cancel-btn{background-color:#e01e5a;color:#fff}.cancel-btn:hover{background-color:#f14668}.error-message{color:#ff4d4d;margin:10px;font-size:16px;font-weight:lighter}.messages-list-container{background-color:#1a1d21;padding:80px 20px 0;border-radius:8px;color:#d1d2d3;overflow-y:auto;height:800px}.channel-title{font-size:18px;color:#d1d2d3;font-weight:700;margin-bottom:20px}.nav-channel-title{position:fixed;width:100%;padding-top:60px;background-color:#1a1d21;border-top:0}.message-item{display:flex;align-items:flex-start;padding:30px 0 20px 5px;border-bottom:1px solid #40444b9f}.message-avatar{width:40px;height:40px;border-radius:20%;margin-right:10px;object-fit:cover}.message-content{flex-grow:1}.message-header{display:flex;align-items:center;margin-bottom:5px}.message-author{font-weight:700;margin-right:10px;color:#f2f3f5;line-height:1.5}.message-time{font-size:12px;color:#72767d;line-height:1.5}.message-text{margin-bottom:5px;color:#d1d2d3}.no-messages{color:#72767d;font-style:italic;padding-top:22px}@media screen and (min-width:320px) and (max-width:640px){.channel-title{padding-left:14px}.messages-list-container{padding-left:14px;padding-right:10px}.message-content{font-size:14px}.message-time{font-size:10px}}.new-message-form{display:flex;flex-direction:column;padding:10px;background-color:#222529;border:#adaeaf31 1px solid;border-radius:5px;gap:10px;position:relative}.new-message-form:focus-within{border:#ADAEAF 1px solid}.messages-icons{display:flex;align-items:center;gap:15px;margin-left:10px;color:#adaeaf;cursor:pointer}.messages-icon-bold,.messages-icon-italic,.messages-icon-strikethrough,.messages-icon-link,.messages-icon-list-ordered,.messages-icon-list-bulleted,.messages-icon-quote,.messages-icon-code,.messages-icon-code-block,.messages-icon-send-now{font-size:18px;transition:color .2s ease;cursor:pointer}.messages-icon-bold:hover,.messages-icon-italic:hover,.messages-icon-strikethrough:hover,.messages-icon-link:hover,.messages-icon-list-ordered:hover,.messages-icon-list-bulleted:hover,.messages-icon-quote:hover,.messages-icon-code:hover,.messages-icon-code-block:hover,.messages-icon-send-now:hover{color:#fff8f8}.messages-icon-send-now{position:absolute;right:5px;bottom:0;background-color:#0000;color:#adaeaf;border:none;padding:10px;border-radius:5px;font-size:16px;align-items:center;justify-content:center}.message-input{flex:1;border:none;padding:10px;border-radius:5px;background-color:#222529;color:#d0d0d1;font-size:16px;outline:none;margin-top:10px}.message-input::placeholder{color:#6f7173}@media screen and (min-width:320px) and (max-width:445px){.workspace-container{flex-direction:column}.workspace-container-channels-sidebar{display:none}.workspace-container-messages{padding-left:1px;padding-right:1px}}@media screen and (min-width:445px) and (max-width:780px){.workspace-main{height:55px;padding:10px}.workspace-main h2{font-size:16px}.workspace-main button{padding:8px;font-size:14px}.workspace-container-channels-sidebar{width:240px;padding-left:8px}.workspace-container-messages{padding-left:250px;padding-right:10px}}@media screen and (min-width:780px) and (max-width:1024px){.workspace-main{height:60px;padding:12px}.workspace-main h2{font-size:18px}.workspace-main button{padding:10px;font-size:16px}.workspace-container-channels-sidebar{width:260px}.workspace-container-messages{padding-left:270px}}@media screen and (min-width: 1024px){.workspace-main{height:60px;padding:14px}.workspace-main h2{font-size:18px}.workspace-main button{padding:10px;font-size:16px}.workspace-container-channels-sidebar{width:280px}.workspace-container-messages{padding-left:300px}}.create{display:flex;justify-content:center;align-items:center;height:100vh}.new-workspace{display:flex;flex-direction:column;justify-content:center;align-items:stretch;background-color:#252a2f;padding:40px;box-shadow:0 8px 30px #0000001a;border-radius:8px;width:450px}.new-workspace-title{margin-bottom:40px;text-align:center;font-size:36px;color:#dadada}.new-workspace-form{display:flex;flex-direction:column;margin-bottom:20px}.new-workspace-form label{font-size:16px;margin-bottom:8px;color:#72767d}.new-workspace-form input{padding:10px;border-radius:4px;border:1px solid #ccc;font-size:16px;width:100%}.new-workspace-error-message{color:#dc3545;font-size:14px;margin-top:8px}.new-workspace-buttons{display:flex;gap:10px;margin-top:20px}.submit-btn,.cancel-btn{padding:10px 20px;border-radius:4px;font-size:16px;cursor:pointer}.submit-btn{background-color:#3a8d4d;color:#fff;border:none}.cancel-btn{background-color:#dc3545;color:#fff;border:none}@media screen and (min-width:320px) and (max-width:450px){.new-workspace{width:300px}.new-workspace-buttons{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box;font-family:Lato,sans-serif}body{color:#d1d2d3;margin:0;padding:0}.workspace-main{display:flex;align-items:center;justify-content:space-between;position:fixed;width:100%;height:60px;z-index:1000;padding:10px 14px;background-color:#4a154b}.workspace-main h2{font-size:18px;color:#f8f8f8;padding:3px 8px}.workspace-main button{background-color:#611f69;border:none;color:#f8f8f8;padding:10px;border-radius:5px;cursor:pointer;transition:background .3s}.workspace-main button:hover{background-color:#b33fc0}.workspace-container{display:flex;height:100vh;overflow:hidden}.generate-invitation-button{background-color:#611f69;border:none;color:#f8f8f8;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background .3s}.generate-invitation-button:hover{background-color:#b33fc0}.workspace-container-channels-sidebar{position:fixed;background-color:#251329;width:280px;height:100vh;display:flex;flex-direction:column;padding-top:80px;padding-left:10px;overflow-y:auto;color:#e3ceebcc;border:1px solid #611f69;z-index:900}.workspace-container-channels-sidebar h4{padding:0 10px;margin-bottom:10px}.channel-list{list-style:none;padding:0;margin:0}.channel-list li{display:flex;align-items:center;margin-bottom:5px}.channel-hash{margin-right:8px}.workspace-container-channels-sidebar a{color:#d1d2d3;text-decoration:none;padding:8px 12px;display:flex;align-items:center}.workspace-container-channels-sidebar a:hover{background-color:#342439;width:95%;border-radius:5px}.add-channel{display:flex;align-items:center;font-weight:700;cursor:pointer;padding:8px 12px;border:none;transition:background .3s}.add-channel:hover{background-color:#342439;width:95%;border-radius:5px}.workspace-container-messages{display:flex;flex-direction:column;background-color:#1a1d21;padding:20px 20px 20px 300px;overflow-y:auto;border-top:1px solid #611f69;width:100%;height:100vh;border-radius:10px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#2f3136}::-webkit-scrollbar-thumb{background-color:#555;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#888}.hamburger-button{display:none;background:none;border:none;cursor:pointer;background-color:#611f69;color:#f8f8f8;padding:10px;border-radius:5px;font-size:16px;align-items:center;justify-content:center}@media screen and (min-width:320px) and (max-width:640px){.workspace-container{flex-direction:column}.workspace-container-channels-sidebar.-hidden{display:none}.workspace-container-channels-sidebar.-visible{display:block}.workspace-container-messages{padding-left:1px;padding-right:1px}.workspace-main{display:flex}.hamburger-button{display:inline;position:relative}}.button-container{display:flex;gap:10px;align-items:center}.exit-button{background-color:#611f69;border:none;color:#f8f8f8;padding:10px;border-radius:5px;cursor:pointer;transition:background .3s}.exit-button:hover{background-color:#b33fc0}.add-user-button{background-color:#611f69;border:none;color:#f8f8f8;padding:10px;border-radius:5px;cursor:pointer;transition:background .3s}.add-user-button:hover{background-color:#b33fc0}.swal2-popup{font-size:16px;padding:20px;width:400px;max-width:100%;margin:0 auto}@media screen and (max-width: 600px){.swal2-popup{width:90%;font-size:14px;padding:15px}.swal2-title{font-size:18px}.swal2-content,.swal2-actions{font-size:14px}}@media screen and (min-width: 600px) and (max-width: 1024px){.swal2-popup{width:70%}.swal2-title{font-size:20px}.swal2-content,.swal2-actions{font-size:16px}}.auth-container{display:flex;justify-content:center;align-items:center}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;min-height:50vh;padding:0 20px}.auth-box{display:flex;flex-direction:column;justify-content:center;align-items:stretch;background-color:#252a2f;padding:40px;box-shadow:0 8px 30px #0000001a;border-radius:8px;width:450px;margin-top:40px}.auth-title{margin-bottom:20px;text-align:center;font-size:36px;color:#dadada}.auth-form{display:flex;flex-direction:column;margin-bottom:20px}.auth-form label{font-size:16px;text-align:left;margin-bottom:8px;color:#72767d}.auth-form input{padding:10px;border-radius:4px;border:1px solid #ccc;font-size:16px;width:100%;margin-bottom:10px}.auth-error-message{color:#dc3545;font-size:16px;margin:5px}.auth-success-message{color:#28a745;font-size:14px;margin-bottom:15px}.auth-buttons{display:flex;gap:10px}.submit-btn{padding:10px 20px;border-radius:4px;font-size:16px;cursor:pointer;background-color:#3a8d4d;color:#fff;border:none}.auth-links{text-align:center;margin-top:15px}.auth-links a{color:#3a8d4d;text-decoration:none}.profile-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;min-height:60vh;padding:20px;background-color:#252a2f;border-radius:8px;box-shadow:0 8px 30px #0000001a;width:450px;margin:auto}.profile-container h2{font-size:36px;margin-bottom:20px;color:#dadada}.profile-container img{width:120px;height:120px;border-radius:50%;border:3px solid #3a8d4d;object-fit:cover;margin-bottom:20px}.profile-container p{font-size:18px;margin:8px 0;color:#dadada}.profile-container strong{color:#3a8d4d}.profile-container button{margin-top:20px;padding:10px 20px;border-radius:4px;font-size:16px;cursor:pointer;background-color:#3a8d4d;color:#fff;border:none;transition:background .3s ease}.profile-container button:hover{background-color:#2e6d3a}@media screen and (max-width: 450px){.profile-container{width:300px;padding:15px}.profile-container img{width:100px;height:100px}}@media screen and (min-width: 320px) and (max-width: 450px){.auth-box{width:300px}}body,html{height:100%;margin:0;background-color:#4a154b}.profile-container{text-align:center;background-color:#ece6e6;padding:20px;box-shadow:0 4px 8px #0000001a;width:500px;margin:0 auto;color:#333;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.profile-container h2{color:#4a154b;font-size:24px;margin-bottom:20px}.profile-image{border-radius:50%;width:150px;height:150px;object-fit:cover;margin-bottom:20px}.profile-container p{font-size:16px;margin:10px 0;color:#333}.profile-container button{background-color:#4a154b;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:15px;font-size:16px;transition:background-color .3s,color .3s}.profile-container button:hover{background-color:#611f69}@media screen and (max-width: 445px){.profile-container{padding:15px;width:300px}.profile-container h2{font-size:20px}.profile-container p{font-size:14px}.profile-image{width:120px;height:120px}}@media screen and (min-width:445px) and (max-width:780px){.profile-container{padding:20px;width:400px}.profile-container h2{font-size:22px}.profile-container p{font-size:15px}.profile-image{width:130px;height:130px}}