.app-moderated--light{--primary-background:#f0f3f7;--secondary-background:#fff;--hr-background:#d0dae5;--primary-color:#585858;--secondary-color:#999;--primary-hover:#de2440;--primary-border:#e4e4eb}.app-moderated--dark{--primary-background:#1c1c28;--secondary-background:#2a2a39;--hr-background:#555770;--primary-color:rgba(228,228,235,.8);--secondary-color:#999;--primary-hover:#de2440}.app-moderated{--typing-indicator__padding:10px 70px;background:var(--secondary-background);color:var(--primary-color);display:flex;font-size:13px;height:100vh;overflow:hidden}.app-moderated h2{font-size:15px;font-weight:400;margin:20px 16px 12px;text-transform:uppercase}.app-moderated h2 .material-icons-outlined{color:var(--secondary-color);float:right;margin-top:-3px}.app-moderated strong{font-size:15px;font-weight:500}.app-moderated button{background:none;border:none;cursor:pointer}.app-moderated hr{background-color:var(--hr-background);border:0;height:1px;margin:0}.app-moderated input{background-color:var(--primary-background);border-radius:15px;border:0;box-sizing:border-box;color:var(--primary-color);outline:none;padding:8px 15px;width:100%}.app-moderated input.large{border-radius:5px;border:2px solid var(--primary-background);padding:15px}.app-moderated input.large:focus{border-bottom-color:var(--primary-hover);outline:none}.app-moderated .mobile{display:none}.app-moderated .error{align-items:center;color:var(--primary-hover);display:flex;height:100%;justify-content:center;margin:0;width:100%}.app-moderated .filter-input{margin:0 16px;position:relative}.app-moderated .filter-input i{color:var(--secondary-color);position:absolute;right:15px;top:6px}.app-moderated .material-icons-outlined{font-size:20px}.app-moderated .material-icons-outlined.small{font-size:18px}.app-moderated .overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:15}.app-moderated .modal{background:var(--secondary-background);border-radius:10px;box-shadow:0 4px 30px rgba(0,0,0,.4);display:flex;flex-direction:column;height:50vh;overflow:hidden;width:600px}.app-moderated .modal .header{align-items:center;box-shadow:0 1px 5px rgba(0,0,0,.2);display:flex;margin-bottom:20px;padding:28px 16px 20px;text-align:center}.app-moderated .modal .header .material-icons-outlined{color:var(--secondary-color)}.app-moderated .modal .header strong{flex-grow:1}.app-moderated .modal .footer{box-shadow:0 -1px 5px rgba(0,0,0,.2);padding:28px;z-index:1}.app-moderated .modal .no-users-message{color:#777;text-align:center;margin-top:20px;font-size:16px;font-family:Roboto,sans-serif}.app-moderated .channels-panel{background:var(--secondary-background);display:flex;flex-direction:column;flex-shrink:0;position:relative;width:350px}.app-moderated .channels-panel h2{margin-top:28px}.app-moderated .channels-panel h2:not(:first-child){margin-top:38px}.app-moderated .channels-panel .user-header{display:flex;align-items:center;justify-content:space-between;background:var(--background-color);border-radius:8px;padding:25px 0}.app-moderated .channels-panel .user-header .user-info{display:flex;align-items:center}.app-moderated .channels-panel .user-header .actions{display:flex;align-items:center;gap:12px}.app-moderated .channels-panel .user-header .actions .icon-button{background:transparent;border:none;cursor:pointer;font-size:24px}.app-moderated .channels-panel .user-header .actions .material-icons-outlined{color:var(--secondary-color);font-size:20px}.app-moderated .channel-lists{max-height:"85%";overflow-y:auto}.app-moderated .public-channels-modal{min-height:500px}.app-moderated .report-user-modal{height:auto}.app-moderated .report-user-modal .report-button{align-items:center;color:var(--primary-color);display:flex;padding:20px}.app-moderated .report-user-modal .report-button .material-icons-outlined{color:var(--secondary-color);margin-right:16px}.app-moderated .report-user-modal .report-button:hover{background-color:var(--primary-background);cursor:pointer}.app-moderated .report-user-modal .center{text-align:center}.app-moderated .report-user-modal .center .material-icons-outlined{color:#b8e986;font-size:92px;font-weight:700;margin:10px 0 20px}.app-moderated .report-user-modal .center button{color:var(--primary-hover);font-size:15px;font-weight:500;margin:50px 0 30px}.app-moderated .custom-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.app-moderated .custom-modal{background:var(--secondary-background);border-radius:12px;width:500px;max-width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.2);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;scrollbar-width:none;-ms-overflow-style:none}.app-moderated .custom-modal .header{align-items:center;box-shadow:0 1px 5px rgba(0,0,0,.2);display:flex;margin-bottom:20px;padding:28px 16px 20px;text-align:center;background-color:#bababa;border-top-left-radius:12px;border-top-right-radius:12px}.app-moderated .custom-modal .header .material-icons-outlined{color:#022156}.app-moderated .custom-modal .header strong{flex-grow:1;font-size:25px;font-weight:700;color:#022156}.app-moderated .custom-modal .circle-icon{height:65px;width:65px;border-radius:50%}.app-moderated .custom-modal h2{color:var(--color-white)}.app-moderated .custom-modal .footer{box-shadow:0 -1px 5px rgba(0,0,0,.2);padding:28px;z-index:1}@media(max-width:600px){.app-moderated .custom-modal{width:90vw}}@media(max-width:950px){.app-moderated .channels-panel,.app-moderated .members-panel.shown{width:200px}}@media(max-width:700px){.app-moderated .mobile{display:inline-block}.app-moderated .channels-panel{height:100%;position:absolute;transition:.3s ease-in-out;width:100%;z-index:10}.app-moderated .channels-panel:not(.shown){transform:translateX(-100%)}.app-moderated .channels-panel .actions,.app-moderated .channels-panel .user-info{padding-top:20px}.app-moderated .members-panel.shown{height:100%;padding:24px 0;position:absolute;width:100%;z-index:10}.app-moderated .modal{border-radius:0;height:100%;width:100%}}@container (max-width: 950px){.app-moderated .channels-panel,.app-moderated .members-panel.shown{width:200px}}@container (max-width: 700px){.app-moderated .mobile{display:inline-block}.app-moderated .channels-panel{height:100%;position:absolute;transition:.3s ease-in-out;width:100%;z-index:10}.app-moderated .channels-panel:not(.shown){transform:translateX(-100%)}.app-moderated .channels-panel .actions,.app-moderated .channels-panel .user-info{padding-top:20px}.app-moderated .chat-window{margin:5px}.app-moderated .members-panel.shown{height:100%;padding:24px 0;position:absolute;width:100%;z-index:10}.app-moderated .modal{border-radius:0;height:100%;width:100%}}.card{display:flex;flex-direction:row;width:95%;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:10px 5px 5px;background-color:transparent}.card-image{flex:0 0 60px;max-width:50px;display:flex;justify-content:center;align-items:center;margin-right:10px}.channel-image{width:40px;height:40px;border-radius:50%;object-fit:cover}.card-content{flex:1;padding:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.card-title{font-size:15px;margin-bottom:5px;white-space:normal;flex:1}.card-description,.card-title{overflow:hidden;text-overflow:ellipsis}.card-description{color:#777;font-size:12px;margin:0;white-space:nowrap}
/*# sourceMappingURL=63ba682b03036afa.css.map*/