.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--light{--primary-background: #f0f3f7;--secondary-background: #ffffff;--hr-background: #d0dae5;--primary-color: #585858;--secondary-color: #999999;--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: #999999;--primary-hover: #de2440}.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:10px 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 #0006;display:flex;flex-direction:column;height:50vh;overflow:hidden;width:600px}.app-moderated .modal .header{align-items:center;box-shadow:0 1px 5px #0003;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 #0003;padding:28px;z-index:1}.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-info{position:relative;padding:26px 0 15px}.app-moderated .channels-panel .user-info .material-icons-outlined{color:var(--secondary-color);position:absolute;right:16px;top:32px;z-index:1}.app-moderated .channels-panel .theme-switcher{align-items:center;display:flex;justify-content:flex-end;margin:16px;position:absolute;right:0;top:26px}.app-moderated .channels-panel .theme-switcher .material-icons-outlined{color:var(--secondary-color);font-size:18px}.app-moderated .channels-panel .theme-switcher button{background:var(--secondary-background);border-radius:10px;border:1px solid var(--primary-border);height:16px;margin-left:6px;position:relative;width:24px}.app-moderated .channels-panel .theme-switcher button.dark{background:var(--primary-hover);border:1px solid var(--primary-hover)}.app-moderated .channels-panel .theme-switcher button.dark span{left:8px;border:1px solid #ffffff}.app-moderated .channels-panel .theme-switcher span{background:#ffffff;border-radius:10px;border:1px solid var(--primary-border);box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;display:block;height:12px;left:0;position:absolute;top:0;width:12px}.app-moderated .channels-panel .channel-lists{overflow:auto}.app-moderated .channels-panel .channel-lists .material-icons-outlined:hover{color:var(--primary-hover)}.app-moderated .chat-window{background:var(--primary-background);border-radius:15px;display:flex;flex-direction:column;flex-grow:1;margin:16px 0;overflow:hidden;position:relative}.app-moderated .chat-window .channel-info{padding:16px 16px 0}.app-moderated .chat-window .channel-info span{cursor:pointer}.app-moderated .chat-window .channel-info p{color:var(--secondary-color);margin:2px 0 16px}.app-moderated .chat-window .channel-info .mobile.material-icons-outlined{float:left;font-size:24px;margin:6px 10px 0 0}.app-moderated .chat-window .channel-info .material-icons-outlined{color:var(--secondary-color);vertical-align:middle}.app-moderated .members-panel{background:var(--secondary-background);display:flex;flex-direction:column;flex-shrink:0;transform:translate(330px);transition:.3s ease-in-out;width:0}.app-moderated .members-panel h2{margin-top:32px}.app-moderated .members-panel .filter-input{margin:25px 16px 28px}.app-moderated .members-panel.shown{transform:none;width:330px}.app-moderated .members-panel.hidden{margin-left:20px}.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 .create-chat-modal{--member--hover__background: var(--primary-background);--member__cursor: pointer;min-height:600px}.app-moderated .create-chat-modal .header .material-icons-outlined:first-child{color:var(--primary-hover);font-size:36px;position:absolute}.app-moderated .create-chat-modal .group-button{align-items:center;color:var(--primary-hover);display:flex;font-size:13px;margin:15px 0;padding:9px 16px}.app-moderated .create-chat-modal .group-button:hover{background-color:var(--primary-background)}.app-moderated .create-chat-modal .group-button .material-icons-outlined:first-child{background:rgba(239,58,67,.1);border-radius:100%;margin-right:16px;padding:10px}.app-moderated .create-chat-modal .group-button p{flex-grow:1;font-weight:500;text-align:left}.app-moderated .create-chat-modal input.large{margin:20px 16px 19px;width:auto}.app-moderated .create-chat-modal h2{margin-top:8px}.app-moderated .create-chat-modal .check-icon{align-items:center;border-radius:3px;border:2px solid var(--secondary-color);color:var(--secondary-background);display:flex;height:16px;justify-content:center;width:16px}.app-moderated .create-chat-modal .check-icon.checked{background-color:var(--primary-hover);border-color:var(--primary-hover)}.app-moderated .create-chat-modal .footer button{color:var(--primary-hover);float:right;font-size:14px;font-weight:500}.app-moderated .create-chat-modal .footer button:disabled{color:var(--primary-color);cursor:not-allowed}@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:translate(-100%)}.app-moderated .channels-panel .theme-switcher{position:static;justify-content:center;margin-top:6px}.app-moderated .channels-panel .user-info{padding-top:20px}.app-moderated .chat-window{margin:5px}.app-moderated .members-panel h2{margin-top:5px}.app-moderated .members-panel.shown{height:100%;padding:24px 0;position:absolute;width:100%;z-index:10}.app-moderated .members-panel.hidden{margin-left:0}.app-moderated .modal{border-radius:0;height:100%;width:100%}}*{margin:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#585858}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pubnub-error{color:#a80000;line-height:1.5;margin:0 auto;width:900px;font-weight:300}.welcome{margin:0 auto;width:900px}.welcome h1,.welcome h3,.pubnub-error h1{margin:20px 0;font-weight:500}.welcome a{color:#de2440;text-decoration:none}.welcome a:hover{text-decoration:underline}.welcome ul{padding-left:16px}.welcome li{margin:10px 0}