html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{overflow-y:scroll}body>.overlay{z-index:9}body>.overlay.topic{z-index:15}html,body{background:#08030e;color:#ccc;font-family:Roboto,sans-serif;font-size:16px;height:100%;box-sizing:border-box}a{color:#aac6d8;border-bottom:1px solid rgba(170,198,216,.3);text-decoration:none;transition:color .2s ease-out}a:hover{color:#cbe6f8;text-decoration:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:none;-webkit-text-fill-color:transparent}input:focus{outline:none}input:invalid{box-shadow:none}.button,.button:active,.button:focus{display:inline-block;padding:9px 20px;box-sizing:border-box;border-radius:6px;background:#ac2a35;color:#fff;border:0;outline:none;cursor:pointer;transition:all .2s ease-out;font-size:1em}.button:hover,.button:active:hover,.button:focus:hover{background:#e62c38;color:#fff;text-decoration:none}.button.disabled,.button:active.disabled,.button:focus.disabled{background:#1a1a1a;color:#fff6}.button.secondary,.button:active.secondary,.button:focus.secondary{background:#999}.button.secondary:hover,.button:active.secondary:hover,.button:focus.secondary:hover{background:#aeaeae;color:#fff;text-decoration:none}.bold{font-weight:700}.login{display:grid;grid-template-areas:"form" "footer";grid-template-columns:1fr;grid-template-rows:1fr 50px;height:100%}.login .text{grid-area:form;place-self:center;line-height:1.5;font-size:24px;font-weight:300;margin:0 50px;text-align:center}.login .form{grid-area:form;justify-self:center;margin:30px 0;width:330px;align-self:center}.login .form .logo a{border:0;text-decoration:none}.login .form .logo img{width:330px;object-fit:contain;-webkit-user-select:none;user-select:none}.login .form form .hint{margin-top:20px;line-height:1.5}.login .form form .form-group{margin-bottom:20px}.login .form form .form-group .group{position:relative;margin-bottom:25px}.login .form form .form-group .group:first-child{margin-top:25px}.login .form form .form-group .group:last-child{margin-bottom:0}.login .form form .form-group .group input{font-size:16px;padding:0 0 5px;height:36px;display:block;width:330px;border:none;background:#08030e;border-bottom:1px solid #9c9a9e;color:#fff;box-sizing:border-box;border-radius:0;filter:none}.login .form form .form-group .group input:-webkit-autofill,.login .form form .form-group .group input:-webkit-autofill:hover,.login .form form .form-group .group input:-webkit-autofill:focus,.login .form form .form-group .group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #08030e inset!important;-webkit-text-fill-color:#fff!important;background-color:#08030e!important}.login .form form .form-group .group input:focus{outline:none}.login .form form .form-group .group label{color:#9c9a9e;font-size:16px;position:absolute;pointer-events:none;top:5px;transition:.2s ease all}.login .form form .form-group .group input:focus~label,.login .form form .form-group .group input.has-text~label{top:-16px;font-size:14px}.login .form form .form-group .group input:invalid{box-shadow:none}.login .form form .form-group .group .bar{position:relative;display:block;width:330px}.login .form form .form-group .group .bar:before{content:"";height:1px;width:0;bottom:0;position:absolute;background:#fff}.login .form form .form-group .group .bar:before{left:0}.login .form form .form-group .group input:focus~.bar:before{width:100%}.login .form form .form-group .group.has-error input{color:#fd8a94;border-bottom:1px solid #780f20}.login .form form .form-group .group.has-error input:focus{color:#fff;border-bottom:1px solid #780f20}.login .form form .form-error{color:#ac2a35;margin-bottom:20px}.login .form form .buttons{display:flex;justify-content:space-between;align-items:center}.login .form .store-icons{margin-top:40px}.login .form .store-icons img{height:35px}.login .form .chat{text-align:right;margin-top:30px}.login .logged{display:grid;grid-template-areas:"profile" "enter" "delimiter" "statistics";grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(auto,min-content));margin:30px 0;height:auto}.login .logged .profile{grid-area:profile;margin:0 15px;display:flex;flex-direction:row;align-items:center;padding-bottom:30px}.login .logged .profile .avatar img,.login .logged .profile .avatar span{border-radius:50px;margin-right:15px;width:50px;height:50px;display:grid;place-content:center;color:#fff;font-size:24px}.login .logged .profile .hello{font-size:24px;color:#fff}.login .logged .profile .hello span{font-weight:700}.login .logged .profile .hello .info{line-height:1.5;font-size:14px;max-width:400px}.login .logged .enter{grid-area:enter;margin:0 15px;padding-bottom:30px}.login .logged .enter .title{font-size:26px;color:#fff;margin-bottom:15px}.login .logged .enter .channel-form{margin-bottom:15px}.login .logged .enter .channel-form input{font-size:16px;padding:0 0 5px;display:inline-block;border:none;background:#08030e;border-bottom:1px solid #9c9a9e;color:#fff;box-sizing:border-box;width:150px;outline:none;box-shadow:none;border-radius:0;filter:none}.login .logged .enter .channel-form input:focus{border-bottom:1px solid #fff}.login .logged .enter .channel-form button{padding:5px 13px;margin-left:5px}.login .logged .enter .channel-form .hint{color:#403e42;font-size:14px;margin-top:10px}.login .logged .enter .channels{margin-bottom:15px}.login .logged .enter .channels .item{color:#fff;line-height:1.1}.login .logged .enter .channels .item button{border:0;display:inline-block;font-size:20px;color:#aac6d8;text-decoration:none;transition:color .2s ease-out;background:none;width:auto;padding:0 7px;cursor:pointer}.login .logged .enter .channels .item button:hover{color:#cbe6f8}.login .logged .enter .channels .item:before{content:"#";color:#ccc}.login .logged .delimiter{grid-area:delimiter;background:#221c26;width:100%;height:1px}.login .logged .statistics{grid-area:statistics;margin:0 15px;padding:25px 0 0}.login .logged .statistics .title{text-transform:uppercase;color:#fff;opacity:.4;font-size:12px;text-align:center;margin-bottom:20px;letter-spacing:1px}.login .logged .statistics .items .item{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.login .logged .statistics .items .item .value{font-size:20px}.login .footer{grid-area:footer;padding:15px;color:#fff;opacity:.4;font-size:14px;line-height:normal}