.picker{width:300px;background:#f0f0f4;border-radius:9px;z-index:9}.picker .react-colorful{width:auto}.picker__swatches{display:flex;margin-top:10px;gap:5px}.picker__swatch{width:24px;height:24px;border:none;padding:0;border-radius:4px;cursor:pointer;outline:none}.react-colorful__pointer{width:16px!important;height:16px!important;cursor:pointer}.react-colorful__hue{height:10px!important;border-radius:6px!important;margin-top:10px}.picker{width:200px;padding:15px;border-radius:6px!important;background-color:#efefef}.picker__controls{display:flex;justify-content:space-between}.picker__current-color{margin-top:10px;padding:4px;text-align:center;border:1px solid black}.picker button{z-index:10;width:50px!important}.react-colorful__saturation{margin-top:10px;border-radius:0!important;border:none!important}.editor-container{padding:20px;border-radius:6px;border:1px solid #dcdcde}.editor-container button{min-width:30px;min-height:30px;padding:5px;border:1px solid #dcdcde;border-radius:6px}.editor-wrapper .ProseMirror{min-height:300px;border-radius:6px;padding:0;outline:none;border:none;box-shadow:none}.editor-wrapper .ProseMirror p{margin:0;padding:0}.editor-wrapper .ProseMirror a{cursor:pointer;color:#00f!important}.editor-wrapper .ProseMirror{color:inherit}.editor-wrapper{margin-top:10px;margin-bottom:10px}.toolbar{display:flex;flex-direction:row;gap:10px}.toolbar__section{position:relative;display:flex;flex-direction:row;gap:5px}.toolbar__current-color{height:10px;width:10px;border-radius:50%;border:1px solid black}.toolbar__color-button{display:flex;flex-direction:row;gap:3px;align-items:center;justify-content:center}.toolbar__active-button{background-color:#ddefff}.toolbar__color-picker-container{z-index:9;top:35px;position:absolute}.hyperlink{min-height:30px;display:flex;flex-direction:row;gap:5px}.hyperlink button{min-width:30px;min-height:30px;padding:5px;border-radius:6px}.hyperlink__input-container{display:flex;align-items:center;border:1px solid #dcdcde;border-radius:6px;padding-left:5px}.hyperlink__input-container input{outline:none;border:none}.hyperlink{display:flex;flex-direction:row}button{cursor:pointer}.editor-wrapper{overflow:auto}.editor-wrapper ul,.editor-wrapper ol{margin:0;padding-left:1.25rem}@media only screen and (max-width: 520px){.toolbar{flex-direction:column}}.edit-form__head{display:flex;flex-direction:row;gap:5px;position:relative}.post__content{margin-top:10px}.broadcast{display:flex;flex-direction:row;align-items:center;gap:20px}.broadcast__talk-button{padding:8px 12px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;width:100%}.button-container{display:flex;flex-direction:row;width:100%;justify-content:space-between;gap:15px}.status-container{display:flex;align-items:center;justify-content:center;height:100%;width:135px;color:#fff;padding:13px 12px;border-radius:4px}.wait{background-color:#f4af16}.able{background-color:#16a34a}.reconnect{font-size:16px;background-color:#2d91ff;border:none;display:flex;flex-direction:row;gap:5px}.spinner{font-size:var(--spinner-size, 28px);--spinner-color: #b8bfc8;--spinner-fade-color: rgba(184, 191, 200, .12);position:relative;display:inline-block;width:1em;height:1em}.spinner .spinner-blade{position:absolute;left:.4629em;bottom:0;width:.074em;height:.2777em;border-radius:.0555em;background-color:var(--spinner-fade-color);transform-origin:center -.2222em;animation:spinner-fade 1s infinite linear}.spinner .spinner-blade:nth-child(1){transform:rotate(0);animation-delay:-0s}.spinner .spinner-blade:nth-child(2){transform:rotate(30deg);animation-delay:-.0833333333s}.spinner .spinner-blade:nth-child(3){transform:rotate(60deg);animation-delay:-.1666666667s}.spinner .spinner-blade:nth-child(4){transform:rotate(90deg);animation-delay:-.25s}.spinner .spinner-blade:nth-child(5){transform:rotate(120deg);animation-delay:-.3333333333s}.spinner .spinner-blade:nth-child(6){transform:rotate(150deg);animation-delay:-.4166666667s}.spinner .spinner-blade:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.spinner .spinner-blade:nth-child(8){transform:rotate(210deg);animation-delay:-.5833333333s}.spinner .spinner-blade:nth-child(9){transform:rotate(240deg);animation-delay:-.6666666667s}.spinner .spinner-blade:nth-child(10){transform:rotate(270deg);animation-delay:-.75s}.spinner .spinner-blade:nth-child(11){transform:rotate(300deg);animation-delay:-.8333333333s}.spinner .spinner-blade:nth-child(12){transform:rotate(330deg);animation-delay:-.9166666667s}@keyframes spinner-fade{0%{background-color:var(--spinner-color)}39%,to{background-color:var(--spinner-fade-color)}}.auth{margin-top:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth__form{display:flex;flex-direction:column;gap:20px;margin-top:40px;width:400px}.auth__input-container{display:flex;flex-direction:column}.auth__input{padding:8px;border:1px solid #767676;border-radius:4px;margin-top:3px}.auth__input input{border:none;outline:none;width:100%;font-size:16px}.auth__submit-button{padding:8px;font-size:14px;background-color:#000;color:#fff;font-weight:700;border:none;border-radius:4px}.auth__submit-button:disabled{opacity:.7}.auth__input-error{border:1px solid red}@media only screen and (max-width: 440px){.auth__form{width:100%}}.header{padding:24px;display:flex;flex-direction:row;gap:20px}.cropper{border:1px solid #dcdcde;padding:10px;width:430px;height:450px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background-color:#fff}.cropper-controls{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px}.cropper-zoom-range{width:82%}.cropper-inner{width:340px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cropper-head{display:flex;flex-direction:row;align-items:center;gap:15px;width:100%}.close-image-picker{border:none;background-color:transparent}.reactEasyCrop_Container{border-radius:8px}.reactEasyCrop_CropArea{box-shadow:0 0 0 9999em #fff!important;border:1px solid black!important}.cut-button{border-radius:50%;padding:5px;border:1px solid #dcdcde;background-color:transparent}.create-chat{padding:20px;width:100%;display:flex;flex-direction:column;align-items:center}.create-chat__file-input{display:none}.create-chat__image-picker{width:100%;display:flex;align-items:center;justify-content:center}.create-chat__image{width:150px;height:150px;border:1px solid #dcdcde;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.create-chat__input-container{margin-top:20px;border-radius:8px;width:100%;border:1px solid #dcdcde}.create-chat__input-container input{border:none;outline:none;font-size:16px;width:100%;padding:10px;border-radius:8px}.create-chat__done-button{margin-top:15px;align-self:flex-end;font-size:16px;padding:5px;background-color:transparent;border:1px solid #dcdcde;border-radius:8px;display:flex;flex-direction:row;gap:3px;align-items:center;justify-content:center;width:100px;background-color:#007bff;color:#fff}.create-chat__done-button:disabled{opacity:.7;cursor:not-allowed}.chat-avatar__image{border:1px solid #dcdcde;border-radius:50%}.chat-avatar__placeholder{border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #dcdcde}.message{min-width:50px;max-width:50%;background-color:#f7f7f7;border-radius:8px;padding:10px}.message__text-container{display:flex;flex-direction:row;justify-self:flex-start;width:100%;gap:5px;justify-content:space-between}.message__text{border-radius:8px;display:flex;font-size:20px!important;gap:3px;text-align:left!important}.message__send-time{margin-top:10px;align-self:flex-end;font-size:11px;opacity:.7}.message__medias-container{display:grid;gap:4px;width:100%;margin-top:5px}.message__image-container{overflow:hidden;border-radius:8px}.message__image{border:1px solid black;width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.message__file{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:10px;gap:10px}.message__file-inner{display:flex;flex-direction:row;gap:10px}.message__file-name{display:flex;flex-direction:row;align-items:center;font-size:14px;gap:3px}.message__image-placeholder{height:200px;width:320px}.message__download{color:#000!important}.my-message{text-align:right;align-self:flex-end}.incoming-message{text-align:left;align-self:flex-start}p,li{padding:0!important;margin:0!important}.send-message{width:100%;display:flex;align-items:center;flex-direction:column}.send-message__controls{background-color:#f7f7f7;padding:10px;border-radius:8px}.send-message__controls button{background-color:transparent;border:none;width:32px;height:32px}.send-message__input-container{display:flex;align-items:center;justify-content:center}.send-message__input-container input{outline:none;border:none;background-color:transparent}.message-input{width:100%;background-color:#fff;display:flex;flex-direction:row}.message-input__input-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-right:10px;padding:12px;border-radius:24px;border:1px solid #dcdcde;cursor:text;flex:1;min-height:50px}.message-input__input-container div{flex:1}.message-input__input{overflow-y:scroll;display:flex;align-items:center;scrollbar-width:none;-ms-overflow-style:none}.message-input__input::-webkit-scrollbar{display:none}.message-input__attachments-container{margin-bottom:10px;display:flex;flex-direction:column;gap:10px;align-self:flex-start}.message-input__attachments{background-color:transparent;border:none;align-self:flex-start;border-radius:50%}.message-input__attachments-icon:hover{opacity:.7}.message-input__file-attachments{overflow:auto;display:flex;flex-direction:row;gap:10px}.message-input__media-attachments{overflow:auto;flex:1;display:flex;flex-direction:row;gap:10px}.message-input__file-container{border:1px solid #dcdcde;padding:10px;border-radius:8px;display:flex;flex-direction:row;gap:8px}.message-input__remove-attachment{border-radius:50%;border:none;padding:3px}.message-input__file{display:flex;align-items:center;gap:3px;font-size:14px;width:100%;white-space:nowrap}.message-input__media{position:relative}.message-input__image{width:100px;height:100px;border-radius:8px;border:1px solid #dcdcde;object-fit:contain}.message-input__remove-media{position:absolute;right:3px;top:3px}.ProseMirror p.is-editor-empty:first-child:before{content:"Message...";float:left;color:#ced4da;pointer-events:none;height:0}.ProseMirror:focus{outline:none}p{padding:0;margin:0}.bubble-menu{background-color:#fff;padding:5px}.chatroom{height:85dvh;display:flex;flex-direction:column;width:100%}.chatroom__container{flex:1;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.chatroom__head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;padding:20px 20px 0}.chatroom__info{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center}.chatroom__actions{width:40px;height:40px;background-color:transparent;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center}.chatroom__actions:hover{background-color:#f2f2f3}.chatroom__messages{flex:1;overflow-y:auto;display:flex;flex-direction:column-reverse;gap:10px;padding-left:20px;padding-right:20px}.chatroom__input-area{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:20px}.chatroom__send-button{border-radius:50%;width:50px;height:50px;border:1px solid #dcdcde;display:flex;align-items:center;justify-content:center;background-color:#f2f2f3;align-self:flex-end}.chatroom__attachments{background-color:transparent;border:none}.chatroom__no-messages{text-align:center;opacity:.5}.chatroom__new-messages{display:flex;align-items:center;justify-content:center}.chatroom__observer-ref{font-size:1px}.chat-controls{background-color:#fff;position:absolute;right:0;top:60px;display:flex;flex-direction:column;padding:5px;gap:5px;border:1px solid #dcdcde;border-radius:4px;z-index:1}.chat-controls__control{padding:5px 10px;border:none;background:transparent;display:flex;align-items:center;gap:5px;font-size:15px}.chat-controls__delete{color:#cb3837}.chats__container{display:flex;flex-direction:row;width:100%;height:85vh;border:1px solid #dcdcde;border-radius:8px;margin-bottom:20px}.chats__channels{display:flex;flex-direction:column;border-right:1px solid #dcdcde}.chats__controls{width:100%}.chats__channels-list{margin-top:20px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;scrollbar-width:none;-ms-overflow-style:none}.chats__channels-list:last-child{margin-bottom:20px}.chats__channels-list::-webkit-scrollbar{display:none}.chats__channels{padding-left:20px;padding-right:20px;padding-top:20px;max-width:30%}.chats__buttons-container{display:flex;flex-direction:row;justify-content:space-between}.chats__no-chats{height:80%;display:flex;align-items:center;justify-content:center}.chats__search-container{font-size:18px;padding:5px 5px 5px 15px;margin-top:20px;display:flex;flex-direction:row;gap:5px;align-items:center;border-radius:8px;background-color:#f2f2f3}.chats__search-container input{background-color:#f2f2f3;font-size:18px;border:none;outline:none;height:30px}.chats__select-controls{display:flex;flex-direction:row;gap:5px}.chats__control-button{font-size:16px;padding:5px;background-color:transparent;border:1px solid #dcdcde;border-radius:4px;display:flex;flex-direction:row;gap:3px;align-items:center;justify-content:center}.chats__room-container{flex:1}.chats__back-button{border:none;background:transparent}.chats__head{display:flex;flex-direction:row;gap:20px;align-items:center;font-size:20px}.chats__delete-text{margin-top:20px}.chats__input-container{margin-top:5px;border:1px solid #dcdcde;border-radius:8px}.chats__confirm-delete-input{outline:none;border:none;padding:8px;border-radius:8px;width:100%}.chats__button-container{width:100%;display:flex;flex-direction:row;justify-content:flex-end}.chats__delete-button{margin-top:15px;align-self:flex-end;font-size:16px;padding:5px;border-radius:8px;display:flex;flex-direction:row;gap:3px;align-items:center;justify-content:center;width:100px;background-color:#cb3837;border:none;color:#fff}.chats__invite{display:flex;flex-direction:column}.chats__user{display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;padding-left:10px}.chats__user:hover{background-color:#f7f7f7}.chats__user-info{display:flex;flex-direction:row;gap:5px}.chats__user-details{display:flex;align-items:center;font-size:18px}.chats__select-users-form{width:100%;display:flex;flex-direction:column}.chats__users-list{margin:20px;display:flex;flex-direction:column;gap:10px;max-height:600px;overflow-y:scroll}.chats__invite-users{margin-top:15px;align-self:flex-end;font-size:16px;padding:5px;border-radius:8px;display:flex;flex-direction:row;gap:3px;align-items:center;justify-content:center;width:100px;background-color:#007bff;border:none;color:#fff}.chats__chat-content-container{width:100%}.chats__form-container{display:flex;flex-direction:column;padding:20px;width:100%}.chats__actions-container{padding:20px;width:100%}.chats__input-message{display:flex;flex-direction:row;margin-top:20px}.chats__channel-name{margin-bottom:5px}.chats__details{display:flex;flex-direction:column;align-self:center}.chats__last-message{display:flex;flex-direction:row;gap:5px;font-size:12px;max-height:15px;overflow:hidden;position:relative}.chat{display:flex;flex-direction:row;gap:10px;padding:5px;cursor:pointer}.chat-selected{background-color:#f7f7f7;border-radius:8px}.report{padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:10px;background-color:#f7f7f7}.report__buttons-container{display:flex;flex-direction:row;gap:10px;align-self:flex-end}.report__buttons-container button{height:40px;padding:0 5px;min-width:120px;border-radius:8px;border:none;font-size:14px;color:#fff}.report__delete-message{background-color:#fe2b2a}.report__dismiss{background-color:#288fff}.report__image{width:150px;height:150px;border-radius:8px}*{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;box-sizing:border-box}textarea{resize:vertical}ul,ol{margin:0;padding:0}audio{max-width:200;border:none}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}.container{margin:0 auto;display:flex;flex-direction:column;max-width:1100px;width:100%}.title{font-size:20px;font-weight:600}.save-button,.cancel-button{width:150px;height:40px;font-size:15px;border-radius:6px;font-weight:600;cursor:pointer}.add-media-button{height:40px;font-size:15px;cursor:pointer;border-radius:6px;font-weight:600;border:1px}.edit-form{padding-bottom:10px;border-bottom:1px solid #999}.edit-form-input{display:none}#indicator{padding:2px 10px;border-radius:9999px;font-size:12px;text-transform:uppercase;font-weight:600;color:#fff}#indicator.muted{background-color:#ef4444cc}#indicator.live{background-color:#22c55ecc}.content{padding:24px;display:flex;flex-direction:column}.open-color-picker{padding:5px}.talk-button{padding:8px 12px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer}.status{margin-top:24px;font-size:14px;text-align:center}.form{margin-top:24px;display:flex;flex-direction:column;gap:8px}.form-input-row{display:flex;gap:8px;width:100%;justify-content:space-between;position:relative}.header-color-select{min-width:50px;border-radius:6px;height:38px;border:1px solid #dcdcde}.form-input{border:1px solid #dcdcde}.form-media-input{display:none}.color-picker-container{z-index:9;position:absolute;top:45px;right:0}.preview{width:150px;height:150px;border:1px solid black;border-radius:6px}.add-photo{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form-input{font-size:16px;padding:8px 12px;border-radius:6px;flex:1}.form-button{font-size:14px;padding:8px 12px;border-radius:6px;cursor:pointer}.form-inputs{display:flex;flex-direction:column;gap:5px}.form-input-controls{display:flex;flex-direction:row;width:100%;gap:10px}.posts-label{margin-top:16px;font-size:20px;line-height:24px;font-weight:600}.preview-container{width:100%;overflow-x:scroll;display:flex;flex-direction:row;gap:5px}.post{border-bottom:1px solid #999;padding:16px 0 4px}.post-content{font-size:18px;line-height:21px;width:96%;padding-left:5px}.post-time{width:100%;font-size:12px;line-height:14px;padding:16px 0 4px}.edit-image-container{position:relative}.remove-image{position:absolute;right:5px;top:5px;cursor:pointer}.post-head{display:flex;flex-direction:row;justify-content:space-between}.post-title{width:96%;border-radius:6px;padding:5px;display:flex;align-items:center}.edit-button{padding:5px;border-radius:6px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.media-dnd-area{padding:20px;display:flex;align-items:center;justify-content:space-between;border-radius:6px;border:2px dashed #787777;color:#787777;cursor:pointer;background-color:#edf2ff;transition:border .3s ease,color .3s ease}.media-dnd-area:hover,.drag-active{border:2px solid #1e3f85}.selected-button{background-color:#ddefff}button:disabled{opacity:.7;cursor:not-allowed}.self-view-wrapper video{border-radius:800px!important;width:500px!important;height:500px!important}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:#00000080;display:flex;align-items:center;justify-content:center}p{margin:0 0 10px}ul{list-style-type:disc;padding-left:20px;margin:0}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol{padding-left:20px;margin:0}ol ol{list-style-type:decimal}ol ol ol{list-style-type:lower-alpha}li{margin-bottom:8px}a{color:#007bff!important;text-decoration:none}a span{color:#007bff!important}a:hover{text-decoration:underline}.highlight{background-color:#ff0}.text-style{color:#000}@media only screen and (max-width: 520px){.form-input-row{flex-direction:column}}@media only screen and (max-width: 360px){.form-input{width:150px!important}.header-color-select{min-width:20px}}