@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
*{margin:0;padding:0;box-sizing:border-box}input,button,textarea,select{margin:0;font:inherit}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;line-height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{height:100%}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.ant-dropdown-menu-item{padding:0 !important}.ant-form-item-explain-error{font:var(--font-sm)}.li{list-style-type:none}.li ::marker{display:none}button{border:none;cursor:pointer;outline:none}a{text-decoration:none}:root{--font-family-main: "SF Pro Text", arial, arial, sans-serif;--font-family-main-and-sticker: Roboto, -apple-system, "apple color emoji", "SF Pro Text", arial, Apple Color Emoji, arial, sans-serif;--font-family-secondary: "SF Pro Display Bold", arial, sans-serif;--font-size-xs: 12px;--font-line-xs: 16px;--font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);--font-size-sm: 14px;--font-line-sm: 20px;--font-sm: var(--font-size-sm) / var(--font-line-sm) var(--font-family-main);--font-size-md: 16px;--font-line-md: 22px;--font-md: var(--font-size-md) / var(--font-line-md) var(--font-family-main);--font-size-lg: 20px;--font-line-lg: 24px;--font-lg: var(--font-size-lg) / var(--font-line-lg) var(--font-family-main);--font-size-xl: 24px;--font-line-xl: 28px;--font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);--header-height: 64px;--header-height-auth: 69px;--header-height-mobile: 52px;--header-pinned-message: 54px;--sidebar-width: 350px;--sidebar-laptop-width: 300px;--mini-header-height: 60px;--add-channel-sidebar-height: 70px;--search-channel-mobile-height: 52px;--notification-sidebar: 319px;--notification-sidebar-mobile: 299px;--footer-height-message-mobile: 48px;--header-audio-message: 46px;--navigation-menu-width: 60px;--radius-0-5: 4px;--radius-1: 8px;--radius-1-5: 12px;--radius-2: 16px;--radius-3: 24px;--radius-4: 32px;--radius-5: 40px;--p-0-25: 2px;--p-0-5: 4px;--p-0-75: 6px;--p-1: 8px;--p-1-5: 12px;--p-2: 16px;--p-2-5: 20px;--p-3: 24px;--p-3-5: 28px;--p-4: 32px;--p-4-5: 36px;--p-5: 40px;--p-6: 48px;--p-6-5: 52px;--p-7: 56px;--p-8: 64px;--p-9: 72px;--p-10: 80px;--p-11-5: 92px;--p-12: 96px;--p-13: 104px;--p-25: 200px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700}:root{--gray-1: #f5f6fa;--gray-2: #ebecf4;--gray-3: #adb4c0;--gray-4: #8c8c8c;--gray-5: #68707e;--gray-6: #d9d9d9;--gray-7: #f5f5f5;--gray-8: #666;--gray-9: #c2d2e4;--gray-10: #979da8;--gray-11: #f0f0f0;--gray-12: #acacac;--gray-13: #acb4c0;--white-primary: #fff;--white-1: #ddd;--white-2: #f8f8f8;--black-primary: #262f41;--black-1: #001529;--black-2: #000;--black-3: #232323;--black-4: #000c17;--black-5: #1d1d1d;--red-primary: #ff4d4f;--red-1: #fff1f0;--red-2: #ff7875;--red-3: #ffccc7;--yellow-primary: #faad14;--yellow-1: #ffc53d;--yellow-2: #fff1b8;--yellow-3: #ffd666;--yellow-4: #fffbe6;--yellow-5: #ad6800;--violet-primary: #722ed1;--violet-1: #391085;--blue-primary: #1677ff;--blue-1: #2c426d;--blue-2: #4096ff;--blue-3: #0958d9;--blue-4: #43516b;--blue-5: #91caff;--blue-6: #2064e4;--blue-7: #2e92ff;--blue-8: #e6f4ff;--green-primary: #52c41a;--green-1: #f6ffed;--green-2: #d9f7be;--green-3: #95de64;--black-percent-02: rgb(0 0 0 / 2%);--black-percent-03: rgb(0 0 0 / 3%);--black-percent-04: rgb(0 0 0 / 4%);--black-percent-05: rgb(0 0 0 / 5%);--black-percent-06: rgb(0 0 0 / 6%);--black-percent-07: rgb(0 0 0 / 7%);--black-percent-08: rgb(0 0 0 / 8%);--black-percent-09: rgb(0 0 0 / 9%);--black-percent-10: rgb(0 0 0 / 10%);--black-percent-12: rgb(0 0 0 / 12%);--black-percent-15: rgb(0 0 0 / 15%);--black-percent-16: rgb(0 0 0 / 16%);--black-percent-20: rgb(0 0 0 / 20%);--black-percent-25: rgb(0 0 0 / 25%);--black-percent-30: rgb(0 0 0 / 30%);--black-percent-45: rgb(0 0 0 / 45%);--black-percent-55: rgb(0 0 0 / 55%);--black-percent-65: rgb(0 0 0 / 65%);--black-percent-85: rgb(0 0 0 / 85%);--black-percent-88: rgb(0 0 0 / 88%);--black-percent-90: rgb(0 0 0 / 90%);--white-percent-0: rgb(255 255 255 / 0%);--white-percent-16: rgb(255 255 255 / 16%);--white-percent-25: rgb(255 255 255 / 25%);--white-percent-65: rgb(255 255 255 / 65%);--white-percent-85: rgb(255 255 255 / 65%);--gray-percent-08: rgb(170 170 170 / 8%)}body{color:var(--black-primary);font:var(--font-md)}.app{background:var(--gray-7);height:calc(var(--vh, 1vh)*100)}*{scrollbar-color:var(--blue-4) var(--gray-9);scrollbar-width:thin}*::-webkit-scrollbar{width:5px}*::-webkit-scrollbar-track{background-color:var(--gray-10);border-radius:12px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}*::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px var(--black-percent-30);background-color:var(--blue-4);border-radius:12px}*:hover::-webkit-scrollbar{width:5px}*:hover::-webkit-scrollbar-track{background-color:var(--gray-10)}*:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px var(--black-percent-30);background-color:var(--blue-4)}@media screen and (max-width: 1023px){.scroll::-webkit-scrollbar{width:5px}}.scroll:hover::-webkit-scrollbar{width:5px}.page-wrapper{flex:auto;position:relative;left:0;top:0;overflow:auto;height:calc(var(--vh, 1vh)*100);max-height:calc(var(--vh, 1vh)*100)}@media screen and (max-width: 1023px){.page-wrapper{height:calc(var(--vh, 1vh)*100);max-height:calc(var(--vh, 1vh)*100)}}.page-wrapper-auth{height:calc(var(--vh, 1vh)*100 - var(--header-height-auth));max-height:calc(var(--vh, 1vh)*100 - var(--header-height-auth))}@media screen and (max-width: 1023px){.page-wrapper-auth{height:calc(var(--vh, 1vh)*100);max-height:calc(var(--vh, 1vh)*100)}}p{font:var(--font-sm)}.grayIcon svg{fill:var(--gray-4)}.blueIcon svg{fill:var(--blue-primary)}.ant-select-selection-item{display:flex}.ant-picker-now-btn{line-height:24px}.withIcon.error:hover svg{fill:var(--red-primary)}.withIcon.error:hover span svg{fill:var(--red-primary)}.withIcon:hover svg{fill:var(--black-primary)}.withIcon:hover span svg{fill:var(--black-primary)}.withIcon:disabled svg{fill:var(--gray-6)}.withIcon:disabled span svg{fill:var(--gray-6)}.error{color:var(--red-primary)}#content{height:100%}@media screen and (max-width: 1023px){#content{height:100%}}.content-auth{height:calc(100% - var(--header-height-auth) - 10px) !important}@media screen and (max-width: 1023px){.content-auth{height:100% !important}}.ant-modal-wrap .ant-modal-content{padding:var(--p-2)}.ant-pagination-item-ellipsis{line-height:32px}.ant-pagination-item-link-icon{line-height:32px}@media screen and (max-width: 1023px){.ant-notification{right:0;top:0 !important;margin:0;left:0}}@media screen and (max-width: 1023px){.ant-notification-notice-wrapper{width:100%}}.fontWithStickers{font-family:var(--font-family-main-and-sticker) !important}.fontWithStickers strong,.fontWithStickers b,.fontWithStickers span,.fontWithStickers p,.fontWithStickers div,.fontWithStickers em,.fontWithStickers i{font-family:var(--font-family-main-and-sticker) !important}.ant-picker-footer-extra{padding:var(--p-0-5) var(--p-0-75) var(--p-0-5) 0 !important}.ant-picker-ranges{display:none !important}.ant-select-selection-item{padding:0 !important;margin:0 !important;height:auto !important;background:none !important;border:none !important}.ant-select-selection-item-content{margin:0 !important}.ant-radio-wrapper{width:100%}.ant-radio-wrapper .ant-radio-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.contentForSidePage{position:absolute;right:0;top:0;left:0;transition:all .2s ease-in-out;will-change:left,right}.contentForSidePage.opened{right:360px;transition:all .2s ease-in-out}@media screen and (max-width: 1439px){.contentForSidePage.opened{right:0}}.ant-table-column-title{flex:none !important}

/*# sourceMappingURL=main.07f8bace.css.map*/