@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}html{padding:env(safe-area-inset)}html,body{box-sizing:border-box;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth;margin:0 auto!important}body{-webkit-outline:none;text-decoration-skip:objects;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:none;min-width:320px;min-height:100vh;max-height:1000000px;margin:0 auto;padding:0;position:relative}:focus,:active,:hover,:link{-webkit-outline:none;outline:none;-webkit-tap-highlight-color:#0000!important;-webkit-focus-ring-color:#0000!important}ul,ol{text-align:left;margin:0;padding:0;list-style-type:none;list-style-position:inside}li{height:auto}h1,h2,h3,h4,h5,h6,p{margin:0}iframe{border:none;display:block}img{border:none;max-width:100%;display:block}textarea{white-space:pre-wrap;resize:none}button,select{-ms-border-radius:0;appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-transform:none;background-color:#0000;border:none;border-radius:0;padding:0;font-family:inherit;display:block}button{cursor:pointer;width:auto}button::-moz-focus-inner{border:none;padding:0}[type=button]::-moz-focus-inner{border:none;padding:0}[type=reset]::-moz-focus-inner{border:none;padding:0}[type=submit]::-moz-focus-inner{border:none;padding:0}[type=search]{-webkit-outline:none;outline:none}button:-moz-focusring{-webkit-outline:none;outline:none}[type=button]:-moz-focusring{-webkit-outline:none;outline:none}[type=reset]:-moz-focusring{-webkit-outline:none;outline:none}[type=submit]:-moz-focusring{-webkit-outline:none;outline:none}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:none}label,textarea,input{appearance:none;font-variant-ligatures:none;border-radius:0}input[type=number],input[type=number]:hover,input[type=number]:focus{appearance:none;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[hidden],area{display:none}::-ms-clear{display:none}fieldset{border:none;margin:0;padding:0}legend{padding:0;display:block}menu,dir{margin:0;padding:0;list-style:none}::-webkit-input-placeholder{color:inherit}:-ms-placeholder-shown{color:inherit}::-moz-input-placeholder{color:inherit}::-moz-placeholder{color:inherit}:-moz-placeholder-shown{color:inherit}a{color:inherit;-webkit-outline:none;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;background-color:#0000;outline:none;text-decoration:none}[type=date]::-webkit-inner-spin-button{display:none}[type=date]::-webkit-calendar-picker-indicator{opacity:0}body{color:#fff;background:linear-gradient(90deg,#fff,#d0e3ff,#eaeaee,#faf2e5);font-family:Roboto,sans-serif}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.box{-webkit-backdrop-filter:blur(10px)saturate();background:#00000054;border-right:1px solid #0000000d;padding:15px}.ui-button{color:#fff;cursor:pointer;background:#0969da;border:0;border-radius:10px;width:100%;padding:12px 14px;font-size:15px;font-weight:600;line-height:1.2;transition:background-color .2s,transform 50ms}.ui-button:hover{background:#0759b8}.ui-button:active{transform:translateY(1px)}.ui-button:disabled{cursor:not-allowed;background:#8c959f}.ui-input{color:#1f2328;box-sizing:border-box;background-color:#fff;border:1px solid #d0d7de;border-radius:10px;width:100%;padding:12px 14px;font-size:15px;line-height:1.2;transition:border-color .2s,box-shadow .2s}.ui-input::placeholder{color:#8c959f}.ui-input:focus{border-color:#0969da;outline:none;box-shadow:0 0 0 3px #0969da2e}.login-form{border-radius:10px;flex-direction:column;gap:12px;width:100%;max-width:400px;margin:auto;padding:15px;display:flex}.login-form__error{color:#c62828;margin:0;font-size:14px;font-weight:500}.chat-users-list{flex-direction:column;display:flex}.chat-users-list__item{color:#1f2328;text-align:left;cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:20px 12px;font-size:20px;display:flex}.chat-users-list__item+.chat-users-list__item{border-top:1px solid #d0d7de}.chat-users-list__item.is-active{background:#e7f1ff;border-color:#0969da}.chat-users-list__badge{color:#fff;background:#d1242f;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.chat-users-list__empty{color:#6e7781;margin:0;font-size:14px}.chat-window{flex-direction:column;height:100%;min-height:0;display:flex}.chat-window__title{margin:0 0 10px;font-weight:600}.chat-window__messages{color:#000;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.chat-window__messages::-webkit-scrollbar{width:8px}.chat-window__messages::-webkit-scrollbar-track{background:0 0}.chat-window__messages::-webkit-scrollbar-thumb{background:#ffffff3d;border-radius:8px}.chat-window__messages:hover::-webkit-scrollbar-thumb{background:#ffffff5c}.chat-window__message{background:#f1f3f5;border-radius:10px;flex-direction:column;gap:4px;max-width:70%;padding:8px 10px;display:flex}.chat-window.is-channel .chat-window__message{background:#efe9ff;align-items:flex-start;width:fit-content;max-width:85%;margin-left:0}.chat-window__message.is-own{background:#dbeafe;margin-left:auto}.chat-window__message-text{margin:0}.chat-window__message-time{opacity:.7;align-self:flex-end;font-size:12px}.chat-window.is-channel .chat-window__message-time{align-self:flex-start}.chat-window__form{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.chat-window__empty{opacity:.8;margin:0;font-size:14px}.chat-window__readonly-note{opacity:.75;margin:10px 0 0;font-size:13px}.channel-list{flex-direction:column;display:flex}.channel-list__item{color:#1f2328;text-align:left;cursor:pointer;background:#fff;padding:14px 12px;font-size:16px}.channel-list__item+.channel-list__item{border-top:1px solid #d0d7de}.channel-list__item.is-active{color:#0969da;background:#e7f1ff;font-weight:600}.channel-list__empty{color:#6e7781;margin:0;padding:0 12px 12px;font-size:14px}.club-list{flex-flow:column wrap;gap:10px;display:flex}.club-list__item{color:#1f2328;cursor:pointer;background-color:#fff;border:1px solid #d0d7de;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:18px;font-weight:600;transition:transform .15s,border-color .15s;display:inline-flex;position:relative}.club-list__item:after{content:attr(data-title);white-space:nowrap;pointer-events:none;color:#fff;opacity:0;background:#1f2328;border-radius:6px;padding:6px 8px;font-size:12px;line-height:1;transition:opacity .15s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.club-list__item:hover{border-color:#0969da;transform:translateY(-1px)}.club-list__item:hover:after{opacity:1}.club-list__item.is-active{background-color:#e7f1ff;border-color:#0969da}.home{box-sizing:border-box;grid-template-columns:100px 250px 1fr;gap:10px;width:100%;max-width:1920px;height:100vh;padding:20px;display:grid;overflow:hidden}.home__side{border-radius:10px;flex-direction:column;min-height:0;padding:20px;display:flex}.home__controls{flex-direction:column;align-items:center;gap:10px;margin-top:auto;display:flex}.home__controls .ui-button{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex;position:relative}.home__controls .ui-button:after{content:attr(data-title);white-space:nowrap;pointer-events:none;color:#fff;opacity:0;background:#1f2328;border-radius:6px;padding:6px 8px;font-size:12px;line-height:1;transition:opacity .15s;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.home__controls .ui-button:hover:after{opacity:1}.listClubs{flex-wrap:wrap;gap:10px;display:flex}.centerSide,.rightSide{overflow:hidden}.home__controls-title{color:#000;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.home__controls-button{width:60px;height:60px}.centerSide{padding:0}.home__title{color:#fff;padding:10px;font-size:18px;font-weight:600}.chanell{margin-bottom:20px}