:root{--body_background:#fff;--body_color:#000;--link_color:navy}[data-theme=light]{--primary-color:#3f7dfb;--secondery-color:#eee;--danger-color:#ca0b00;--font-color:#676767;--bg-color:#fff;--font-active-color:#00000073;--bg-active:#eee;--message-color:#fff;--heading-color:#fafafa}[data-theme=dark]{--primary-color:#bb86fc;--secondery-color:#3f7dfb;--danger-color:#ca0b00;--font-color:#e1e1ff;--bg-color:#212121;--font-active-color:#00000073;--bg-active:#757575;--message-color:#323232;--heading-color:#424242}*{transition:background-color .3s ease-in-out}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.chat{align-items:center;grid-template-columns:337px auto;width:100%}.chat,.chat__main{display:grid;height:100vh}.chat__main{grid-template-rows:auto 1fr auto;position:relative}.reply{align-items:center;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:example;animation-name:example;background-color:var(--bg-color);color:var(--font-color);display:flex;height:auto;justify-content:space-between;margin:0;padding:10px;width:100%}@-webkit-keyframes example{0%{opacity:0}to{opacity:1}}@keyframes example{0%{opacity:0}to{opacity:1}}@media (max-width:540px){.chat{height:100svh;overflow-x:hidden;overflow-y:hidden;position:relative}.chat__main{height:100svh;overflow:hidden;position:absolute;right:-100%;transition:.2s;width:100%;z-index:10}.chat__main-selected{background:var(--bg-color);overflow:visible;right:0;transition:.2s}.chat__main-selected .chat__header{justify-content:space-between}.chat__header__img{order:3}.chat__header__name{order:2}}.input{background-color:var(--bg-active);border:0;border-radius:12px;font-size:14px;font-weight:500;height:36px;line-height:18px;outline:none;padding:9px 9px 9px 15px;width:100%}.input,.input__icon{color:var(--font-color)}.input__icon{background:url(/static/media/Shape.e28715999e0ca826cb08.svg) no-repeat 0;background-color:var(--bg-active);background-position:12px;background-size:10px;padding-left:25px}.input__icon::-webkit-input-placeholder{color:var(--font-color)}.input__icon::placeholder{color:var(--font-color)}.input::-webkit-input-placeholder{color:var(--font-color)}.input::placeholder{color:var(--font-color)}.textarea{background-color:var(--bg-active);border:0;border-radius:12px;color:var(--font-color);font-size:14px;font-weight:500;height:36px;line-height:18px;max-height:150px;min-height:36px;padding:9px 9px 9px 15px;resize:none;width:100%}.textarea::-webkit-input-placeholder{background-color:var(--bg-active);color:var(--font-color)}.textarea::placeholder{background-color:var(--bg-active);color:var(--font-color)}@media (max-width:390px){.input{font-size:18px;height:48px}.input__icon{padding-left:30px}}.modal{background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;transition:all .3s;width:100%;z-index:20}.modal__content{background-color:var(--bg-color);border-radius:10px;color:var(--font-color);left:50%;max-width:600px;padding:40px;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal__header{display:flex;justify-content:space-between;margin-bottom:20px}.modal__close{color:var(--font-color);cursor:pointer;height:auto;position:absolute;right:20px;top:20px}.modal__close svg{color:var(--font-color);height:30px;width:30px}.subscriber__list{height:300px;overflow:scroll}.subscriber__list__item{align-items:center;display:flex;gap:10px;padding:20px}.subscriber__list__icon{border-radius:50%;height:35px;object-fit:cover;width:35px}@media (max-width:390px){.modal__content{padding:10px}}.room__item{cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;height:70px;overflow:hidden;padding:9px 21px;width:100%}.room__item-active{background-color:var(--bg-active)}.room__item__icon{border-radius:50%;height:36px;margin-right:12px;width:36px}.room__name{font-size:14px;font-weight:600;line-height:18px}.room__item__name{color:var(--font-color)}.room__item__message{color:var(--font-color);font-size:12px;font-weight:500;line-height:20px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room__item__time{color:var(--font-color);font-size:12px;font-weight:400;line-height:16px}.active{background-color:var(--bg-active)}.chat__sidebar{background-color:var(--bg-color);border-right:1px solid var(--bg-active);display:grid;grid-template-rows:auto 1fr;height:100svh}.chat__empty{margin:20px}.label{margin:22px}.label__detail{color:var(--font-color);display:flex;justify-content:space-between;margin-bottom:18px}.logo{height:20px;width:auto}.setting-icon{cursor:pointer;height:26px;transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out;transition:transform .7s ease-in-out,-webkit-transform .7s ease-in-out;width:26px}.setting-icon:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.chat__rooms{overflow-y:scroll}.chat__rooms__title{color:var(--font-color);margin-bottom:10px;margin-left:10px}@media (max-width:540px){.chat__sidebar{width:100vw}}@media (max-width:390px){.room__item__icon{height:55px;width:55px}.room__item__name{font-size:20px}.room__item__message{font-size:18px}}.setting{grid-gap:20px;display:grid;gap:20px}.avatar{border-radius:50%;height:100px;width:100px}.setting__input{align-items:center;display:flex;gap:10px}.setting__field{align-items:center;background-color:var(--heading-color);display:flex;gap:30px;justify-content:space-around;padding:20px}.setting__input__btns{align-items:center;display:flex;gap:10px;justify-content:end}@media (max-width:540px){.setting{grid-gap:20px;gap:20px}.setting,.setting__field{display:grid;padding:10px}.setting__field{grid-template-columns:1fr auto}.setting__field:first-child{grid-template-columns:1fr;grid-template-rows:1fr auto}}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.btn{background-color:var(--primary-color);border:none;border-radius:7px;color:var(--message-color);cursor:pointer;outline:none;padding:20px 30px;text-align:center;text-transform:capitalize}.sm{padding:5px 10px}.access{background:var(--primary-color)}.access,.cancel{color:var(--message-color)}.cancel{background:var(--danger-color)}.btn:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.message__container{background:url(data:image/png;base64,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);background-color:var(--heading-color);overflow-y:scroll;padding:20px;width:100%}.message__container>*{margin-bottom:18px}.context__list{background:var(--bg-active);border:1px solid var(--bg-active);border-radius:7px;box-shadow:0 8px 15px rgba(0,0,0,.35);color:var(--font-color);font-size:14px;line-height:15px;list-style:none;margin:0;position:inherit;z-index:2}.context__list__item{align-items:center;border-bottom:1px solid var(--heading-color);display:flex;gap:5px;padding:10px 30px}.context__list__item:first-child{border-radius:7px 7px 0 0}.context__list__item:last-child{border-bottom:0;border-radius:0 0 7px 7px}.context__list__item:hover{background-color:var(--primary-color);color:var(--message-color);cursor:pointer}@media (max-width:390px){.message__text{font-size:19px}.st{height:33px;width:33px}}.message{background:var(--secondery-color);border-radius:0 16px 16px 16px;color:var(--font-color);display:flex;flex-direction:column;gap:4px;padding:12px 18px 6px;position:relative}.message__author__avatar{border-radius:50%;height:24px;margin:0 9px;width:24px}.message__author{color:var(--primary-color);font-size:12px}.message__author__invisible{display:none}.my{background-color:var(--primary-color);border-radius:16px 16px 0 16px;color:var(--message-color);justify-content:flex-end}.message__block{align-items:start}.message__block,.message__footer{display:flex;gap:10px}.my__message{align-items:end;display:flex;flex-direction:row-reverse}.message__time{display:flex;font-size:12px;font-weight:300;justify-content:end;line-height:16px}.message__edit__btn{display:flex;gap:5px}.reply__block{grid-gap:5px;background:var(--bg-color);border-radius:16px;display:grid;gap:5px;padding:10px}.reply__userName{color:var(--primary-color)}.reply__message{color:var(--font-color)}.chat__footer{background-color:var(--bg-color);border-top:1px solid var(--bg-active);padding:12px 15px}.form{align-items:center;display:flex;gap:15px;width:100%}.button__send{background:none;border:none;color:var(--secondery-color);cursor:pointer;display:flex;outline:none}.send__icon{fill:red;height:22px;width:22px}.send__icon>path{stroke:#67ad83}@media (max-width:390px){.form{gap:10px}.textarea{font-size:18px;min-height:40px}.button__send,.send__icon{height:100%}}.chat__header{grid-gap:12px;align-items:center;background:var(--bg-color);border-bottom:1px solid var(--bg-active);color:var(--font-color);display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:10px 20px;width:100%}.chat__header__img{border-radius:50%;height:42px;width:42px}.chat__header__name{color:var(--font-color);font-size:16px;font-weight:600;line-height:22px}.back__btn{background-color:inherit;border:none;cursor:pointer;display:none;outline:none}.chat__header__menu{color:var(--font-color);cursor:pointer;height:22px;width:22px}@media (max-width:540px){.back__btn{align-items:center;color:var(--primary-color);display:flex;font-size:16px;gap:5px}.createroom{display:flex;flex-direction:column}}@media (max-width:390px){.chat__header__name{font-size:25px;text-align:center}.chat__header__img{display:none}.chat__header__menu{order:3}}.lds-ring{display:inline-block;height:80px;left:calc(50% - 40px);position:absolute;top:calc(50% - 40px);width:80px}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-radius:50%;border-top-color:#3f7dfb;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.e3114fbd.css.map*/