@charset "UTF-8";
/* reset */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
i,em{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
main, article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html {
	box-sizing: border-box;
}
*,
*:before,
*:after {
	box-sizing: border-box;
}
img,
object,
embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
table {border-collapse: separate; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid rgba(175,175,175,0.5); margin: 1em 0; padding: 0;clear: both;}
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit;}
small {font-size: 85%;}
strong, b {font-weight: bold;}
td, td img {vertical-align: bottom;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
button, input, select, textarea {margin: 0;}
button,
input[type=button] {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.clearfix:after { content: " "; display: block; clear: both; }
.clear{clear:both;}
.noclear{clear:none;}
.block{display:block !important;}
/* app css */
@-webkit-keyframes fadeInFromNone {
	0% {display: none;opacity: 0;}
	1% {display: block;opacity: 0;}
	100% {display: block;opacity: 1;}
}
@-moz-keyframes fadeInFromNone {
	0% {display: none;opacity: 0;}
	1% {display: block;opacity: 0;}
	100% {display: block;opacity: 1;}
}
@-o-keyframes fadeInFromNone {
	0% {display: none;opacity: 0;}
	1% {display: block;opacity: 0;}
	100% {display: block;opacity: 1;}
}
@keyframes fadeInFromNone {
	0% {display: none;opacity: 0;}
	1% {display: block;opacity: 0;}
	100% {display: block;opacity: 1;}
}
.avatar img{
	background:url('/default-avatar.png') 50% 50% no-repeat;
	background-size:cover;
}
.hide{display:none;}
.schema{
	display:none !important;
}
hr{
	display: block; height: 1px; border: 0; border-top: 1px solid rgba(175,175,175,0.5); margin: 1em 0; padding: 0;clear: both;
}
body{
	background:#f2f3f2;
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
}
pre{
	font-size: 14px;
	border-radius: 3px;
	background-color: #F8F8F8;
	border: 2px solid #CCC;
	white-space: pre-wrap;
	word-wrap: break-word;
	padding: 5px;
}
code{
	font-size: 14px;
	white-space: pre-wrap;
	word-wrap: break-word;
}
*{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a{
	color:#000;
	cursor:pointer;
}
a.link{
	text-decoration:underline;
}
a:visited{
	color:#000;
}
a:hover{
	color:#1b8df0;
}
/*
.page-text a:hover{
	color:#cc1100;
}
*/
.my-4{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.right{
	float:right;
}
body .shadowbox{
	display:none;
	background:rgba(0,0,0,0.3);
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:9;
}
body.inactive{
	overflow:none;
}
body.inactive .shadowbox{
	display:block;
}
.header{
	/*position:fixed;*/
	top:0;
	z-index:10;
	width:100%;
	min-width:320px;
	height:48px;
	line-height:48px;
	background:rgb(24, 48, 63);/*rgb(44, 70, 87);*/
	color:rgb(255, 255, 255);
	overflow:hidden;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;

	font-family:sans-serif;
}
.header.shadow{
	box-shadow: 0 0 10px rgb(13 131 231 / 50%);
}
.header-menu{
	position:sticky;
	top:0;
	z-index:9;
	width:100%;
	height:48px;
	line-height:48px;
	background:rgb(255, 255, 255);
	color:rgba(0, 0, 0);
	overflow:hidden;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;

	font-family:sans-serif;
}
.header-menu.shadow{
	box-shadow:0 0 5px rgb(19 86 142 / 40%);
}
.header .actions{
	font-size:22px;
	text-align:center;
	width:64px;
	display: inline-block;
}
.header .logo{
	font-size:24px;
	display: inline-block;
	vertical-align:middle;
}
.header .logo a{
	color:rgb(255, 255, 255);
}
.header .logo a img{
	height: 26px;
	vertical-align: text-bottom;
	margin-right:12px;
}

.header-menu .link-el{
	text-align:center;
	display:inline-block;
	height:48px;
	margin:0 12px;
	line-height:48px;
	font-size:0.9rem;
}
.header-menu .link-el a{
	text-decoration:none;
	color:rgb(87, 87, 87)
}
.header-menu .link-el:first-child{
	margin-left:0;
}
.header-menu .link-el a.current{
	font-weight:700;
}
.header-menu .link-el a:hover{
	color:rgb(15,130,230);
}
.menu-el a{
	padding:8px 16px;
	text-decoration:none !important;
	color:rgb(0, 0, 0);
	border-bottom:1px solid rgba(15, 90, 230, 0);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;

	font-family:sans-serif;
}
.menu-el:hover a{
	color:rgb(0, 0, 0);
	border-bottom:1px solid rgba(15,130,230,0.8);
}
.menu-el a.current{
	color:rgb(0, 0, 0);
	font-weight:700;
	border-bottom:1px solid rgba(0,0,0,0.4) !important;
}
.header .menu-el:last-child{
	margin-right:0;
}
.select-lang{
	display:inline-block;
}
.select-lang a{
	margin:0 4px;
}
.select-lang img{
	max-width:24px;
	max-height:16px;
	border:1px solid rgba(0,0,0,0.1);
}
.logo a{
	text-decoration:none;
}
.logo span.text{
	display:inline-block;
	line-height:22px;
	position:relative;
	bottom:-4px;
	overflow:hidden;
	width:115px;
	opacity:0.6;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.logo:hover span.text{
	opacity:0.8;
}
.logo img{
	max-width:none;
}

div.dropdown-menu{
	position:fixed;
	z-index:11;
	background:#fff;
	border-bottom:1px solid rgba(255, 255, 255, 0.5);
	top:48px;
	left:0;
	min-width:320px;
	width:50vw;
	bottom:0;
	display:none;
}
div.dropdown-menu.active{
	display:block;
}
div.dropdown-menu .menu-list{
	padding:12px;
	max-height:100%;
	overflow-y:auto;
}

.dropdown-menu .menu-list::-webkit-scrollbar{width:12px;height:12px}
.dropdown-menu .menu-list::-webkit-scrollbar-button{display:none}
.dropdown-menu .menu-list::-webkit-scrollbar-track{background:#e3e3e3}
.dropdown-menu .menu-list::-webkit-scrollbar-track:vertical{border-left:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
.dropdown-menu .menu-list::-webkit-scrollbar-track:horizontal{border-top:1px solid #e3e3e3;border-right:1px solid #e3e3e3}
.dropdown-menu .menu-list::-webkit-scrollbar-thumb{
	background:#a3a3a3;
}
.dropdown-menu .menu-list::-webkit-scrollbar-thumb:hover{
	background:rgba(15,130,230,1.0);
}
div.dropdown-menu .menu-el, div.user-dropdown-menu .menu-el{
	display:block;
	padding:0;
	height: 54px;
	line-height: 53px;
	overflow:hidden;
}
div.dropdown-menu .menu-el a, div.user-dropdown-menu .menu-el a{
	text-align: center;
	display: block;
	padding: 0;
	margin:0;
	border-bottom:1px solid rgba(0,0,0,0.2);
	outline:none;
	font-family:sans-serif;
}
div.dropdown-menu .menu-el:hover a, div.user-dropdown-menu .menu-el:hover a{
	color:rgba(15,130,230,1.0);
	border-bottom:1px solid rgba(15,130,230,0.8) !important;
}

div.user-dropdown-menu{
	position:fixed;
	z-index:11;
	background:#fff;
	border-bottom:1px solid rgba(255, 255, 255, 0.5);
	top:0/*48px*/;
	right:0;
	min-width:320px;
	width:50vw;
	bottom:0;
	display:none;
}
div.user-dropdown-menu.active{
	display:block;
}
div.user-dropdown-menu .menu-list{
	padding:12px;
	max-height:100%;
	overflow-y:auto;
}

.user-dropdown-menu .menu-list::-webkit-scrollbar{width:12px;height:12px}
.user-dropdown-menu .menu-list::-webkit-scrollbar-button{display:none}
.user-dropdown-menu .menu-list::-webkit-scrollbar-track{background:#e3e3e3}
.user-dropdown-menu .menu-list::-webkit-scrollbar-track:vertical{border-left:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
.user-dropdown-menu .menu-list::-webkit-scrollbar-track:horizontal{border-top:1px solid #e3e3e3;border-right:1px solid #e3e3e3}
.user-dropdown-menu .menu-list::-webkit-scrollbar-thumb{
	background:#a3a3a3;
}
.user-dropdown-menu .menu-list::-webkit-scrollbar-thumb:hover{
	background:rgba(15,130,230,1.0);
}
div.user-dropdown-menu .menu-el{
	display:block;
	padding:0;
	height: 54px;
	line-height: 53px;
	overflow:hidden;
}
div.dropdown-menu .menu-el a{
	text-align: center;
	display: block;
	padding: 0;
	margin:0;
	border-bottom:1px solid rgba(0,0,0,0.2);
	outline:none;
	font-family:sans-serif;
}
div.user-dropdown-menu .menu-el:hover a{
	color:rgba(15,130,230,1.0);
	border-bottom:1px solid rgba(15,130,230,0.8) !important;
}

a .icon{
	cursor:pointer;
}
a:hover .icon{
	color:rgb(255, 255, 255);
}
.header .toggle-menu{
	color:#fff;
	float:left;
	margin-right:12px;
	display:none;
}
.header .right-menu{
	float:right;
	display:block;
}

body .header .toggle-menu .close{
	display:none;
}
body.inactive .header .toggle-menu .icon.menu{
	display:none;
}
body.inactive .header .toggle-menu .icon.close{
	display:inline-block;
}
.header .icon{
	vertical-align: baseline;
	width: 36px;
	height: 36px;
	display: inline-block;
	line-height: 40px;
	text-align: center;
}
.icon svg{
	pointer-events:none;
	vertical-align:middle;
}

.main{
	padding:0;
	margin:12px 0;
}

.main-wrapper{
	display:flex;
	margin-bottom:4vh;
}

.main-content{
	flex:1;
	margin-right:16px;
	width:calc(100% - 316px);
}
.main-content.single{
	margin-right:0;
}
.main-sidebox{
	flex: none;
	width:300px;
}

.page{
	background:#fff;
	border-bottom:1px solid #ebebeb;
	box-sizing:border-box;
	margin-bottom:12px;
	padding:16px 20px;
}
.top-sticky{
	position:sticky;
	top:60px;
}
.bottom-sticky{
	position:sticky;
	bottom:10px;
}
.page.no-wrapper{
	padding:0;
}

.match-history{
	font-size:12px;
}
.match-history th{
	text-align:center;
}
.match-history td{
	text-align:center;
	vertical-align:middle;
	padding:5px;
}
.match-history .hero-info{
	position:relative;
}
.hero-wrapper{
	position:relative;
}
.hero-wrapper.inline{
	display:inline-block;
}
.hero-wrapper .hero-addon{
	pointer-events:none;
	position:absolute;
	padding:1px 2px;
	margin-top:21px;
	color:white;
	text-shadow:1px 1px 1px #000 !important;
	background-color:rgba(0,0,0,0.4);
	font-size:0.8em;
	z-index:2;
}
.hero-wrapper .hero-addon.darker{
	background-color:rgba(0,0,0,0.8);
}
.hero-wrapper .hero-addon.smaller{
	margin-top:22px;
	font-size:0.6em;
}
.hero-wrapper .hero-addon.smallest{
	margin-top:24px;
	font-size:0.5em;
}
.hero-wrapper .hero-addon.positive{
	color:#00ff4c;
}
.hero-wrapper .hero-addon.negative{
	color:#ffa555;
}
.wrapper-addon{
	font-size:0.6em;
	margin:8px 0;
	color:#558;
}
.wrapper-addon a{
	text-decoration:none;
	border-bottom:1px dashed #559;
}
.wrapper-addon a.selected{
	border-bottom:1px solid #55c;
}
.match-history .hero-level{
	pointer-events:none;
	position:absolute;
	padding:1px 2px;
	margin-top:21px;
	color:white;
	text-shadow:1px 1px 1px #000 !important;
	background-color:rgba(0,0,0,0.4);
	font-size:0.8em;
	z-index:2;
}
.match-history .hero-facet{
	/*pointer-events:none;*/
	cursor:default;
	position:absolute;
	padding:1px 2px;
	margin-left:46px;
	width:18px;
	max-width:18px;
	overflow:hidden;
	color:white;
	text-shadow:1px 1px 1px #000 !important;
	background-color:rgba(0,0,0,0.4);
	font-size:0.8em;
	z-index:2;
}
.hero-facet-yellow{
	background-color:rgba(255, 230, 0, 0.7) !important;
}
.hero-facet-red{
	background-color:rgba(150, 0, 0, 0.7) !important;
}
.hero-facet-blue{
	background-color:rgba(0, 30, 255, 0.7) !important;
}
.hero-facet-gray{
	background-color:rgba(152, 152, 152, 0.7) !important;
}
.hero-facet-green{
	background-color:rgba(0, 103, 5, 0.7) !important;
}
.hero-facet-purple{
	background-color:rgba(123, 0, 189, 0.7) !important;
}

.match-history .player-info{
	white-space:nowrap;
}
.match-history .items{
	white-space:nowrap;
}
.inline-avatar{
	vertical-align:middle;
	display:inline-block;
	margin-right:8px;
	width:max-content;
}
.inline-avatar img{
	border-radius:3px;
	display:block;
	width:24px;
	height:24px;
	overflow:hidden;
	image-rendering:-webkit-optimize-contrast;
}

.flex-grow{
	flex-grow:1;
}

.inline-team-logo{
	vertical-align:middle;
	display:inline-block;
	margin-right:8px;
	width:max-content;
	background:#8888;
	border-radius:3px;
}
.inline-team-logo.reverse{
	margin-right:0;
	margin-left:8px;
}
.inline-team-logo img{
	border-radius:3px;
	display:block;
	width:40px;/*5:3*/
	height:24px;
	overflow:hidden;
	image-rendering:-webkit-optimize-contrast;
}
.inline-team-logo.large img{
	width:50px;/*5:3*/
	height:30px;
}
.inline-team-logo.larger img{
	width:60px;/*5:3*/
	height:36px;
}
.title-line .inline-team-logo{
	vertical-align:top;
}
.title-line .inline-team-logo.larger{
	vertical-align:middle;
}

.page .user-short-line{
	display:flex;
	flex-direction:row;
	align-items:center;
	margin-bottom:8px;
	font-size:13px;
}
.page .user-short-line .avatar{
	display:inline-block;
	margin-right:8px;
}
.page .user-short-line .avatar img{
	max-width:none;
	border-radius:3px;
	display:block;
	width:24px;
	height:24px;
	overflow:hidden;
	image-rendering:-webkit-optimize-contrast;
}
.avatar.large img{
	width:32px !important;
	height:32px !important;
}
.avatar.larger img{
	width:40px !important;
	height:40px !important;
}
.avatar.largest img{
	width:64px !important;
	height:64px !important;
}
.user-menu .icon-link{
	vertical-align:middle;
}
.user-menu .avatar{
	display:inline-block;
	margin-left:8px;
	vertical-align:middle;
}
.user-menu .avatar img{
	border-radius:3px;
	display:block;
	width:24px;
	height:24px;
	overflow:hidden;
	image-rendering:-webkit-optimize-contrast;
}
.page .user-short-line .account{
	margin-right:5px;
	color:#2c4657;
	text-decoration:none;
	font-weight:bold;
	margin:0 16px;
}
.account.alternative{
	margin-left:0 !important;
	font-weight:normal !important;
}
.account.large{
	font-size:16px !important;
}
.account.larger{
	font-size:18px !important;
}
.account.largest{
	font-size:20px !important;
}
.page .user-short-line span{
	margin-right:5px;
}
.page .user-short-line a.account:hover{
	color:#1b8df0;
}
.page .user-short-line time{
	color:#888;
}

.large-text{
	font-size:18px;
}
.big-text{
	font-size:16px;
}
.normal-text{
	font-size:14px;
}
.small-text{
	font-size:12px;
}
.negative-text{
	color:#ef3737 !important;
}
.positive-text{
	color:#00a130 !important;
}
.spoiler-text.active{
	color:#000 !important;
	background:#000 !important;
	outline: 3px #000 !important;
	cursor:pointer;
	user-select:none;
}
.spoiler-text.active > img{
	opacity:0;
}
.spoiler-text.active > .positive-text, .spoiler-text.active > .negative-text{
	color:#000 !important;
}
.line-height-icon{
	line-height:32px;
	display:inline-block;
}

.user-card{
	display:flex;
	flex-direction:column;
	margin-bottom:8px;
	font-size:20px;
}
.user-card .line{
	display:flex;
	flex-direction:row;
	align-items:center;
	margin-bottom:8px;
}
.user-card .line:last-child{
	margin-bottom:0;
}
.user-descr{
	font-size:16px;
	margin:8px 0;
	color:#888;
}
.user-card .avatar{
	display:inline-block;
	margin-right:16px;
}
.user-card .avatar img{
	border-radius:3px;
	display:block;
	width:40px;
	height:40px;
	overflow:hidden;
	image-rendering:-webkit-optimize-contrast;
}
.user-card .nickname{
	margin-right:5px;
	text-decoration:none;
	font-weight:bold;
}
.user-card .account{
	margin-right:5px;
	text-decoration:none;
	font-weight:normal;
}
.user-card a{
	color:#4089c9;
}
.user-card a:hover{
	color:#1b8df0;
}
.user-card a.user-link{
	font-size:16px;
	margin-right:12px;
	text-decoration:none;
}
.user-card a.user-link:last-child{
	margin:0;
}
.mb{
	margin-bottom:12px !important;
}
.mt{
	margin-top:12px !important;
}
.page .title-line{
	display:flex;
	flex-direction:column;
}
.page .title-line.mb{
	margin-bottom:12px;
}
.page .title-line.mt{
	margin-top:12px;
}

.team-logo-inline{
	display:inline-block;
    max-height:32px;
    vertical-align:middle;
    margin-right:0.5em;
}
.title-line .team-logo{
	max-height:40px;
	width:auto;
	display:inline-block;
	vertical-align:middle;
	margin-right:8px;
}
.title-line .title a{
	text-decoration:none;
	border-bottom:1px solid rgba(15,130,230,0.8);
}
.page a.title, .page span.title{
	display:block;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
	color:#445;
	line-height:1.3em;
}
.page .title.green{
	color:#00922d;
}
.page a.title:hover{
	color:#1b8df0;
}
.page .short-text{
	line-height:26px;
	font-size:15px;
	color:#555;
}
.normal-case{
	text-transform:none;
}
.page .links{
	line-height:26px;
	font-size:15px;
}
.page .links a{
	color:#555;
	margin-left:10px;
}
.page .links a.selected{
	font-weight:bold;
}
.page .links a:hover{
	color:#1b8df0;
}
.page .links a:before{
	content:",";
	color:#555;
	padding:0 4px;
	position:absolute;
	margin-left:-12px;
}
.page .links a:first-child{
	margin-left:0;
}
.page .links a:first-child:before{
	content:"";
	margin:0;
}

.page-caption{
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	color:#58788d;
	line-height:20px;
	padding-bottom:14px;
	border-bottom: 1px solid rgba(175,175,175,0.5);
}
.page-preview{
	margin-top:14px;
	padding-bottom:14px;
	border-bottom:1px solid rgba(175,175,175,0.3);
}
.page .page-preview a.title{
	color:#4a525e;
	font-size:15px;
	line-height:22px;
}
.page .page-preview a.title.center{
	text-align:center;
}
.page-preview a.thumb{
	display:inline-block;
	position:relative;
	width:100%;
	height:150px;
}
.page-preview a.thumb img{
	height: 100%;
	left: 0;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	width: 100%;
}
.page .page-preview:last-child{
	border:0;
	padding-bottom:0;
}
.page .page-preview .info-line{
	margin-top:14px;
	padding:0;
	border:0;
	justify-content:start;
}
.page .page-preview .info-line .col{
	margin-right:24px;
}
.page-preview-line{
	margin-top:14px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.page-preview-line .page-preview{
	width:calc(33.3333% - 10px);
	margin:0;
	padding:0;
	border:0;
	margin-right:15px;
}
.page-preview-line .page-preview:last-child{
	margin-right:0;
}

.page.comments .comment[data-level='1'] {
	margin-left:12px;
	padding-left:12px;
}
.page.comments .comment[data-level='2'] {
	margin-left:24px;
	padding-left:12px;
}
.page.comments .comment[data-level='3'] {
	margin-left:36px;
	padding-left:12px;
}
.page.comments .comment[data-level='4'] {
	margin-left:48px;
	padding-left:12px;
}
.page.comments .comment[data-level='5'] {
	margin-left:60px;
	padding-left:12px;
}
.comments .comment{
	margin:24px 0;
	margin-top:8px;
}
.comments .comment:last-child{
	margin-bottom:0;
}
.comment .user-short-line{
	background:none;
	padding:4px 0;
	margin-bottom:8px;
	font-size:14px;
}
.comment .user-short-line.highlight{
	background:rgb(101 183 255 / 20%);
}
.comment .user-short-line a{
	text-decoration:none;
}
.comment .user-short-line time{
	font-size:13px;
}
.comment .text{
	font-size:16px;
}
.comment .text p{
	margin:8px 0;
	line-height:1.3em;
}
.page .comment .info-line{
	border-top:0;
	margin-top:12px;
	padding-top:0;
	justify-content:flex-start;
}
.page .comment .info-line .col{
	margin-right:16px;
}
.page .comment .info-line .col.grow{
	flex-grow:1;
}
.page .comment .info-line .col:last-child{
	margin-right:0;
}

/* Editor style addon */
.article{
	font-size:18px;
}
.article p{
	display:block;
	font-size:1.1rem;
	line-height:1.7rem;
}
.article p+p{
	margin-top:20px;
}
.article figure{
	margin:0;
	text-align:center;
}

.page .read-button{
	display:inline-block;
	color:#579;
	border:1px solid #579;
	text-decoration:none;
	border-radius:3px;
	cursor: pointer;
	font-size:13px;
	line-height:32px;
	margin-top:16px;
	padding:0 13px;
	background:#fff;
}
.page .read-button:hover{
	color:#fff;
	background:#579;
	border:1px solid #579;
}
.page .red-button{
	display:inline-block;
	color:rgb(199, 47, 47);
	border:1px solid rgb(153, 85, 85);
	text-decoration:none;
	border-radius:3px;
	cursor: pointer;
	font-size:13px;
	line-height:32px;
	padding:0 13px;
	background:#fff;
}
.page .red-button:hover{
	color:#fff;
	background:rgb(199, 47, 47);
	border:1px solid rgb(153, 85, 85);
}
.page .blue-button{
	display:inline-block;
	color:rgb(45, 75, 200);
	border:1px solid rgb(85, 110, 150);
	text-decoration:none;
	border-radius:3px;
	cursor: pointer;
	font-size:13px;
	line-height:32px;
	padding:0 13px;
	background:#fff;
}
.page .blue-button:hover{
	color:#fff;
	background:rgb(45, 75, 200);
	border:1px solid rgb(85, 110, 150);
}
.page .info-line{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	border-top:1px solid rgba(175,175,175,0.5);
	margin-top:16px;
	padding-top:16px;
}
.page .info-line .col{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	text-decoration:none;
}
.icon-caption{
	align-content: center;
	font-size:14px;
	color:#888;
	line-height:24px;
	margin-left:8px;
}
.icon-list{
	display:inline-block;
	width:24px;
	height:24px;
	background-color:#579;
	pointer-events:none;
}
.icon-list.red{
	background-color:#955;
}
.icon-list.gem{
	-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.3499998 6.3500002" height="24" width="24" fill="none" stroke="currentColor" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round"><path d="m 1.019418,1.20416 1.108597,0.36953 m 4.0648556,0.86224 -0.8622424,-1.23177 m -5.17345221,1.23177 3.07943611,3.07944 2.9562585,-3.07944 -1.6013069,0.49271 -1.3549516,2.58673 -1.4781293,-2.58673 -1.60130681,-0.49271 0.86224211,-1.23177 1.2317745,-0.36953 h 1.8476616 l 1.231774,0.36953 -1.1085967,0.36953 H 2.128015 l -0.3695322,1.35495 h 2.8330809 l -0.3695322,-1.35495"/></svg>');
	mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.3499998 6.3500002" height="24" width="24" fill="none" stroke="currentColor" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round"><path d="m 1.019418,1.20416 1.108597,0.36953 m 4.0648556,0.86224 -0.8622424,-1.23177 m -5.17345221,1.23177 3.07943611,3.07944 2.9562585,-3.07944 -1.6013069,0.49271 -1.3549516,2.58673 -1.4781293,-2.58673 -1.60130681,-0.49271 0.86224211,-1.23177 1.2317745,-0.36953 h 1.8476616 l 1.231774,0.36953 -1.1085967,0.36953 H 2.128015 l -0.3695322,1.35495 h 2.8330809 l -0.3695322,-1.35495"/></svg>');
}
.icon-list.comments{
	-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor" stroke="none"><path d="M14 22.5L11.2 19H6a1 1 0 0 1-1-1V7.103a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1V18a1 1 0 0 1-1 1h-5.2L14 22.5zm1.839-5.5H21V8.103H7V17H12.161L14 19.298 15.839 17zM2 2h17v2H3v11H1V3a1 1 0 0 1 1-1z"/></svg>');
	mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor" stroke="none"><path d="M14 22.5L11.2 19H6a1 1 0 0 1-1-1V7.103a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1V18a1 1 0 0 1-1 1h-5.2L14 22.5zm1.839-5.5H21V8.103H7V17H12.161L14 19.298 15.839 17zM2 2h17v2H3v11H1V3a1 1 0 0 1 1-1z"/></svg>');
}
.icon-list.views{
	-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor" stroke="none"><path d="M12 2c-4.963 0-9 4.038-9 9v8h.051c.245 1.691 1.69 3 3.449 3 1.174 0 2.074-.417 2.672-1.174a3.99 3.99 0 0 0 5.668-.014c.601.762 1.504 1.188 2.66 1.188 1.93 0 3.5-1.57 3.5-3.5V11c0-4.962-4.037-9-9-9zm7 16.5c0 .827-.673 1.5-1.5 1.5-.449 0-1.5 0-1.5-2v-1h-2v1c0 1.103-.897 2-2 2s-2-.897-2-2v-1H8v1c0 1.845-.774 2-1.5 2-.827 0-1.5-.673-1.5-1.5V11c0-3.86 3.141-7 7-7s7 3.14 7 7v7.5z"></path><circle cx="9" cy="10" r="2"></circle><circle cx="15" cy="10" r="2"></circle></svg>');
	mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor" stroke="none"><path d="M12 2c-4.963 0-9 4.038-9 9v8h.051c.245 1.691 1.69 3 3.449 3 1.174 0 2.074-.417 2.672-1.174a3.99 3.99 0 0 0 5.668-.014c.601.762 1.504 1.188 2.66 1.188 1.93 0 3.5-1.57 3.5-3.5V11c0-4.962-4.037-9-9-9zm7 16.5c0 .827-.673 1.5-1.5 1.5-.449 0-1.5 0-1.5-2v-1h-2v1c0 1.103-.897 2-2 2s-2-.897-2-2v-1H8v1c0 1.845-.774 2-1.5 2-.827 0-1.5-.673-1.5-1.5V11c0-3.86 3.141-7 7-7s7 3.14 7 7v7.5z"></path><circle cx="9" cy="10" r="2"></circle><circle cx="15" cy="10" r="2"></circle></svg>');
}
.icon-list.report{
	-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor" stroke="none"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z"/></svg>');
	mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor" stroke="none"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z"/></svg>');
}

.page .info-line .col:hover .icon-list{
	background-color:#1b8df0;
}
.page .info-line .col:hover .icon-list.red{
	background-color:#e00;
}
.page .info-line .col:hover .icon-caption{
	color:#1b8df0;
}
.page .info-line .col.purple .icon-list{
	background-color:#5f00eb;
}
.page .info-line .col.green .icon-list{
	background-color:#00922d;
}
.page .info-line .col.green .icon-caption{
	color:#00922d;
}

.user-menu{
	float:right;
	/*
	position:absolute;
	right:0;*/
}
.header .user-menu{
	display:none;
}
a.icon-el{
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background:rgba(0,0,0,0);
	border-radius:4px;
	border:2px solid rgba(0,0,0,0);
}
a.icon-el svg{
	pointer-events: none;
}
.header-menu .user-menu a{
	color:#000;
}
.header .user-menu a{
	color:#fff;
}

.header-menu a.icon-el:hover{
	border:2px solid rgba(48, 158, 255, 0.5);
}
.header a.icon-el:hover{
	background:rgba(48, 158, 255, 0.5);
}
.icon-el.user-icon svg{
	position:relative;
	top:-3px;
}
.icon-el.pen-icon svg{
	position:relative;
	top:-3px;
}

.container{
	position:relative;

	min-width:320px;
	max-width:1096px;
	margin-right: auto;
	margin-left: auto;
	padding:0 24px;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
/*
.page-text{
	margin:0.5em 0;
}
.page-text p{
	margin-top:.3em;
	margin-bottom:1em;
	line-height:1.5em;
}
*/
.button-selector{
	display:inline-block;
	padding:8px 16px;
	margin:8px;
	margin-left:0;
	background:#fff;
	color:#000;
	outline:none;
	border:none;
	border-radius:16px;
	text-decoration:none;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.07), 0 4px 5px 0 rgba(0,0,0,0.07), 0 1px 10px 0 rgba(0,0,0,0.1);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.type-selector{
	position:absolute;
	display:none;
	margin-top:45px;
}
.type-selector span{
	cursor:pointer !important;
}
.type-selector span.bold{
	font-weight:bold;
}
.button-selector hr{
	margin:6px 0;
}
.button{
	display:inline-block;
	padding:8px 16px;
	margin:8px;
	margin-left:0;
	background:#fff;
	color:#000;
	outline:none;
	border:none;
	border-radius:16px;
	text-decoration:none;
	cursor:pointer !important;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.07), 0 4px 5px 0 rgba(0,0,0,0.07), 0 1px 10px 0 rgba(0,0,0,0.1);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.button:active {
	outline:none;
	border:none;
}
.button:hover{
	color:#000;
	box-shadow: 0 2px 4px -1px rgba(0, 21, 97, 0.07), 0 4px 5px 0 rgba(7, 0, 121, 0.07), 0 2px 10px 1px rgba(0, 78, 255, 0.25);
}
.button.selected{
	cursor:default !important;
	background:#0d9fe6;
	color:#fff !important;
}
.button.positive:hover{
	box-shadow: 0 2px 4px -1px rgba(0, 97, 21, 0.07), 0 4px 5px 0 rgba(7, 121, 0, 0.07), 0 2px 10px 1px rgba(0, 255, 78, 0.35);
}
.button.negative:hover{
	box-shadow: 0 2px 4px -1px rgba(97, 21, 0, 0.07), 0 4px 5px 0 rgba(121, 7, 0, 0.07), 0 2px 10px 1px rgba(255, 39, 0, 0.35);
}
.button.disabled{
	opacity:0.5;
}
.opacity{
	opacity:0.5;
}
label input[type=checkbox]{
	vertical-align: middle;
}
/*
.page{
	margin:0 auto;
	max-width:732px;
	padding:0;
	position:relative;
}
.page .info{
	padding:0;
	font-weight: 400;
	line-height: 1.5;
	display:block;
	word-wrap: break-word;
	margin:12px 21px;
	font-family:Arial,sans-serif;
	font-style: normal;
	font-size:15px;
	color: rgba(0,0,0,0.6);
}
.page.preview .info{
	margin:0 21px;
	line-height:32px;
}
.page .info .author a{
	text-decoration:none;
}
.page .info .author a.avatar{
	width: 32px;
	height: 32px;
	border-radius: 16px;
	border: 0px solid #fff;
	overflow: hidden;
	display:inline-block;
	vertical-align:middle;
	margin-right:4px;
	box-sizing: unset;
	background-image:url('/default-avatar.png');
	background-color: #fff;
	background-position: 50% 50%;
	background-size: cover;
}
*/
.green{
	color:#090;
}
.red{
	color:#d00;
}
/*
.page.content .info div, .page.preview .info div{
	display:inline-block;
}
.page.content .info>div::before, .page.preview .info>div::before{
	content:'\2022';
	padding:0 7px;
}
.page.content .info>div:first-child::before, .page.preview .info>div:first-child::before{
	content:'';
	padding:0;
}
.page.content .info .right>div::before, .page.preview .info .right>div::before{
	content:'\2022';
	padding:0 7px;
}
.page.content .info .right::before, .page.preview .info .right::before{
	content:'';
	padding:0;
}
*/
h1{
	margin-bottom:12px;
	font-family:Arial,sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 32px;
	line-height: 34px;
}
h2{
	margin-bottom:12px;
	font-family:Arial,sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 28px;
	line-height: 32px;
}
h3{
	margin-bottom:10px;
	font-family:Arial,sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	line-height: 30px;
}
h4{
	margin-bottom:8px;
	font-family:Arial,sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	line-height: 28px;
}
h5{
	margin-bottom:6px;
	font-family:Arial,sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 26px;
}
/*
.page p{
	word-wrap: break-word;
}
.page .article p{
	margin:0 21px 12px;
	line-height:1.5;
}
.page .article ul{
	list-style:disc;
}
.page .article ul li{
	line-height:20px;
	margin-left:21px;
	margin-bottom:12px;
}
.page .article ol li{
	margin-left:21px;
	margin-bottom:12px;
}
.page .article ul ul{
	margin-left:12px;
	list-style:circle;
}
.page .article>ol,.page .article>ul{
	margin: 0 21px 12px;
	line-height:1.5;
}
.comment .text>ol,.comment .text>ul{
	margin: 0 30px 12px;
	line-height:1.5;
}
.page blockquote{
	border-left:2px solid rgba(0,0,0,0.4);
	margin-left:21px;
	margin-bottom:12px;
	padding:12px;
}
.page blockquote p{
	margin:0;
	padding:0;
	margin-bottom:12px;
	line-height:1.5;
	font-style:italic;
	font-size:16px;
	color:rgba(0,0,0,0.8);
}
.page blockquote p:nth-last-child(1){
	margin-bottom:0;
}
.page blockquote footer{
	font-style:normal;
}
.page blockquote cite{
	font-family:Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	display:block;
	margin: 0 21px;
}
.page.content .article{
	padding-bottom:12px;
}
.page img{
	display:inline-block;
	vertical-align: middle;
	max-width:100%;
	height:auto;
	margin-bottom:8px;
}

.page .tags{
	font-family:Arial,sans-serif;
	text-align: left;
	font-size:14px;
	margin: 0 21px 12px;
}
.page.preview .tags{
	margin: 0 21px;
	margin-bottom:12px;
}
.page .blocks{
	font-family:Arial,sans-serif;
	text-align: left;
	font-size:14px;
	margin: 0 21px 12px;
}
.page .blocks a{
	color:#000;
	display:inline-block;
	padding:4px 8px 6px 8px;
	background:rgba(0,0,0,0.1);
	border-radius:4px;
	text-decoration:none;
	width:calc(20% - 2px);
	margin-top:2px;
	margin-right:2px;
}
.page .blocks a.current{
	font-weight:bold;
}
.page .blocks a:hover{
	background:rgba(0,0,0,0.15);
}
.page .tags a{
	color:#000;
	display:inline-block;
	padding:4px 8px 6px 8px;
	background:rgba(0,0,0,0.1);
	border-radius:4px;
	text-decoration:none;
	margin-right:12px;
	margin-top:4px;
}
.page.preview .tags a{
	padding:2px 6px 4px 6px;
	margin-right:4px;
}
.page .tags a:hover{
	background:rgba(0,0,0,0.15);
}

.page.content .addon{
	font-family:Arial,sans-serif;
	line-height:64px;
}
.page.content .addon .comments{
	font-size:14px;
	color:rgba(0,0,0,0.6);
}
.page.content .addon .comments .icon{
	font-size:20px;
	position:relative;
	top:3px;
}

.page.preview{
	display:block;
	background:#fff;
	border-bottom:1px solid #eee;
	min-height:64px;
	padding-bottom:12px;
	margin-bottom:12px;
}
.page.preview .subtitle{
	display:inline-block;
	margin:0 21px;
	margin-bottom:12px;
	font-family:Arial,sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	line-height: 28px;

	width:calc(100% - 32px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.page.preview .cover{
	float:left;
	margin-left:21px;
	margin-bottom:8px;
	width:200px;
	max-height:150px;
	overflow:hidden;
	text-align:center;
}
.page.preview .cover-exist{
	margin-left:221px;
}
.page.preview .cover img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}
.page.preview .addon{
	font-family:Arial,sans-serif;
	line-height:32px;
}
.page.preview .addon .comments{
	font-size:14px;
	color:rgba(0,0,0,0.6);
}
.page.preview .addon .comments .icon{
	font-size:18px;
	position:relative;
	top:3px;
}
.page.preview .addon .votes_count{
	display: inline-block;
	line-height: 32px;
	font-size: 14px;
	vertical-align: top;
	margin-left: 12px;
	color: rgba(36, 36, 165, 0.8);
}
.page.preview .award, .page.preview .flag{
	cursor:pointer;
	color:#000;
	display:inline-block;
	vertical-align: top;
	width:32px;
	height:32px;
	background:#fff;
	border-radius:16px;
	border:1px solid #ddd;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.07), 0 4px 5px 0 rgba(0,0,0,0.07), 0 1px 10px 0 rgba(0,0,0,0.1);
	overflow:hidden;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.page.preview .award:hover{
	box-shadow: 0 2px 4px -1px rgba(0, 21, 97, 0.07), 0 4px 5px 0 rgba(7, 0, 121, 0.07), 0 2px 10px 1px rgba(0, 78, 255, 0.25);
}
.page.preview .award:hover::before{
	color:rgb(0, 27, 88)
}
.page.preview .flag:hover{
	box-shadow: 0 2px 4px -1px rgba(97, 0, 0, 0.07), 0 4px 5px 0 rgba(121, 0, 0, 0.07), 0 2px 10px 1px rgba(187, 0, 0, 0.25);
}
.page.preview .flag:hover::before{
	color:rgba(187, 0, 0, 0.9);
}

.page.user-badge{
	font-family:Arial,sans-serif;
	display:block;
	background:#fff;
	border:1px solid #eee;
	border-radius:4px;
	min-height:64px;
	padding:12px;
	font-size:14px;
}
.page.user-badge a.avatar{
	width: 64px;
	height: 64px;
	border-radius: 32px;
	border: 0px solid #fff;
	overflow: hidden;
	float:left;
	box-sizing: unset;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
	background-image:url('/default-avatar.png');
	background-color: #fff;
	background-position: 50% 50%;
	background-size: cover;
}
.page.user-badge a.avatar:hover{
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
}
.page.user-badge .info{
	margin:0;
	margin-left:76px;
}
.page.user-badge .info .login a{
	text-decoration:none;
}
.page.user-badge .info .login{
	font-size:14px;
	line-height:1.6;
}
.page.user-badge .info .descr{
	line-height:22px;
	color:rgba(0,0,0,0.6);
}
.page.user-badge .actions{
	float:right;
	margin-left:12px;
	text-align:right;
}
.page.user-badge .actions .follow{
	cursor:pointer;
	display:inline-block;
	color:#11f;
	padding:4px 8px 6px;
	border:1px solid #11f;
	border-radius:4px;
	background:#fff;
	margin-bottom:4px;
	margin-left:4px;
}
.page.user-badge .actions .unfollow{
	cursor:pointer;
	display:inline-block;
	color:#111;
	padding:4px 8px 6px;
	border:1px solid #111;
	border-radius:4px;
	background:#fff;
	margin-bottom:4px;
	margin-left:4px;
}
.page.user-badge .actions .ignore{
	cursor:pointer;
	display:inline-block;
	color:#f11;
	padding:4px 8px 6px;
	border:1px solid #f11;
	border-radius:4px;
	background:#fff;
	margin-bottom:4px;
	margin-left:4px;
}

.page.comments{
	margin-top:32px;
	font-size:18px;
}
.page.comments .subtitle{
	margin:21px;
	margin-bottom:8px;
	font-family:Arial,sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 26px;
	line-height: 28px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.page.comments .actions{
	float:right;
	font-size:14px;
	margin-left:12px;
	text-align:right;
	font-family:Arial,sans-serif;
}
.page.comments .actions .reply{
	cursor:pointer;
	display:inline-block;
	color:#22f;
	padding:4px 8px 6px;
	border:1px solid #22f;
	border-radius:4px;
	background:#fff;
	margin-bottom:4px;
	margin-left:4px;
}
.page.comments .comment .addon .award.active{
	color:#396ac5 !important;
	background:none !important;
}
.page.comments .comment{
	margin-left: 0;
	margin-bottom: 12px;
	padding-left: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(150,150,150,0.3);
	border-left: 1px solid rgba(150,150,150,0.3);
	border-radius: 8px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.page.comments .comment[data-level='0'] {
	border-left: none;
}
.page.comments .comment[data-level='1'] {
	margin-left: 12px;
	padding-left: 12px;
}
.page.comments .comment[data-level='2'] {
	margin-left: 24px;
	padding-left: 12px;
}
.page.comments .comment[data-level='3'] {
	margin-left: 36px;
	padding-left: 12px;
}
.page.comments .comment[data-level='4'] {
	margin-left: 48px;
	padding-left: 12px;
}
.page.comments .comment[data-level='5'] {
	margin-left: 60px;
	padding-left: 12px;
}
.page.comments .comment:hover{
	border-color:rgba(150,150,200,0.6);
}
.page.comments .comment.new{
	border-color:rgb(255, 122, 46);
}
.page.comments .comment .info{
	font-family:Arial,sans-serif;
	font-style: normal;
	font-size:15px;
	color: rgba(0,0,0,0.6);
	margin: 12px;
	margin-bottom:8px;
}
.page.comments .comment .info div{
	display:inline-block;
}
.page.comments .comment .info .author a{
	text-decoration:none;
}
.page.comments .comment .info .author a.avatar{
	width: 32px;
	height: 32px;
	border-radius: 16px;
	border: 0px solid #fff;
	overflow: hidden;
	display:inline-block;
	vertical-align:middle;
	margin-right:4px;
	box-sizing: unset;
	background-image:url('/default-avatar.png');
	background-color: #fff;
	background-position: 50% 50%;
	background-size: cover;
}
.page.comments .comment .info .anchor{
	float:right;
	margin-left:12px;
}
.page.comments .comment .info .anchor a{
	opacity:0.4;
	text-decoration:none;
}
.page.comments .comment .info .anchor a:hover{
	opacity:1.0;
}
.page.comments .comment .info .timestamp{
	float:right;
}
.page.comments .comment .info .timestamp::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f017';
	font-size:14px;
	padding-left:4px;
	opacity:0.4;
}
.page.comments .comment .text{
	font-size:16px;
}
.page.comments .comment .text p{
	margin: 0 12px 12px;
}
.page.comments .comment .text blockquote{
	margin-left:12px;
}
.page.comments .comment .text blockquote cite{
	margin-left:12px;
}

.page.comments .comment .addon{
	font-family:'Lucida Grande',Arial,sans-serif;
	font-size:14px;
	line-height:32px;
	text-align:right;
	opacity:0.5;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.page.comments .comment:hover .addon{
	opacity:1.0;
}
.page.comments .comment .addon a{
	margin:0 8px;
	padding:0 8px;
}
*/

.reply-form{
	padding:8px 0;
}
.reply-form textarea{
	display:block;
	width:100%;
	max-width:100%;
	min-height:100px;
	border:1px solid rgba(175,175,175,0.5);
	padding:16px;
	outline:none;
}
.reply-form input{
	display:block;
	width:100%;
	padding:8px;
	margin-top:8px;
	text-align: center;
}

.load-more{
	text-align:center;
	padding:12px;
}
/*
.pages{
	font-family:'Lucida Grande',Arial,sans-serif;
	text-align: left;
	font-size:14px;
	margin: 0 21px 12px;
}
.pages a{
	color:#000;
	display:inline-block;
	padding:4px 8px 6px 8px;
	background:rgba(0,0,0,0.1);
	border-radius:4px;
	text-decoration:none;
	margin-right:12px;
	margin-top:4px;
}
.pages a:hover{
	background:rgba(0,0,0,0.15);
}
*/
.unselectable{
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}

.view_block{
	display:inline-block;
	max-height:80vh;
	width:100%;
	overflow:auto;
	font-size:12px;
}

.notify-list{
	position:fixed;
	right:8px;
	bottom:8px;
	z-index:5000;
}
.notify-list .notify{
	background:rgba(255,255,255,0.8);
	padding:12px 16px;
	border-radius:8px;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	margin-top:12px;
	color:#000;
	opacity:1.0;
	-webkit-transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
	transition: all 0.8s linear;
}
.notify-list .notify a{
	color:#000 !important;
}
.notify-list .notify.notify-dark{
	background:rgba(0,0,0,0.8);
	color:#fff;
}
.notify-list .notify.notify-dark a{
	color:#fff !important;
}

.committee-control input[name=vote_percent]{
	display:inline-block;
	margin:0 12px;
}
select.round{
	border-radius: 4px;
	border: 1px solid #aaa;
	padding: 4px 8px;
}
textarea.round{
	border-radius: 4px;
	border: 1px solid #aaa;
	padding: 4px 8px;
}
input.round{
	border-radius: 4px;
	border: 1px solid #aaa;
	padding: 4px 8px;
}
textarea.wide{
	width: 100%;
	font-size: 14px;
}
input.wide{
	width: 100%;
	font-size: 14px;
}
.input-descr{
	font-size: 14px;
}
.witness_schedule{
	text-align:center;
	font-family:Arial,sans-serif;
}
.witness_support_queue{
	text-align:center;
	font-family:Arial,sans-serif;
}
section.table-scroll{
	overflow:auto;
	max-width:100%;
}
/*
.page table{
	border:1px solid #ddd;
	border-right:0;
	border-top:0;
	padding:0px;
	margin:0 auto 10px;
	width:100%;
	font-size:14px;
	font-family:Arial,sans-serif;
}
.page table th{
	background-color:#eee;
	border:0;
	margin:0;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}
.page table td{
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	vertical-align: top;
	padding:5px;
	margin:0;
}
*/
/*
.wallet-history tr.filtered{
	display:none !important;
}
.wallet-history p{
	margin:0 !important;
}
.wallet-history tr.new{
	background:#fffaee;
}
*/
/*
.action-button{
	display: inline-block;
	padding: 6px 8px;
	margin-right: 16px;
	margin-bottom:8px;
	background: #666;
	color: #fff;
	border-radius: 16px;
	text-decoration:none;
	cursor: pointer;
	font-size: 14px;
	font-family:Arial,sans-serif;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.action-button.waiting{
	background:#999 !important;
}
.action-button.right{
	margin-right:0;
	margin-left:16px;
	margin-bottom:4px;
}
.action-button:hover{
	background:#000;
	color:#fff;
}
*/
/*
input.bubble{
	padding: 6px 16px;
	outline: 0;
	border-radius: 16px;
	border: 1px solid #d8d8d8;
	font-size: 14px;
	font-family:Arial,sans-serif;
}
input.bubble.right{
	margin-left:8px;
}
input.small-size{
	width:100px;
}
*/
/*
select.bubble{
	padding: 6px 16px;
	outline: 0;
	border-radius: 16px;
	border: 1px solid #d8d8d8;
}
select.bubble.right{
	margin-left:8px;
}
select.small-size{
	width:100px;
}
*/
/*
.award.active{
	color:#fff !important;
	background:#396ac5 !important;
	border:1px solid #2353ad !important;
}
.award.active:hover::before{
	color:#fff !important;
}
.flag.active{
	color:#fff !important;
	background:#f93434 !important;
}
.flag.active:hover::before{
	color:#fff !important;
}
*/
/*
.repost-info{
	display: inline-block;
	margin: 0 21px;
	margin-bottom: 12px;
	font-family: Arial,sans-serif !important;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
	width:100%;
}
.repost-date{
	margin-right:25px;
	opacity:0.5;
	float:right;
}
*/
.spoiler{
	background:#000 !important;
	color:#000 !important;
}
.spoiler img{
	opacity:0;
}
.spoiler:hover{
	background:none !important;
	color:initial !important;
}
.spoiler:hover img{
	opacity:1;
}

#upload-file{
	display:none;
}
.drop-file{
	font-size:30px;
}

html.modal-open{
	overflow:hidden;
}
.modal-overlay {
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(255, 255, 255, 0.5);
	z-index:5000;
	display:none;
	zoom:1;
}
.modal{
	padding: 2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 6000;
	display:none;
}
.modal-overlay.active, .modal.active{
	display:block;
}

.go-top-left-wrapper{
	width:calc((100vw - 1096px)/2 + 16px);
	z-index: 5;
	left: 0;
	position: fixed;
	top:49px;
	bottom: 0;
}
.go-top-button{
	display:none;
	width:calc((100vw - 1096px)/2 + 16px);
	z-index: 5;
	left: 0;
	position: fixed;
	top:49px;
	bottom: 0;
	text-align: center;
	font-size: 40px;
	color: rgba(77, 110, 152, 0.5);
	cursor:pointer;
}
.go-top-button i{
	position:fixed;
	top: calc(50% - 20px);
	margin-left:-15px;
}
.go-top-left-wrapper:hover .go-top-button{
	background:rgba(77, 110, 152, 0.08);
}
.content-actions{
	opacity:0.6;
	text-align:right;
	font-family:Arial,sans-serif !important;
	font-size:12px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.content-actions:hover{
	opacity:1.0;
}
.content-actions a{
	margin:0 4px;
}
.account-login a{
	color:rgba(0,0,0,0.6);
}
.account-login::before {
    content: '\2022';
    padding: 0 7px;
}
.add-beneficiaries{
	display:none;
}
.view-code{
	display:inline-block;
	padding-right:10px;;
	margin:10px 0;
	font-size:18px;
	font-weight:bold;
}
/* Landing style overflow */
.parallax-active{
	transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(1);
	transition:transform 0.4s cubic-bezier(0,0,0.2,1);
	will-change:transform;
}
.parralax-glare{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:180%;
	height:100%;
	margin-top:-25%;
	margin-left:-40%;
	background-image:radial-gradient(ellipse closest-side,hsla(0,0%,100%,0.3),hsla(0,0%,100%,0));
	mix-blend-mode:normal;
	will-change:transform;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@-moz-keyframes move-right { 50% { margin-left: 46px; } 100% { margin-left: 0; } }
@-webkit-keyframes move-right { 50% { margin-left: 46px; } 100% { margin-left: 0; } }
@keyframes move-right { 50% { margin-left: 46px; } 100% { margin-left: 0; } }

th.items{
	text-align:left;
}
td.items{
	text-align:left;
}
td.bold{
	font-weight:bold;
}
th.player-info{
	text-align:left;
}
td.player-info{
	text-align:left;
}
.items-wrapper{
	display:block;
	min-width:40px;
}
.item-wrapper{
	background:#66666666;
	overflow:hidden;
	width:44px;
	height:32px;
	display:inline-block;
	vertical-align:middle;
}
.items-neutrals-offset{
	max-width:85px;
}
.items-neutrals-offset .item-wrapper-neutral{
	margin-left:4px;
	position:relative;
	z-index:1;
}
.items-neutrals-offset .item-wrapper-neutral:nth-child(1){
	z-index:1;
}
.items-neutrals-offset .item-wrapper-neutral:nth-child(2){
	left:-15px;
	z-index:2;
}
.items-neutrals-offset .item-wrapper-neutral:nth-child(3){
	left:-30px;
	z-index:3;
}
.item-image{
	display:inline-block;
	width:44px;
	max-width:fit-content;
}
.item-wrapper-neutral{
	margin-left:8px;
	vertical-align:middle;
	overflow:clip;
	width:32px;
	height:32px;
	text-align:center;
	border-radius:100%;
}
.item-image-neutral{
	position:relative;
	right:6px;
}
.item-wrapper-backpack{
	opacity:0.6;
}
img.item-image-backpack{
	filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
    -webkit-filter: grayscale(100%); /* New WebKit */
    filter: url(resources.svg#desaturate); /* older Firefox */
    filter: grayscale(100%); /* Current draft standard */
}
.nowrap{
	white-space:nowrap;
}
.user-stats{
	padding:8px;
	text-align:center;
	margin-bottom:8px;
	font-size:14px;
}
.user-stats .balance{
	font-size:16px;
	font-weight:bold;
}
.user-stats .avatar{
	display:inline-block;
	text-align:center;
	padding:0;
	margin-bottom:15px;
	border-radius:0;
	background:#fff;

	box-shadow:0 0px 8px rgba(0, 140, 255, 0.6);

	width:120px;
	height:120px;
	overflow:hidden;
}
.user-stats .avatar img{
	width:120px;
	height:120px;
	image-rendering:-webkit-optimize-contrast;
}

.matches-score{
	text-align:center;
	font-size:20px;
}
.team-text{
	text-align:left !important;
	psadding-left:75px !important;
}
.team-text.radiant-text{
	background:#016c21;
	color:#fff !important;
}
.team-text.dire-text{
	background:#af0000;
	color:#fff !important;
}
.team-text a{
	color:#fff !important;
}

.radiant-text{
	color:#00a130 !important;
}
.dire-text{
	color:#dd0000 !important;
}
.spoiler-text.active .radiant-text{
	opacity:0;
}
.spoiler-text.active .dire-text{
	opacity:0;
}
.winners-text{
	font-weight:bold;
}
.score-text{
	font-size:1.1em;
}

/* Tables */
.tinyscroll::-webkit-scrollbar{
	width:8px;
	height:8px;
}
.tinyscroll::-webkit-scrollbar-track{
	background:rgba(200, 200, 220, 0.3);
}
.tinyscroll::-webkit-scrollbar-thumb{
	background:rgba(200, 200, 220, 0.8);
}
.tinyscroll::-webkit-scrollbar-thumb:hover{
	background:rgba(150, 150, 150, 0.8);
}
.table-wrapper{
	max-width:calc(100vw - 0rem);
	margin:0;
	overflow-x:auto;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table.full-width{
	min-width:100%;
}
table th {
	vertical-align: top;
	font-weight: bold;
}
table th, table td {
	text-align: left;
	padding: 10px;
}
.stats-wrapper{
	display:block;
	overflow:auto;
	width:100%;
	font-size:11px;
	text-wrap:nowrap;
}
.stat-vertical-inline{
	display:inline-block;
	vertical-align:bottom;
	text-align:center;
}
.stat-vertical-inline.mr-4{
	margin-right:4em;
}
.stat-vertical-inline.mr-8{
	margin-right:8em;
}
.stat-vertical-separator{
	margin:4px;
	height:100%;
	border-left:1px solid #8888;
}
.stat-vertical-bar{
	width:12px;
	height:12px;
	background:#0d9fe6;
	display:block;
	margin:0 auto;
	margin-bottom:2px;
}
.day-of-the-week .stat-vertical-bar{
	background:#1aca4f;
}
.day-of-the-week.selected .stat-vertical-bar{
	background:#00922d !important;
}
.hours-of-play .stat-vertical-bar{
	background:#ffa555;
}
.hours-of-play.selected .stat-vertical-bar{
	background:#ff7700 !important;
}
.text-left{
	text-align:left;
}
table th.text-right , table td.text-right {
	text-align:right;
}
table th.text-center , table td.text-center {
	text-align:center;
}
table th:not([data-sortable="false"]) {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
cursor: pointer;
}
table.sortable th:after {
	content: "";
	visibility: hidden;
	display: inline-block;
	vertical-align: inherit;
	height: 0;
	width: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent;
	margin-right: 1px;
	margin-left: 10px;
	float: right;
}
table th.text-right:after {
	float:left;
}
table th[data-sorted="true"]:after {
	visibility: visible;
}
table th[data-sorted-direction="descending"]:after {
	border-top-color: inherit;
	margin-top: 8px;
}
table th[data-sorted-direction="ascending"]:after {
	border-bottom-color: inherit;
	margin-top: 3px;
}
table[data-sortable=false] th:after {
	display:none;
}
table{
	color: #333333;
	background: white;
	border: 1px solid #e0e0e0;
}
.text-duration{
	color:#555;
	font-size:14px;
}
table.leagues{
	font-size:14px;
}
table.matches{
	font-size:14px;
}
table.matches td.hero{
	min-width:190px;
}
table.matches td.match{
	max-width:200px;
}
table.matches td.date{
	max-width:200px;
}
table.matches td.points{
	max-width:100px;
}
table thead th {
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
	background-image: -webkit-linear-gradient(#ffffff, #eeeeee);
	background-image: -moz-linear-gradient(#ffffff, #eeeeee);
	background-image: -o-linear-gradient(#ffffff, #eeeeee);
	background-image: linear-gradient(#ffffff, #eeeeee);
	background-color: #f0f0f0;
	border-bottom: 1px solid #e0e0e0;
}
table.matches thead th{
	font-size:16px;
}
table tbody td {
	border-top: 1px solid #e0e0e0;
	vertical-align:middle;
}
table tbody > tr:nth-child(odd) > td {
background-color:#f9f9fb;
}
table td[data-sorted-column="true"]{
	background:#e5f3ff !important;
	border-top:1px solid #cecece;
}
table tbody > tr:nth-child(odd) > td[data-sorted-column="true"] {
	background:#dbebff !important;
}
/*
table tbody > tr:hover > td{
	background-color:#f0f0f9;
}
table tbody > tr:hover > td[data-sorted-column="true"]{
	background-color:#d6dbff !important;
}
*/
table tbody > tr.inactive{
	opacity:0.7;
}
table tbody > tr.inactive:hover{
	opacity:1.0;
}
table tbody td.positive-color {
	color:#17860a;
	font-weight:bold;
}
table tbody tr.match-win td{
	background:rgb(42 255 0 / 16%);
	color:#073d01;
	border-top: 1px solid #0a4503;
}
table tbody tr.match-lost td{
	background:rgba(255, 0, 0, 0.16);
	color:#5c0202;
	border-top: 1px solid #5c0202;
}

/* line 22, ../sass/sortable-theme-slick.sass */
table th[data-sorted="true"] {
-webkit-box-shadow: inset 1px 0 #bce8f1, inset -1px 0 #bce8f1;
-moz-box-shadow: inset 1px 0 #bce8f1, inset -1px 0 #bce8f1;
box-shadow: inset 1px 0 #bce8f1, inset -1px 0 #bce8f1;
color: #333333;
background: #d9edf7;
border-bottom-color: #bce8f1;
}
/* line 28, ../sass/sortable-theme-slick.sass */
table th[data-sorted="true"]:first-child {
-webkit-box-shadow: inset -1px 0 #bce8f1;
-moz-box-shadow: inset -1px 0 #bce8f1;
box-shadow: inset -1px 0 #bce8f1;
}
/* line 31, ../sass/sortable-theme-slick.sass */
table th[data-sorted="true"]:last-child {
-webkit-box-shadow: inset 1px 0 #bce8f1;
-moz-box-shadow: inset 1px 0 #bce8f1;
box-shadow: inset 1px 0 #bce8f1;
}
/* line 34, ../sass/sortable-theme-slick.sass */
table th[data-sorted="true"][data-sorted-direction="descending"]:after {
border-top-color: #333333;
}
/* line 37, ../sass/sortable-theme-slick.sass */
table th[data-sorted="true"][data-sorted-direction="ascending"]:after {
border-bottom-color: #333333;
}

table.clear{
	display:inline-block;
	font-size:14px;
	color:#000;
	background:transparent;
	border:none;
}
table.match-results{
	font-size:20px;
}
table.match-results .team-logo{
	background:#8888;
}
table.match-results .team-logo img{
	max-width:250px;
}
.country-flag{
	vertical-align:middle;
}
table.clear td, table.clear tbody > tr:nth-child(odd) > td{
	background:transparent;
	border:0;
	box-shadow:none;
}
table.clear th{
	background:transparent;
	border:0;
	box-shadow:none;
}

.item-tooltip{
	display:block;
	background:#141b21;
	color:#758191;
}
.item-card{
	display:flex;
	background:#202d37;
	color:#eee;
	padding:10px 14px;
	flex-direction:row;
	gap:14px;
}
.item-card .item-image{
	width:auto;
	height:50px;
	box-shadow:1px 1px 2px 1px #000;
}
.item-title{
	display:flex;
	flex-direction:column;
	gap:5px;
	font-size:18px;
	align-self:center;
	text-shadow:2px 2px 1px #141e25;
}
.item-title .item-name{
	text-transform:uppercase;
}
.item-title .item-addons{
	display:flex;
	flex-direction:row;
	gap:5px;
	font-size:14px;
}
.item-title .item-addons .item-cost{
	color:#ffcc34;
}
.item-title .item-addons .item-cost::before{
	content:"";
	display:inline-block;
	vertical-align:text-bottom;
	width:20px;
	height:16px;
	background:url('/gold-icon.png') 50% 50% no-repeat;
	background-size:contain;
}
.item-title .item-addons .item-neutral{
	color:#717171;
}
.item-shop{
	display:inline-block;
	vertical-align:text-bottom;
	width:14px;
	height:14px;
	background:url('/shop-icon.png') 50% 50% no-repeat;
	background-size:contain;
	opacity:0.7;
}
.item-secret-shop{
	display:inline-block;
	vertical-align:text-bottom;
	width:14px;
	height:14px;
	background:url('/secret-shop-icon.png') 50% 50% no-repeat;
	background-size:contain;
	opacity:0.7;
}
.item-props{
	display:flex;
	color:#758191;
	padding:10px 14px;
	flex-direction:column;
	gap:10px;
	font-size:16px;
	text-shadow:1px 1px 1px #0d1419;
}
.item-prop-value{
	color:#fff;
	font-weight:bold;
}
.item-prop-alternative{
	color:#585858;
	font-weight:bold;
}
.item-prop-selected{
	color:#fff;
	font-weight:bold;
}
.item-ability{
	background:#1d2730;
	color:#6d7886;
}
.item-ability-title{
	font-size:16px;
	padding:5px 10px;
	background:#26353f;
	color:#92a1b5;
	font-weight:bold;
}
.ability-costs-entry{
	float:right;
	margin-left:10px;
	vertical-align:middle;
	font-weight:bold;
	color:#fff;
}
.ability-costs-entry img{
	border-radius:3px;
	margin-right:4px;
	width:18px;
	vertical-align:text-bottom;
}
.item-ability-text{
	padding:10px;
}
.item-ability .item-prop-value{
	color:#8895a5;
}
.item-ability span{
	font-weight:bold;
}
.item-ability.item-ability-active{
	background:#1b2336;
	color:#7b81a8;
}
.item-ability.item-ability-active .item-ability-title{
	background:#38387f;
	color:#b1b1ff;
}
.item-ability.item-ability-active .item-prop-value{
	color:#b1b1ff;
}
.item-ability.item-ability-active .item-prop-selected{
	color:#b1b1ff;
}
.item-ability.item-ability-active-healthcost{
	background:#192724;
	color:#86957d;
}
.item-ability.item-ability-active-healthcost .item-ability-title{
	background:#273f27;
	color:#96c17b;
}
.item-ability.item-ability-active-healthcost .item-prop-value{
	color:#96c17b;
}
.item-ability.item-ability-active .ability-costs-entry .item-prop-selected{
	color:#fff;
}

.item-clarify-list{
	padding:8px;
	padding-top:0;
	font-size:16px;
	display:flex;
	flex-direction:column;
	gap:5px;
	color:#5a6f8a;
	border-bottom:1px solid #2a363c;
}

.item-lore{
	padding:10px;
	font-style:italic;
	font-size:14px;
	background:#0c1316;
	color:#465866;
}

.item-notes{
	background:#263945;
	color:#9fb7c6;
	text-shadow:none;
	padding:10px;
	display:flex;
	flex-direction:column;
	gap:4px;
}

.item-find-shop{
	color:#eee;
}
.item-find-shop img{
	width:14px;
	height:14px;
}

.item-tooltip-wrapper{
	display:none;
	position:absolute;
	z-index:3;
	background:#141b21;
	top:0;
	left:0;
	/*
	width:100vw;
	height:100vh;
	*/
	max-width:400px;
	max-height:60vh;
	overflow:hidden;
	overflow-y:auto;
	-webkit-animation:none;
	-moz-animation:none;
	-o-animation:none;
	animation:none;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;
}
.item-tooltip-wrapper.mobile{
	position:fixed;
	top:0 !important;
	bottom:0;
	left:0 !important;
	right:0;
	width:100vw !important;
	height:100vh !important;
	padding-bottom:45px;
	max-height:none;
	max-width:none;
}
.item-tooltip-wrapper.show{
	display:block !important;
}

.footer-wrapper{
	padding:40px;
	text-align:center;
	font-size:12px;
}
.footer{
	color:#888;
}
.select-lang{
	margin-bottom:8px;
}
.index-select-lang{
	margin-top:8px;
	text-align:center;
	font-size:12px;
}

@media only screen and (min-width:0) and (max-width:1024px){
	.main-content{
		flex:none;
		margin: 0 auto;
		width:100%;
		max-width:768px
	}
	.main-sidebox{
		display:none;
	}
}

.hero-icon{
	vertical-align:middle;
	min-width:32px;
	min-height:32px;
}
.hero-icon-ban{
	filter:grayscale(1);
	opacity:0.5;
}
.hero-icon-ban:hover{
	filter:grayscale(0.5);
	opacity:1.0;
}
.hero-image{
	min-width:64px;
	max-height:36px;
	vertical-align:middle;
	max-width:fit-content;
}
.hero-image-small{
	min-width:43px;
	max-height:24px;
}
.hero-image-big{
	max-height:48px;
}
.hero-image-big{
	max-height:auto;
}
.hero-image-ban{
	filter:grayscale(1);
}
.hero-ban-line{
	position:relative;
	z-index:1;
	left:-3px;
	top:20px;
	right:0;
	border-top:3px solid rgb(255, 10, 10, 0.8);
	transform: rotate(-28deg);
}

.notice-box{
	margin-bottom:1em;
	background:#ffeab5;
	border:1px solid #ffd149;
	padding:1em;
	font-size:0.9em;
	text-align:center;
}
/* go top wrapper */
@media only screen and (min-width:0) and (max-width:1150px){
	.go-top-left-wrapper {
		width: 120px;
		z-index: 5;
		left: 0;
		position: fixed;
		top: auto;
		bottom: 0;
		height: 8vh;
	}
	.go-top-button{
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		bottom: 0;
		top: 0;
		background:rgba(77, 110, 152, 0.20);
	}
	.go-top-left-wrapper:hover .go-top-button{
		background:rgba(77, 110, 152, 0.15);
	}
	.go-top-button i{
		position: relative;
		bottom: 4vh;
		margin-left: 0;
		margin-bottom: 0;
		margin-top: 0;
	}
}
/* tablet */
@media only screen and (min-width:0) and (max-width:968px){
	table.match-results .team-logo img{
		max-width:125px;
	}
	.header .menu-el{
		padding:0 8px;
		margin:0 8px;
	}
	.dropdown-menu{
		-webkit-animation:none;
		-moz-animation:none;
		-o-animation:none;
		animation:none;
	}
	.user-dropdown-menu{
		-webkit-animation:none;
		-moz-animation:none;
		-o-animation:none;
		animation:none;
	}
}
@media only screen and (min-width:781px){
	body.inactive{
		overflow:auto;
	}
}
@media only screen and (min-width:0) and (max-width:780px){
	.mobile-hide{
		display:none;
	}
	.page .user-short-line .avatar{
		margin-right:0;
	}
	.page .user-short-line .account{
		margin:0 5px;
	}
	.title .thin{
		display:block;
		font-size:12px;
		line-height:12px;
	}
	.container{
		width:auto;
		padding:0 12px;
	}
	.main{
		margin-top:0;
	}
	.main .container{
		padding:0;
	}
	.main .container{
		padding:0;
	}
	.main .page{
		padding:12px 16px;
	}
	.header .toggle-menu{
		display:block;
	}
	.header .right-menu{
		display:none;
	}
	.header-menu{
		display:none;
	}
	.header .user-menu{
		display:block;
	}

	.page-preview-line .page-preview{
		width:calc(50% - 7px);
		margin:0;
		padding:0;
		border:0;

		margin-right:0;
		margin-left:15px;
	}
	.page-preview-line .page-preview:last-child{
		display:none;
	}
	.page-preview-line .page-preview:first-child{
		margin-left:0;
	}
}
.gotop{
	display:none;
	z-index:10;
	position:fixed;
	left:0;
	top:50px;
	bottom:0;
	width:200px;
}
.gotop span{
	text-align:center;
	display:block;
	width:100%;
	height:100%;
	padding:0;
	cursor:pointer;
	opacity:0.6;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.gotop:hover span{
	opacity:1.0;
}
.gotop img{
	margin:30px;
}
.animation{
	-webkit-transition: all 1.0s linear;
	-moz-transition: all 1.0s linear;
	transition: all 1.0s linear;
}
/* mobile */
@media only screen and (min-width:0) and (max-width:600px){
	table.match-results .team-logo{
		display:none;
	}
	.gotop{
		top:90vh;
	}
	.header .logo{
	}
	/*
	.page h1{
		font-size:22px;
	}
	.page h2{
		font-size:20px;
	}
	.page h3{
		font-size:18px;
	}
	.page h4{
		font-size:16px;
	}
	.page h5{
		font-size:14px;
	}
	*/
	/*
	.page.content .addon{
		line-height:48px;
	}
	.page.content .addon .award, .page.content .addon .flag{
		height:48px;
		width:48px;
		border-radius:24px;
	}
	.page.content .addon .award::before{
		line-height:44px;
	}
	.page.content .addon .flag{
		margin-left:6px;
	}
	.page.content .addon .flag::before{
		line-height:50px;
	}
	.page.content .addon .votes_count{
		line-height:48px;
		margin-left:6px;
		font-size:12px;
	}
	.page.content .addon .reward_amount{
		line-height:48px;
		margin-left:6px;
		font-size:12px;
	}
	.page.content .addon .comments{
		font-size:12px;
	}
	.page.preview .subtitle{
		font-size:20px;
		line-height:24px;
		width:auto;
		white-space:normal;
		overflow:auto;
		text-overflow:inherit;
	}
	.page.comments .subtitle{
		font-size:20px;
		line-height:24px;
	}
	.page.content .addon .comments .icon{
		font-size:16px;
		top:0;
	}
	.page.preview .cover{
		float:none;
		max-width:100%;
		width:auto;
		max-height:200px;
	}
	.page.preview .cover-exist{
		margin-left:0;
	}
	.page.preview .info .right{
		float:none;
		display:block;
		margin-top:2px;
	}
	.page.preview .info .right .comments{
		float:right;
	}
	.page.preview .info .right .comments::before{
		content:"";
		padding:0;
	}
	.page.preview .info .timestamp{
		float:right;
	}
	.page.preview .info .timestamp::before{
		content:"";
		padding:0;
	}
	*/
}
/* old mobile */
@media only screen and (min-width:0) and (max-width:550px){
	.header .logo a.caption{
		display:none;
	}
	.page-preview-line{
		margin-top:0;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
	}
	.page-preview-line .page-preview{
		width:100%;
		margin:0;
		margin-top:14px;
		padding-bottom:8px;
		border-bottom:1px solid rgba(175,175,175,0.3);
	}
	.page-preview-line .page-preview:last-child{
		display:block;
	}
}
/* so old mobile */
@media only screen and (min-width:0) and (max-width:375px){
}