@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&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";:root{font-family:Lato,sans-serif;font-weight:550;--font-family: "Lato", sans-serif;--bg-primary-color: #1e2125;--bg-secondary-color: #16191b;--bg-tertiary-color: #5d5e60;--bg-input-chat-color: #222529;--icon-color: #f8f8f8;--square-color: #b0b0b0;--text-primary-color: #acacad;--text-secondary-color: white;--border-color: #6159599a;--error-color: rgba(255, 41, 41, .815)}*{margin:0;padding:0;box-sizing:border-box;font-family:Lato,sans-serif}.root{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:var(--bg-primary-color)}.workspace-card-link{text-decoration:none}.workspace-card-container{display:flex;flex-direction:row;align-items:center;width:100%;height:50px;padding-left:30px;color:var(--bg-primary-color);border:1px solid var(--border-color);border-radius:5px;cursor:pointer;transition:.1s all}.workspace-card-container:hover{color:var(--bg-primary-color);box-shadow:3px 2px 22px 2px #0000003d;background-color:var(--bg-tertiary-color);transform:scale(1.02)}.workspace-card-container:active{transform:scale(.99)}.workspace-card-container .workspace-name-container{display:flex;padding:0 10px}.workspace-card-container .workspace-name-container span{font-size:20px;color:var(--text-primary-color)}.home-main .home-section .workspaces-container .workspaces-list-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);gap:10px;width:100%;height:100%;padding:10px 30px;margin-bottom:7px;overflow:auto}.home-main .home-section .workspaces-container .workspaces-list-container::-webkit-scrollbar{width:8px}.home-main .home-section .workspaces-container .workspaces-list-container::-webkit-scrollbar-track{background:none}.home-main .home-section .workspaces-container .workspaces-list-container::-webkit-scrollbar-thumb{border-radius:10px;background-color:#797c7e}.home-main .home-section .workspaces-container .workspaces-list-container::-webkit-scrollbar-thumb:hover{background-color:var(--bg-secondary-color)}@media screen and (max-width: 768px){.home-main .home-section .workspaces-container .workspaces-list-container{grid-template-columns:repeat(1,1fr)}}.message-card{display:flex;flex-direction:row;width:100%;padding:10px 20px;color:var(--text-secondary-color);border-bottom:1px solid var(--border-color)}.message-card .image-container{display:flex;justify-content:center;align-items:center;overflow:hidden;width:40px;height:40px;border-radius:7px}.message-card .image-container img{width:100%}.message-card .message-content{display:flex;flex-direction:column;width:100%;padding-left:15px}.message-card .message-content .message-info{display:flex;align-items:center;flex-direction:row;gap:8px}.message-card .message-content .message-info .username{font-size:17px;font-weight:700}.message-card .message-content .message-info .time{color:var(--text-primary-color);font-size:12px}.message-card .message-content .message-text{display:flex;align-items:center;flex-direction:row;line-height:22px;font-size:15px;font-weight:400;padding-top:5px;color:#d1d2d3}.message-list-container{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto}.message-list-container::-webkit-scrollbar{width:8px}.message-list-container::-webkit-scrollbar-track{background:none}.message-list-container::-webkit-scrollbar-thumb{border-radius:10px;background-color:#797c7e}.channel-list-container{display:flex;flex-direction:column;gap:1px;padding-top:10px;padding-bottom:10px}.channel{display:flex;align-items:center;justify-content:space-between;width:100%;height:25px;padding:10px;color:var(--text-primary-color)}.channel .btn-delete-channel{display:none;align-items:center;justify-content:center;width:15px;height:15px;margin-left:5px;background-color:transparent;border:none;cursor:pointer;color:var(--error-color)}.channel:hover{border-radius:5px;background-color:var(--bg-tertiary-color);color:var(--text-secondary-color)}.channel:hover .btn-delete-channel{display:flex}.channel.selected{border-radius:5px;background-color:var(--bg-tertiary-color);color:var(--text-secondary-color)}.header{display:flex;align-items:center;justify-content:space-between;padding:7px;width:100%;max-height:40px;background:linear-gradient(90deg,#1d2022,#141620)}.header .left-half-container{display:flex;align-items:center;justify-content:space-between;width:27%}.header .left-half-container .empty-container{display:flex;align-items:center;margin-left:12.5px;width:100px}.header .left-half-container .navigator{display:flex;align-items:center;gap:12px}.header .empty-container .logo-container{width:30px;height:30px;border-radius:5px;overflow:hidden}.header .empty-container .logo-container img{width:100%;height:100%}.header .empty-container span{margin-left:5px;color:var(--text-primary-color);font-size:18px}.header .btn-navigation{display:flex;align-items:center;justify-content:center;color:var(--icon-color);border:none;font-size:20px;padding:3px;background-color:transparent;cursor:pointer}.header .btn-navigation:hover{border-radius:5px;color:var(--text-secondary-color);background-color:var(--border-color)}.header .navigation-container{display:flex;align-items:center;justify-content:center;gap:10px}.header .left-half-container .navigator .btn-navigation .icon-watch{font-size:20px}.header .right-half-container{display:flex;align-items:center;justify-content:space-between;width:71%}.header .right-half-container .navigation-container .search-container{position:relative}.header .right-half-container .navigation-container .search-container .search-icon{position:absolute;top:5px;right:10px;color:var(--icon-color)}.input{color:#fff;border-radius:6px;padding-left:7px;border:none;box-sizing:border-box;background-color:var(--bg-tertiary-color)}.header .right-half-container .navigation-container .search-container .search-input{width:620px;height:28px;font-size:14px}.input::placeholder{color:var(--icon-color)}.input:focus{outline:none}.header .right-half-container .info-container{font-size:19px;color:var(--icon-color)}.hidden-container{display:none;position:absolute;width:100px;font-size:12px;font-weight:700;padding:5px;text-wrap:pretty;border-radius:5px;border:1px solid var(--border-color);background-color:#000;color:var(--text-primary-color);transition:all 2s ease-in-out}.header .right-half-container .info-container:hover .hidden-container{display:block;top:35px;right:2px}.header .navigator .btn-arrow-left:hover .hidden-container,.header .navigator .btn-arrow-right:hover .hidden-container,.header .navigator .btn-watch:hover .hidden-container{display:block;left:calc(18% -20);top:35px}@media screen and (max-width: 977px){.header .right-half-container .navigation-container .search-container .search-input{width:500px}}@media screen and (max-width: 738px){.header .right-half-container{justify-content:flex-end;gap:10px}.header .right-half-container .navigation-container .search-container .search-input{width:260px}}@media screen and (max-width: 520px){.header .left-half-container .navigator{display:none}.header .right-half-container .navigation-container .search-container .search-input{width:210px}.header .empty-container span{display:none}}.workspaces-navigator{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:70px;height:93vh;background-color:var(--bg-primary-color)}.workspaces-navigator .workspace-squares-container{display:flex;flex-direction:column;align-items:center;width:100%;height:90%;padding-top:15px;padding-bottom:10px;gap:20px;overflow-y:auto;border-bottom:1px solid var(--border-color)}.workspaces-navigator .workspace-squares-container .initials-span{color:var(--bg-primary-color);font-size:16px;font-weight:900;text-align:center;line-height:1.5;transition:.2s all}.workspaces-navigator .workspace-squares-container::-webkit-scrollbar{display:none}.workspaces-navigator .user-container{padding-bottom:10px}.workspaces-navigator .user-container .plus-icon-container{display:flex;justify-content:center;align-items:center;margin-top:7px;width:40px;height:40px;font-size:30px;cursor:pointer;color:var(--square-color);transition:.2s all}.workspaces-navigator .user-container .plus-icon-container:hover{color:var(--icon-color);transform:scale(1.1)}.workspaces-navigator .user-container .workspace-squares .user-pic{justify-content:center;align-items:center;cursor:pointer;color:var(--square-color)}.workspace-squares{display:flex;justify-content:center;align-items:center;width:32px;height:32px;background-color:var(--square-color);border-radius:5px;transition:.1s all}.workspace-squares:hover{background-color:var(--icon-color);transform:scale(1.1)}.workspace-squares.selected{background-color:var(--icon-color);transform:scale(1.2)}.link{text-decoration:none}.workspaces-navigator .user-container .plus-icon-container:hover .hidden-container{display:block;bottom:calc(18% -20);left:40px}@media screen and (max-width: 1200px){.workspaces-navigator{display:none}.inside-responsive{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:70px;height:100%;background-color:var(--bg-primary-color)}}.header .link .empty-container-home{display:flex;align-items:center;margin-left:80%;width:100%}.header .link .empty-container-home .logo-container-home{width:30px;height:30px;border-radius:5px;overflow:hidden}.header .link .empty-container-home .logo-container-home img{width:100%;height:100%}.header .link .empty-container-home span{margin-left:5px;color:var(--text-primary-color);font-size:18px}@media screen and (max-width: 768px){.header .link .empty-container-home{margin-left:10px}}.home-main{display:flex;justify-content:center;align-items:center;height:90%;width:100%}.home-main .home-section{display:flex;flex-direction:column;justify-content:space-between;width:92%;height:94%;border:1px solid var(--border-color);border-radius:5px;background-color:var(--bg-secondary-color)}.home-main .home-section .title-container{display:flex;align-items:center;width:100%;height:100px;padding-left:30px;border-bottom:1px solid var(--border-color)}.home-main .home-section .title-container h1{display:flex;align-items:center;font-size:55px;font-weight:900;color:var(--text-primary-color);letter-spacing:1px;background:-webkit-linear-gradient(-45deg,rgba(255,255,255,1) 0%,rgba(216,225,231,1) 0%,rgba(172,172,173,1) 0%,rgba(224,239,249,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-main .home-section .workspaces-container{display:flex;flex-direction:column;overflow-y:auto}.home-main .home-section .workspaces-container .title{display:flex;align-items:center;width:100%;height:50px;padding-left:30px}.home-main .home-section .workspaces-container .title h4{font-size:20px;font-weight:800;color:var(--text-primary-color)}.home-main .home-section .create-workspace-container{display:flex;justify-content:center;align-items:center;width:100%;height:100px;border-top:1px solid var(--border-color)}.home-main .home-section .create-workspace-container .btn-create-workspace{width:400px;height:50px}@media screen and (max-width: 768px){.home-main .home-section .title-container h1{font-size:30px}.home-main .home-section .create-workspace-container{height:150px}.home-main .home-section .create-workspace-container .btn-create-workspace{width:200px;height:50px}.home-main .home-section{min-width:320px}}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:#ffffffe6;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.workspace-container{display:flex;flex-direction:row;padding:2px;width:100%;height:100vh;background-color:var(--bg-primary-color)}.workspace-container .main{display:flex;flex-direction:row;width:100%;height:100%}.workspace-container .main-navigator{display:flex;flex-direction:column;color:var(--text-primary-color);width:25%;height:93vh;min-width:320px;max-width:380px;border-radius:5px 0 0 5px;border:1px solid var(--border-color);background-color:var(--bg-secondary-color)}.workspace-container .main-navigator .channel-navigator{display:flex;flex-direction:column;width:100%;height:100%}.workspace-container .main-navigator .channel-navigator .workspace-name-container{display:flex;align-items:center;width:100%;height:50px;padding:10px 20px;color:var(--text-secondary-color);border-bottom:1px solid var(--border-color)}.workspace-container .main-navigator .channel-navigator .channel-container{display:flex;flex-direction:column;overflow:auto;width:100%;padding:10px 20px}.workspace-container .main-navigator .channel-navigator .channel-container::-webkit-scrollbar{width:8px}.workspace-container .main-navigator .channel-navigator .channel-container::-webkit-scrollbar-track{background:none}.workspace-container .main-navigator .channel-navigator .channel-container::-webkit-scrollbar-thumb{border-radius:10px;background-color:#797c7e}.message-list-container::-webkit-scrollbar-thumb:hover{background-color:var(--bg-secondary-color)}.button{font-size:16px;color:var(--text-secondary-color);padding:10px 20px;align-items:center;justify-content:center;text-decoration:none;border:none;border-radius:5px;cursor:pointer;background-color:var(--bg-tertiary-color);transition:all .3s ease-in-out}.btn-cancel{background-color:var(--error-color)}.btn-create-channel{display:inline-block;align-self:center;width:80%;margin-top:10px}.button:hover{box-shadow:0 0 0 1px var(--icon-color);background-color:var(--bg-secondary-color)}.button:active{transform:scale(.9)}.workspace-container .main-navigator .channel-navigator .create-channel-container{display:flex;flex-direction:column;align-self:center;width:90%;height:180px;margin-top:10px;margin-bottom:10px;padding:15px 20px;border-radius:7px;border:1px solid var(--border-color)}.workspace-container .main-navigator .channel-navigator .create-channel-container .create-channel-title{font-size:21px}.workspace-container .main-navigator .channel-navigator .create-channel-container .create-channel-form{display:flex;flex-direction:column;width:100%;height:100%;padding:20px 0 10px}.workspace-container .main-navigator .channel-navigator .create-channel-container .create-channel-form .label{font-size:15px}.workspace-container .main-navigator .channel-navigator .create-channel-container .create-channel-form .input-channel{width:100%;height:24px;color:#fff;font-size:14px;border-radius:4px;padding-left:5px;margin-top:3px;border:none;box-sizing:border-box;background-color:var(--bg-tertiary-color)}.error{color:var(--error-color);font-size:10px}.workspace-container .main-navigator .channel-navigator .create-channel-container .create-channel-form .input-channel::placeholder{color:var(--icon-color)}.workspace-container .main-navigator .channel-navigator .create-channel-container .create-channel-form .input-channel:focus{outline:none}.workspace-container .main-navigator .channel-navigator .create-channel-container .create-channel-form .btn-container{display:flex;flex-direction:row;width:100%;justify-content:space-between;margin-top:20px}.workspace-container .main-navigator .channel-navigator .create-channel-container .create-channel-form .btn-container .btn-create{align-items:center;width:45%}.workspace-container .chat-container{display:flex;flex-direction:column;justify-content:space-between;width:75%;height:93vh;overflow:auto;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);border-radius:0 5px 5px 0}.workspace-container .chat-container .channel-name-container{display:flex;align-items:center;width:100%;height:50px;padding:10px 20px;color:var(--text-secondary-color);border-bottom:1px solid var(--border-color)}.workspace-container .chat-container .channel-name-container .arrow-triangle-container{display:none;align-items:center;justify-content:center;cursor:pointer;width:25px;height:25px;margin-right:10px;border-radius:5px;background-color:var(--bg-tertiary-color);border:1px solid var(--border-color)}.workspace-container .chat-container .channel-name-container .arrow-triangle-container .icon{transition:all .3s ease}.workspace-container .chat-container .channel-name-container .arrow-triangle-container .icon.icon-rotated{transform:rotate(90deg)}.workspace-container .chat-container .form-container{display:flex;align-items:center;justify-content:center;margin-bottom:30px;width:97%;height:200px;align-self:center;border-radius:5px;overflow:hidden;border:2px solid rgb(128,128,128)}.workspace-container .chat-container .form-container .input-form{display:flex;position:relative;z-index:0;width:100%;height:100%}.workspace-container .chat-container .form-container .input-form .input{display:flex;background-color:var(--bg-input-chat-color);padding-left:20px;width:100%;height:100%;font-size:16px;border:none}.workspace-container .chat-container .form-container .input-form .input:focus{outline:none}.workspace-container .chat-container .form-container .input-form .btn-submit{position:absolute;bottom:10px;right:10px;font-size:17px;color:var(--square-color);padding:5px;border:none;cursor:pointer;background-color:transparent}.main .channel-name-container .responsive-main{display:none}.workspace-container .chat-container .form-container .input-form .top-buttons{display:flex;position:absolute;top:10px;left:10px}.workspace-container .chat-container .form-container .input-form .bottom-buttons{display:flex;position:absolute;bottom:10px;left:10px}.workspace-container .chat-container .form-container .input-form .buttons-container{display:flex;align-items:center;border-right:1px solid var(--border-color);justify-content:center}.workspace-container .chat-container .form-container .input-form .icon-button{display:flex;align-items:center;justify-content:center;height:35px;padding:0 10px;font-size:20px;cursor:pointer;border:none;color:var(--square-color);background-color:transparent}.workspace-container .chat-container .form-container .input-form .icon-button:hover{border-radius:5px;color:var(--text-secondary-color);background-color:var(--border-color)}.react-confirm-alert-overlay{background:#414141b9}.react-confirm-alert-body{font-family:var(--font-family);background:var(--bg-secondary-color);border-radius:9px;color:var(--text-secondary-color)}.react-confirm-alert-button-group{justify-content:flex-end}.react-confirm-alert-button-group>button{font-size:16px;color:var(--text-secondary-color);padding:10px 20px;align-items:center;justify-content:center;text-decoration:none;border:none;border-radius:5px;cursor:pointer;background-color:var(--bg-tertiary-color)}.react-confirm-alert-button-group>button:first-child{background-color:var(--error-color)}.react-confirm-alert-button-group>button:hover{box-shadow:0 0 0 1px var(--icon-color);background-color:var(--bg-secondary-color)}@media screen and (max-width: 1200px){.workspace-container .main-navigator{display:none}.workspace-container .chat-container{border:1px solid var(--border-color);border-radius:5px;width:100%}.workspace-container .chat-container .channel-name-container .arrow-triangle-container{display:flex}.main .channel-name-container .responsive-main{display:flex;flex-direction:row;position:absolute;z-index:1;left:3px;top:92px;width:200px;height:484px;border-top:2px solid var(--border-color);border-bottom:2px solid var(--border-color);border-right:2px solid var(--border-color);border-radius:0 5px 5px 0}.responsive-main .create-channel-container .button{font-size:.7em}.button{font-size:.9em}}.new-workspace_main{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-width:330px}.new-workspace_main .title-container{display:flex;align-items:center;justify-content:center;width:55%;height:80px;margin-top:18px;margin-bottom:18px}.new-workspace_main .title-container h1{font-size:45px;color:var(--text-primary-color)}.new-workspace_main .new-workspace-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:55%;height:60%;border:1px solid var(--border-color);border-radius:5px;background-color:var(--bg-secondary-color)}.new-workspace_main .new-workspace-container .new-workspace-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;padding:20px 15px}.new-workspace_main .new-workspace-container .new-workspace-form .container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:75%;height:60px}.new-workspace_main .new-workspace-container .new-workspace-form .input-channel_container{display:flex;flex-direction:column;height:70px}.new-workspace_main .new-workspace-container .new-workspace-form .input-channel_container .container{display:flex;flex-direction:row;width:100%}.new-workspace_main .new-workspace-container .new-workspace-form .container .label{display:flex;align-items:center;width:300px;font-size:20px;padding-right:10px;color:var(--text-primary-color)}.new-workspace_main .new-workspace-container .new-workspace-form .container .input-new{width:250px;height:40px}.input-channel_container span{color:var(--text-primary-color);font-size:10px}@media screen and (max-width: 768px){.new-workspace_main .title-container{width:90%;height:60px;margin-bottom:1px}.new-workspace_main .title-container h1{font-size:30px}.new-workspace_main .new-workspace-container{width:90%}}@media screen and (max-width: 480px){.new-workspace_main .title-container h1{font-size:24px}.new-workspace_main .new-workspace-container .new-workspace-form .container{flex-direction:column;width:90%;gap:5px}.new-workspace_main .new-workspace-container .new-workspace-form .input-channel_container .container{flex-direction:column;gap:5px}.new-workspace_main .new-workspace-container .new-workspace-form .container .input-new{width:100%}.new-workspace_main .new-workspace-container .new-workspace-form .container .label{padding-left:15px;font-size:16px}.new-workspace_main .new-workspace-container .new-workspace-form .buttons-container_container{flex-direction:row;margin-top:20px;gap:10px}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;margin:50px;height:100%}.not-found-container h1{color:var(--text-primary-color);font-size:50px;text-wrap:pretty;text-align:center}.not-found-link{color:var(--text-primary-color);font-size:20px;text-decoration:underline}.rotating-logo{width:80px;height:80px;-webkit-animation:spin 1s linear infinite;-moz-animation:spin is linear infinite;animation:spin 20s linear infinite}.rotating-logo img{width:100%;border-radius:50px}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg)}}