@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);.alert{border-radius:5px;box-shadow:0 6px 12px rgba(0,0,0,.25);cursor:pointer;font-weight:400;height:auto;left:50%;max-width:98vw;opacity:0;overflow:hidden;padding:10px 25px;position:fixed;text-align:center;top:25px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s ease;width:-webkit-max-content;width:max-content;z-index:1000}.context-menu__container{background-color:var(--color-bg-light);border-radius:var(--border-12);box-shadow:0 0 4px var(--color-black-25);display:flex;flex-direction:column;gap:1px;left:10px;padding:10px 4px;position:absolute;width:240px;z-index:55}.context-menu__link,.context-menu__link--danger{align-items:center;border-radius:var(--border-8);cursor:pointer;display:flex;gap:15px;padding:7px 13px}.context-menu__link--danger:hover,.context-menu__link:hover{background-color:var(--color-hover-light)}.context-menu__link--danger{margin-top:5px}.context-menu__link--danger>.context-menu__text{color:var(--color-red)}.context-menu__text{text-wrap:nowrap;color:var(--color-black);font-size:var(--font-h6)}.navigation__container{background-color:initial;display:flex;flex-direction:column;justify-content:space-between;padding:0 10px;-webkit-user-select:none;user-select:none;width:84px}.navigation__container .active{background-color:var(--color-hover-dark)}.navigation__menu{flex-direction:column;gap:20px}.menu__create,.menu__list,.menu__logout,.menu__profile{border-radius:var(--border-16);cursor:pointer;height:64px;padding:6px;width:64px}.menu__create:hover,.menu__list:hover,.menu__logout:hover,.menu__profile:hover{background-color:var(--color-hover-dark)}.menu__profile span{background-color:var(--color-bg-light);border-radius:var(--border-16);color:var(--color-black);font-size:var(--font-h5);font-weight:300;height:100%;overflow:hidden;width:100%}.menu__profile span .blur-hash-preloader,.menu__profile span img{border-radius:var(--border-16);height:100%;object-fit:cover;width:100%}.search-bar{position:relative}.search-bar__input,.search-bar__input--large{background-color:var(--color-hover-light);border:0;border-radius:var(--border-12);color:var(--color-black);font-size:var(--font-p);font-weight:300;padding:11px 15px;transition:padding-left .3s,padding-right .3s;width:360px}.search-bar__input--large{font-size:var(--font-h6);padding:14px 20px;width:500px}.search-bar__input--large:focus,.search-bar__input:focus{outline:none}.search-bar__close,.search-bar__close--large,.search-bar__icon,.search-bar__icon--large{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:width .3s;z-index:1}.search-bar__icon{left:15px}.search-bar__close{cursor:pointer;right:15px}.search-bar__icon--large{left:20px}.search-bar__close--large{cursor:pointer;right:20px}.chat-list__container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;margin-top:5px;width:400px}.chat-list__container>.scroll-bar__outer-container{border-radius:var(--border-8)}.chat-list__container>.scroll-bar__outer-container>div:first-child{display:flex;flex-direction:column;gap:5px;margin-top:5px}.chat-list__empty{color:var(--color-text-light);font-size:var(--font-h5);margin-top:10px;text-align:center}.chat-box__container,.chat-box__container--selected{align-items:center;border-radius:var(--border-12);cursor:pointer;display:flex;gap:15px;padding:10px;position:relative;width:100%}.chat-box__container--selected,.chat-box__container:hover{background-color:var(--color-hover-light)}.box__photo{background-color:var(--color-bg-dark);border-radius:var(--border-8);font-size:var(--font-h4);font-weight:300;height:70px;width:70px}.box__photo>.blur-hash-preloader,.box__photo>img{border-radius:var(--border-8);height:100%;object-fit:cover;overflow:hidden;width:100%}.box__photo>span{height:75px}.box__content{display:flex;flex:1 1;flex-direction:column;gap:7px;max-height:70px;max-width:calc(100% - 90px);overflow:hidden}.content-bottom,.content-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.content-bottom{height:32px}.content-top__name{color:var(--color-black);font-size:var(--font-h6);font-weight:500;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.content-top__time{color:var(--color-text-light);font-weight:300}.content-bottom__indicator{background-color:var(--color-accent-dark);border-radius:var(--border-12);color:var(--color-white);font-weight:300;padding:4px 6px}.content-bottom__last-message{align-items:center;display:flex;flex:1 1;gap:5px;overflow-y:hidden}.last-message__text{font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.last-message__uname{text-wrap:nowrap;color:var(--color-accent-dark);font-weight:300}.last-message__media{height:16px;max-width:24px;width:auto}.image__blur-hash{border-radius:3px;height:16px!important;overflow:hidden;width:16px!important}.navigation-account{cursor:pointer;left:20px;position:absolute;top:19px;z-index:100}.navigation-create{background-color:var(--color-accent-light);border-radius:var(--border-16);bottom:19px;padding:15px 15px 10px;position:absolute;right:20px;z-index:100}@media screen and (max-width:800px){.chat-list__container{flex:1 1;width:100vw}.chat-list__container>.scroll-bar__outer-container{background-color:var(--color-bg-light);border-radius:var(--border-16) var(--border-16) 0 0}.chat-list__container>.scroll-bar__outer-container>div:first-child{margin-top:2svh;padding:0 2svw}.chat-list__container>.search-bar{margin-left:65px;margin-top:10px;max-width:calc(100% - 85px)}.chat-list__container .search-bar__input{max-width:calc(100% - 15px)}.chat-list__container .search-bar__close{right:25px}}@media screen and (min-width:800px) and (max-width:1400px){.chat-list__container{flex:1 1;width:100vw}.chat-list__container>.scroll-bar__outer-container{background-color:var(--color-bg-light);border-radius:var(--border-32)}.chat-list__container>.scroll-bar__outer-container>div:first-child{padding:10px 2svw 20px}}.hub{background-color:var(--color-bg-light);border-radius:var(--border-48);display:flex;flex:1 1;flex-direction:row;gap:15px;padding:30px}:root{--base-scale:1;--base-font:16px;--border-0:0;--border-8:calc(var(--base-scale)*8px);--border-12:calc(var(--base-scale)*12px);--border-16:calc(var(--base-scale)*16px);--border-24:calc(var(--base-scale)*24px);--border-32:calc(var(--base-scale)*32px);--border-48:calc(var(--base-scale)*48px);--font-family:"Inter",sans-serif;--font-72:calc(var(--base-font)*4.5);--font-58:58px;--font-h1:calc(var(--base-font)*2.986);--font-h2:calc(var(--base-font)*2.488);--font-h3:calc(var(--base-font)*2.074);--font-h4:calc(var(--base-font)*1.728);--font-h5:calc(var(--base-font)*1.44);--font-h6:calc(var(--base-font)*1.2);--font-p:calc(var(--base-font)*1);--font-span:calc(var(--base-font)*0.833);--font-indicator:calc(var(--base-font)*0.75);--color-white:#fff;--color-black:#000;--color-black-25:rgba(0,0,0,.25);--color-black-50:rgba(0,0,0,.5);--color-black-75:rgba(0,0,0,.75);--color-grey-50:rgba(26,26,26,.5);--color-red:#df2e38;--color-bg-light:#f6f6f6;--color-bg-light-25:hsla(0,0%,96%,.25);--color-bg-light-90:hsla(0,0%,96%,.9);--color-bg-dark:#1b1b1d;--color-text-light:#b0b0b0;--color-text-dark:#6d6d6d;--color-hover-light:#e7e7e7;--color-hover-dark:#3f3f3f;--color-accent-light:#dbdcfc;--color-accent-dark:#7678e5;--color-indicator:#68174d}*{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";box-sizing:border-box;color:#6d6d6d;color:var(--color-text-dark);font-family:Inter,sans-serif;font-family:var(--font-family);font-size:16px;font-size:var(--font-p);font-variant-numeric:tabular-nums;font-weight:200;line-height:normal;margin:0;padding:0;position:relative}a{text-decoration:none}body,main{background-color:#1b1b1d;background-color:var(--color-bg-dark);height:100dvh;width:100dvw}main{padding:20px 30px 20px 0}.fcc,main{display:flex}.fcc{align-items:center;justify-content:center}.flex-grow-1{flex-grow:1}.cursor-pointer{cursor:pointer}.page-loader{flex:1 1;padding-left:30px}.typing-line__container{align-items:flex-end;display:flex;gap:10px;margin-left:5px}.typing-line__container>p{color:#7678e5;color:var(--color-accent-dark)}.connect-line{background-color:#7678e5;background-color:var(--color-accent-dark);box-shadow:0 4px 8px 0 var(--shadow-block),0 6px 20px 0 var(--shadow-block);height:28px;position:absolute;top:0;width:100vw;z-index:1000}.connect-line__text{color:#fff;color:var(--color-white);font-size:calc(var(--font-size)*1.1);font-weight:300;text-align:center}.first-window__container{align-items:center;background-color:rgba(0,0,0,.5);background-color:var(--color-black-50);display:flex;flex-direction:column;height:100dvh;justify-content:flex-start;left:0;padding:30px;position:absolute;top:0;width:100dvw;z-index:200}.navigation__logo{cursor:pointer;font-weight:300}#logo-icon-line{position:absolute}#logo-text{margin:0 12px}.scroll-bar__outer-container>div:nth-child(3){border-radius:3px!important;bottom:4px!important;right:4px!important;top:4px!important;width:6px!important}@media screen and (max-width:800px){main{padding:0}.first-window__container{background-color:#1b1b1d;background-color:var(--color-bg-dark);padding:0}}@media screen and (min-width:800px) and (min-width:800px){.first-window__container{padding:20px}}
/*# sourceMappingURL=main.2be4e53e.css.map*/