:root{
	--red				: #b4461b;
	--orange			: #c6481f;
	--orange-ultra-light: #fcefe6;
	--green				: #002200;
	--cian				: #00cfff;
	--blue				: #003d99;
	--gray-dark			: #d4d9e8;
	--gray-extra-dark	: #66707d;
	--gray				: #e8ecf7;
	--gray-light		: #f5f7fa;
	--black				: #111d26;
	--white				: #ffffff;
	--min-screen: 350;
	--mid-screen: 480;
	--max-screen: 900;
	--min-menu	: 10;	--mid-menu	: 14;	--max-menu	: 16;
	--menu: clamp(
		var(--min-menu) * 1px,
		calc(var(--min-menu) * 1px + (var(--mid-menu) - var(--min-menu)) * (100vw - var(--min-screen) * 1px) / (var(--mid-screen) - var(--min-screen))),
		calc(var(--mid-menu) * 1px + (var(--max-menu) - var(--mid-menu)) * (100vw - var(--mid-screen) * 1px) / (var(--max-screen) - var(--mid-screen)))
	);
	--s				: 11px;
	--m				: 12px;
	--l				: 15px;
	--xl			: 18px;
	--xxl			: 20px;
	--logo			: 90px;
	--title			: 18px;
	--title-		: 14px;
	--search		: 14px;
	--prim			: var(--l);
	--side			: var(--m);
	--desc			: var(--s);
	--rang 			: var(--s);
	--prim-line		: var(--m);
	--side-line		: var(--m);
	--prim-index 	: 15px;
	--side-index 	: 11px;
	--desc-index 	: 13px;
	--prim-blocks	: var(--l);
	--side-blocks 	: var(--s);
	--desc-blocks 	: var(--m);
	--prim-txs 		: var(--l);
	--side-txs 		: var(--s);
	--desc-txs 		: var(--m);
	--prim-coins : var(--l);
	--side-coins 	: var(--s);
	--desc-coins 	: var(--m);
	--side-nodes 	: var(--s);
	--desc-nodes 	: var(--m);
	--side-pools 	: var(--s);
	--desc-pools 	: var(--m);
	--prim-address : var(--l);
	--side-address 	: var(--s);
	--desc-address 	: var(--m);
	--prim-coin		: var(--l);
	--side-coin 	: var(--s);
	--desc-coin 	: var(--m);
	--prim-height	: var(--l);
	--side-height 	: var(--s);
	--desc-height 	: var(--m);
	--side-node 	: var(--s);
	--desc-node 	: var(--m);
	--prim-pool		: var(--l);
	--side-pool 	: var(--s);
	--desc-pool 	: var(--m);
	--prim-order	: var(--l);
	--side-order 	: var(--s);
	--desc-order 	: var(--m);
	--subrow 		: var(--m);
	--next 			: var(--l);
	--previous 		: var(--l);
	--nav 			: var(--m);
	--nav-plus		: var(--l);
	--status-title	: 14px;
	--status-value 	: 20px;
	--states-active : 20px;
	--states-active- : 16px;
	--states-active-- : 14px;
	--states-passive: 16px;
	--states-passive-: 12px;
	--states-passive--: 11px;
	--address-balance: var(--l);
	--address-balance-: var(--m);
	--nodata 		: var(--l);
}

body{
	background-color: var(--gray-light);
	color: var(--black);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.1;
	margin: 0;
	padding: 0;	
	min-width:360px;
}

main{
	padding: 20px;
}

header{
	background-color: var(--gray);
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	border-bottom: 1px solid var(--gray-dark);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	flex-direction: column;
	gap: 8px;
	padding: 8px 16px;
}
header::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, var(--gray-dark), var(--gray-light));
}
header .top-row{
	height:50px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;;
}
header .nav-row{
	margin-inline: auto 2px;
	width: 80%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .title{
	position:relative;
}
header .title .mnst{
	position: relative;
	width:var(--logo);
	height:var(--logo);
	margin-bottom: calc(-1 * var(--logo) / 3);
	display: flex;
}
header .title .mnst > *{
	max-width: 120%;
	max-height: 120%;
}
header .title .ex{
	margin: 20px 0 0 65px;
	position:absolute;
}
header .top-row{
	overflow: visible;
}
header .top-row .title{
	text-align: left;
	font-weight: bold;
	color: var(--black);
	overflow: visible;
}
header .top-row .title .explorer{
	text-decoration: none;
	color: inherit;
}

.menu-btn{
	display:none;
}

.search-box{
	margin: 0 2px 5px 0;
	position: relative;
	display: inline-block;
	color: var(--gray);
	width: 80%;
	min-width: 200px;
	
}
.search-box input{
	width: 100%;
	padding: 10px 40px 10px 10px;
	border: 1px solid var(--gray-dark);
	border-radius: 4px;
	font-size: var(--search);
	height: 35px;
	box-sizing: border-box;
}
.search-box img.icon{
	position: absolute;
	right: 10px;
	top: 20px;
	transform: translateY(-50%);
	width: 35px;
	height: 35px;
	cursor: pointer;
	z-index: 2;
	pointer-events: auto;/* кликабельна */
}
.search-box img.icon:hover{
	transform: translateY(-50%) scale(1.1);
	stroke: #d15c22;

}
.search-box input{
	position: relative;
	z-index: 1;
}

.container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	max-width: 900px;
	width: 90%;
	box-sizing: border-box;
}
.container:first-of-type{
	gap: 0;
}
.container .section{
	border-radius: 8px;
	flex-basis: 100%;
	flex: 1 1 400px;
	min-width: 250px;
	box-sizing: border-box;
	background: #e8ecf7;
	padding: 10px;
	box-shadow: 0 0 2px var(--gray-extra-dark);
}
.container.address,
.container.coin,
.container.tx,
.container.node,
.container.height{
	flex-direction: column;
	align-items: flex-start;
}
.container.address .section,
.container.coin .section,
.container.tx .section,
.container.node .section,
.container.height .section, 
.container.pool .section, 
.container.order .section{
	width:100%;
	flex: none;
}

.data{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	width: 100%;
}

.search-data .submenu .nav{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 5px;
	border: 1px solid var(--gray-extra-dark);
	background-color: var(--white);
	color: var(--black);
	padding: 6px 10px;
	font-size: var(--search);
	text-align: center;
}
.search-data .submenu select::-ms-expand{
	display: none;
}
.search-data .submenu input::-webkit-inner-spin-button,
.search-data .submenu input::-webkit-calendar-picker-indicator{
	-webkit-appearance: none;
	display: none;
}
.search-data .submenu select{
	border-radius: 3px !important;
}

.menu-box{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	min-width: 200px;
}
.menu-box nav{
	border-top: 1px solid var(--gray-dark);
	padding-top: 6px;

	width: 100%;
	font-size: var(--menu);
	display: flex;
	justify-content: space-between;
	align-items: center;
} 
.menu-box nav a{
	text-decoration: none;
	color: var(--black);
	display: flex;
	align-items: center;
	line-height: 1;
	font-weight: bold;
}
.menu-box nav a:hover{
	color: var(--orange);
}
.menu-box nav .active{
	background-color: inherit;
	color: var(--orange);
}
.menu-box nav .settings{
	position: relative;
	display: inline-block;
}
.menu-box nav .settings img{
	width: 20px;
	height: 20px;
	transition: opacity 0.2s ease;
	display: block;
}
.menu-box nav .settings .hover{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
}
.menu-box nav .settings:hover img.hover,
.menu-box nav .settings.active img.hover{
	opacity: 1;
}
.menu-box nav .settings:hover img.normal,
.menu-box nav .settings.active img.hover{
	opacity: 0;
}

.table{
	display: flex;
	flex-direction: column;
	width: 100%;
	color: var(--black);
	background-color: var(--white);
	border-radius: 0 0 8px 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	table-layout: fixed;
	border: 1px solid rgba(0,0,0,0.05);
}
.table .table_row{
	height:60px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: center;
	padding: 0px;
	border-bottom: 1px solid var(--gray-dark);
	cursor: pointer;
	background: var(--white);
}
.table .table_row:nth-child(even){
	background: var(--gray-light);
}
.table .table_row:hover{
	background: var(--gray);
}
.table .table_row.hide{
	display: none;
}
.table .table_data.hide{
	display: none;
}
.table .line_row{
	height:55px;
	display: grid;
	align-items: center;
	background: var(--white);
	padding: 0;
	margin: 0;
	box-shadow: 
		-1px 0 0 rgba(0,0,0,0.6) inset,
		1px 0 0 rgba(0,0,0,0.6) inset,
		0 1px 0 rgba(0,0,0,0.6) inset;
}
.table .line_row:last-child{
	box-shadow: 
		-1px 0 0 rgba(0,0,0,0.6) inset,
		1px 0 0 rgba(0,0,0,0.6) inset,
		0 1px 0 rgba(0,0,0,0.6) inset,
		0 -1px 0 rgba(0,0,0,0.6) inset;
	border-radius: 0 0 8px 8px;
	
}
.table .line_row .cell{
	box-shadow: -1px 0 0 rgba(0,0,0,0.2) inset;
	display: grid;
	align-items: center;
	padding: 0;
	height: 100%;
}
.table .line_row .cell .side{
	font-size: var(--side-line);
	line-height: 1em;
	padding: 0;
	margin: 0 0 0 5px;
}
.table .line_row .cell .prim{
	font-size: var(--prim-line);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}
.table .prim{
	font-size: var(--prim);
	white-space: pre;
	flex-wrap: nowrap;
	font-weight: 500;
	letter-spacing: -0.3px;
}
.table .prim a{
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}
.table .prim .info{
	display: inline-block;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	padding: 0 5px 0 5px;
	font-weight: 400;
}
.table .side{
	font-size: var(--side);
	color: var(--gray-extra-dark);
	white-space: nowrap;
	letter-spacing: -0.3px;
}
.table .desc{
	font-size: var(--desc);
	color: var(--black);
	letter-spacing: -0.3px;
	line-height: 1.1;
}
.table .rang{
	font-size: var(--rang);
	color: var(--orange);
	position:absolute;
	top:0;
	left:0;
}
.table .subrow{
	align-items: center;
	padding-left: 15px;
	background: var(--orange-ultra-light);
	border-bottom: 1px solid var(--orange);
	border-top: 1px solid var(--orange);
	display: grid;
	white-space: normal;
	grid-auto-flow: row;
}
.table .subrow .sub{
	justify-content: center;
	display: flex;
	align-items: center;
	gap: 4px;
}
.table .subrow .name{
	font-size: var(--subrow);
	font-weight: 600;
}
.table .subrow .sep{
	font-size: var(--subrow);
	font-weight: 600;
}
.table .subrow .value{
	display: flex;
	font-size: var(--subrow);
}
.table .subrow .ext{
	cursor: pointer;
}
.table.alt{
	border-radius:0;
} 

.table_title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom:5px;
	font-size: var(--title);
	gap: 8px;
}
.table_title *{
	margin-bottom: 0;
}
.table_title .title{
	height: 35px;
	display: flex;
	align-items: center;
	gap: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	letter-spacing: -0.3px;
	line-height: 1.1;
	font-weight: 500;
}
.table_title .title img{
	height: 30px;
}
.table_title .search-data{
	display: flex;
	align-items: flex-end;
	margin-left: auto;
	gap: 8px;
	width: auto;
	flex-wrap: wrap;
}
.table_title .submenu{
	display: inline-flex;
	margin-left: auto;
	height: 2rem;
	gap: 8px;
	border-radius:0;
}

.table_head{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: center;
	height: 25px;
 	border-top: 1px solid var(--orange);
	border-bottom: 2px solid var(--orange);
	background-color: var(--gray-dark);
	vertical-align: middle;
	gap:0;
}
.table_head .th{
	text-transform: uppercase;
	justify-content: center;
	white-space: nowrap;
	word-break: break-word;
	display: flex;
	align-items: center;
	padding: 0 6px;
	font-weight: 600;
	font-size: var(--m);
}

.table_nav{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	justify-items: center;
	padding: 0;
	background: #FFF;
	height: 50px;
	border: none;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--black);
}
.table_nav .th{
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 var(--gray-dark);
}
.table_nav .th:last-child{
	box-shadow: none;
}
.table_nav .th:hover{
	background-color: #b0c4c9;
	cursor: pointer;
	font-weight: 700;
}
.table_nav .th.on{
	background-color: #CCC;
}
.table_nav .th.on:hover{
	background-color: #b0c4c9;
	cursor: pointer;
	font-weight: 700;
}
.table_nav .th .title{
	position: absolute;
	top: 5px;
	left: 5px;
	color: rgba(0,0,0,0.6);
	font-size: var(--nav);
	word-break: normal;
	overflow-wrap: break-word;
	font-weight:700;
	
}
.table_nav .th .data{
	position: absolute;
	bottom: 2px;
	width: 100%;
	text-align: center;
	font-size: var(--nav-plus);
}

.table_row .col1,
.table_row .col2,
.table_row .col3,
.table_row .col4,
.table_row .col5{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	width:100%;
}
.table_row.last{
	display: grid;
	grid-template-columns: 2fr 1fr 2fr !important;
	background: var(--gray-extra-dark) !important;
	color: var(--white) !important;
	font-weight: bold !important;
	height: 50px !important;
	align-items: center !important;
}
.table_row.last:hover{
	background: var(--gray-extra-dark);
	cursor: default;
}
.table_row.last .next{
	font-size: var(--next);
	text-align: right;
	padding-right: 12px;
	cursor: pointer;
	color: var(--white);
	transition: color 0.2s ease;
}
.table_row.last .previous{
	font-size: var(--previous);
	text-align: left;
	padding-left: 12px;
	cursor: pointer;
	color: var(--white);
	transition: color 0.2s ease;
}
.table_row.nodata{
	grid-template-columns: 1fr;
	text-align: center;
	justify-content: center;
	align-items: center;
	font-size: var(--nodata);
}

.status{
	width: 90%;
	max-width: 900px;
	box-sizing: border-box;
}
.status .grid{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
}
.status .status-box{
	background-color: var(--gray);
	border-radius: 10px;
	padding: 10px;
	flex: 1 1 150px;
	max-width: 225px;
	min-width: 120px;
	width: 100%;
	color: var(--black);
	user-select: none;
	box-shadow: 0 0 2px var(--gray-extra-dark);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}
.status .status-box .label{
	font-size: var(--status-title);
	opacity: 0.7;
	white-space: nowrap;
	color: var(--black);
}
.status .status-box .value{
	margin-left: auto;
	font-weight: 700;
	font-size: var(--status-value);
	white-space: nowrap;
}

.index .commission.zerro{
	color:var(--green);
}
.index .commission.nopay{
	color:var(--black);
}
.index .commission.low{
	color:var(--cian);
}
.index .commission.high{
	color:var(--red);
}
.index .commission.median{
	color:var(--blue);
}
.index .table_row{
	font-weight: 400;
	position: relative;
	grid-template-columns: none;
	height:75px;
	padding: 0 12px;
	background: var(--white);
}
.index .table_row:nth-child(even){
	background: inherit;
}
.index .table_row .prim,
.index .coins_top .symbol .wys{
	font-size: var(--prim-index);
	position: absolute;
	color: var(--orange);
	top:5px;
	left:10px;
	font-weight: 600;
}
.index .table_row .side{
	font-size: var(--side-index);
	position: absolute;
	display: inline-block;
	left:20px;
	top:20px;
}
.index .table_row .desc{
	padding-top:30px;
	letter-spacing: -0.3px;
	right: 0px;
	bottom: 3px;
	max-width: 100%;
	font-size: var(--desc-index);
	line-height: 1;
	color: var(--black);
	white-space: normal;
	word-break: keep-all;
	overflow-wrap: normal;
	text-align: right;
}
.index .table_row .txtype,
.index .table_row .commission,
.index .table_row .cointype{
	right:0;
	text-align: right;
	padding: 0 12px;
	color:var(--black);
}
.index .lastblocks{}
.index .lasttxs{}
.index .valtop{}
.index .coins_top .prim.symbol{
	display: inline-flex;
	align-items: center;	
	gap: 5px;
}

.blocks .table_head,
.blocks .table_row{
	grid-template-columns: 1fr 1fr 1fr;
}
.blocks .table_row .prim{
	font-size:var(--prim-blocks);
	padding: 0 10px;
}
.blocks .table_row .side{
	font-size:var(--side-blocks);
	padding: 0 10px 0 20px;
}
.blocks .table_row .desc{
	font-size:var(--desc-blocks);
	padding: 0 10px;
}
.blocks .col1,
.blocks .col1 div{
	margin-right:auto;
}
.blocks .table_head .col2, .blocks .col2 .desc{
	margin: 0 auto 0 20px;
}
.blocks .col3{
	margin-left: auto;
}
.blocks .table_head .col3{
	margin:0;
}
.blocks .col3 .proposer{
	margin-inline: auto 20px;
}
.blocks .col3 .signers{
	margin-inline: auto 20px;
}

.txs .table_head,
.txs .table_row{
	grid-template-columns: 2fr 3fr;
}
.txs .table_row .prim{
	font-size: var(--prim-txs);
	padding: 0 10px;
	flex-wrap: nowrap;
}
.txs .table_row .side{
	font-size: var(--side-txs);
	padding: 0 10px 0 20px;
}
.txs .table_row .desc{
	font-size: var(--desc-txs);
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;	
	padding: 0 10px;
}
.txs .col1,
.txs .col1 div{
	margin-right:auto;
}
.txs .col2,
.txs .col2 div{
	margin-right:auto;
}
.txs .table_row .col2 .desc{
	margin-top: 5px;
}
.txs .subrow{
	grid-template-columns: 1fr 1fr;
}

.coins .table_head,
.coins .table_row{
	grid-template-columns: 10px 1fr 2fr;
}
.coins .table_row .prim{
	font-size: var(--prim-coins);
	padding: 0 10px;
}
.coins .table_row .prim .coin{
	color:var(--black);
	font-size: var(--prim-coins);
}
.coins .table_row .side{
	font-size: var(--side-coins);
	padding: 0 10px 0 20px;
}
.coins .table_row .desc{
	font-size: var(--desc-coins);
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;	
	padding: 0 10px;
}
.coins .col2,
.coins .col2 div{
	margin-right:auto;
}
.coins .col3,
.coins .col3 div{
	margin-right:auto;
}

.nodes .table_row,
.nodes .table_head{
	grid-template-columns: 10px 3fr 3fr 3fr 1fr;
}
.nodes .table_row .prim .wys{
	word-wrap: break-word;
	overflow-wrap: anywhere;
	white-space: normal;
	word-break: break-all;
	font-size: var(--desc-nodes);
	padding: 0;
}
.nodes .table_row .prim .wys.special{
	overflow-wrap: break-word;
}
.nodes .table_row .side{
	font-size: var(--side-nodes);
	padding: 0 10px 0 20px;
}
.nodes .table_row .desc{
	font-size: var(--desc-nodes);
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;	
	padding: 0 10px;
}
.nodes .col2,
.nodes .col2 div{
	margin-right:auto;
}
.nodes .col2 .side{
		padding: 0 0 0 10px;
}
.nodes .col3,
.nodes .col3 .desc,
.nodes .col3 .side{
	margin-right:auto;
	padding: 0 10px;
}
.nodes .col4,
.nodes .col4 .desc,
.nodes .col4 .side{
	margin-right:auto;
	padding: 0;
}
.nodes .col5,
.nodes .col5 .desc,
.nodes .col5 .side{
	margin-right:auto;
	padding: 0 10px;
}

.pools .table_row,
.pools .table_head{
	grid-template-columns: 10px 3fr 3fr 3fr;
}
.pools .table_row .prim{
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	word-break: break-all;
	font-size: var(--desc-pools);
	padding: 0;
}
.pools .table_row .side{
	font-size: var(--side-pools);
	padding: 0 10px 0 20px;
}
.pools .table_row .desc{
	font-size: var(--desc-pools);
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;	
	padding: 0 10px;
}
.pools .col2,
.pools .col2 div{
	margin-right:auto;
}
.pools .col2 .side{
		padding: 0 0 0 10px;
}
.pools .col3,
.pools .col3 .desc,
.pools .col3 .side{
	margin-right:auto;
	padding: 0 10px;
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;	
}
.pools .col4,
.pools .col4 .desc,
.pools .col4 .side{
	margin-right:auto;
	padding: 0;
}
.pools .table_row .desc .wys{
	font-size: 9px;
	font-weight:500;
}
.pools .price0 .wys,
.pools .price1 .wys{
	color:var(--green);
}

.address .section:first-child{
	margin-bottom: 10px;
}
.address .toggle-data{
	display:flex;
	padding-right:10px;
	margin: auto 0 auto auto;
	cursor: pointer;
	align-items: center;
}
.address .table.balance .table_head{
	height:50px;
}
.address .table_head .states{
	display: flex;
	align-items: center;
	width: 100%;
}
.address .states .active{
	background-color: var(--gray-dark);
	font-size: var(--states-active);
	padding: 0 5px 0 10px;
	margin-left:0;
	height: 50px;
	display: flex;
	align-items: center;
}
.address .states .passive{
	font-size: var(--states-passive);
	display: flex;
	flex-direction: column;
	cursor: pointer;
}
.address .states .passive .odd{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #9C99F2;
	width: 80px;
	height: 25px;
	background: var(--gray-light);
	padding: 0 5px 0 5px;
	outline: 1px solid var(--gray-dark);
	outline-offset: -1px;
}
.address .states .passives{
	display: flex;
	margin-left: auto;
}
.address .table_title .title{
	text-transform: none;
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-all;
	max-width: 100%;
	display: flex;
	font-size: var(--xl);
	align-items: center;
}
.address .balance .table_head{
	grid-template-columns: auto 1fr;
	padding-top:0;
	padding-bottom:0;
}
.address .balance .table_row{
	grid-template-columns: 1fr;
	height: 40px;
}
.address .balance .table_row .cell{
	font-size: var(--address-balance);
}
.address .balance .table_row .col1{
	padding-left: 10px;
	align-items: flex-start;
}	
.address .balance .table_row .col1 .cost{
	font-size: var(--address-balance-);
}
.address .txs .table_head{
	grid-template-columns: 1fr auto;
}
.address .txs .table_row{
	grid-template-columns: 1fr 2fr;
}
.address .table_row .prim{
	font-size: var(--prim-address);
}
.address .table_row .side{
	font-size: var(--side-address);
}
.address .table_row .desc{
	font-size: var(--desc-address);
}
.address .txs .subrow{
	grid-template-columns: 1fr 1fr;
}

.tx .line_row.low{
	height:auto;
}
.tx .line_row.low .prim{
	white-space: pre-wrap;
	word-break: break-word;
	padding: 0 10px 0 10px;
	font-weight:400;
}
.tx .line_row .prim .span{
	font-size:var(--s);
	color:var(--black);
}
.tx .line_row .prim .span .wys.coin{
	color:var(--black);
}
.tx .line_row .prim .wys.height{
	color:var(--black);
	font-size:1em;
}

.coin .section:first-child{
	margin-bottom: 10px;
}
.coin .line_row:first-child .prim .coin{
	color: var(--black);
	font-size: 1em;
}
.coin .line_row .prim .wys + .wys{
	margin-left: 0.3em;
}
.coin .table.alt .table_head,
.coin .table.alt .table_row{
	grid-template-columns: 10px 2fr 3fr;
}
.coin .table.alt .table_row.nodata{
	grid-template-columns: 1fr;
}
.coin .table.alt .table_row .prim{
	font-size: var(--desc-coin);
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	word-break: break-all;
	padding: 0;
}
.coin .table.alt .table_row .side{
	font-size: var(--side-coin);
	padding: 0 10px 0 20px;
}
.coin .table.alt .table_row .desc{
	font-size: var(--desc-coin);
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;	
	padding: 0 10px;
}
.coin .col2,
.coin .col2 div{
	margin-right:auto;
}
.coin .table.alt .table_row .col3 .cell{
	grid-auto-rows: auto;
	width:100%;
}
.coin .table.alt .table_row .col3 .cell .desc:last-child{
	justify-self: end;
	padding-right:20px;
}
.coin .table.alt .add .table_row{
	grid-template-columns: 1fr 1fr;
	padding-left: 20px;
}
.coin .table.alt .add .table_row .desc{
	font-size: var(--s)
}

.height .section:first-child{
	margin-bottom: 10px;
}
.height .table.alt .table_head,
.height .table.alt .table_row{
	grid-template-columns: 2fr 5fr;
}
.height .table_row .prim{
	font-size: var(--prim-height);
	padding: 0 10px;
}
.height .table_row .side{
	font-size: var(--side-height);
	padding: 0 10px 0 20px;
}
.height .table_row .desc{
	font-size: var(--desc-height);
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;	
	padding: 0 10px;
}
.height .table_row .cell{
	width:100%;
}
.height .table.alt .table_row.nodata{
	grid-template-columns: 1fr;
}
.height .table.alt .add .table_head{
	grid-template-columns: 1fr;
}
.height .table.alt .add .table_row{
	grid-template-columns: 20px 1fr 1fr;
}
.height .add .table_row .prim{
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	word-break: break-all;
	padding: 0;
	padding: 0 10px 0 20px;
	margin-right:auto;
}
.height .add .table_row .col3 .cell img{
	display: block;
	margin-left: auto;
	padding-right:20px;
}
.height .table.alt .table_container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	font-size:var(--l);
}

.node .section:first-child{
	margin-bottom: 10px;
}
.node .table.alt .table_nav{
	grid-template-columns: 1fr 1fr 1fr;
}
.node .table.alt .subrow{
	grid-auto-flow: row;
}
.node .table.alt .subrow .row{
	gap:10px;
}
.node .table.alt .A .table_head,
.node .table.alt .A .table_row{
	grid-template-columns: 10px 1fr 2fr 1fr;
}
.node .table_data.A .table_row .col3{
	margin:auto;
}
.node .table_data.A .table_row .col2 .cell{
	margin-inline: auto 10px;
}
.node .table_data.B .table_head,
.node .table_data.B .table_row{
	grid-template-columns: 2fr 3fr;
}
.node .table_data.B .subrow{
	grid-template-columns: 1fr 1fr;
}
.node .table_data.B .table_row .col2 .prim{
	font-size: var(--side-node);
}
.node .table_data.B .col1 div{
	margin-right:auto;
	padding-left:10px;
}
.node .table_data.B .col2 div{
	margin-right:auto;
	padding:0 10px;
}
.node .table_data.C .table_head,
.node .table_data.C .table_row{
	grid-template-columns: 1fr 1fr;
}
.node .table_data.C .col1 .cell{
	margin-right:auto;
	padding:0 10px;
}
.node .table_data.C .table_row .col2{
	margin:auto;
}
.node .table.alt .table_row .prim{
	font-size: var(--desc-node);
}
.node .table.alt .table_row .side{
	font-size: var(--side-node);
	margin-left:10px;
}
.node .table.alt .table_row .desc{
	font-size: var(--side-node);
}

.pool .section:first-child{
	margin-bottom: 10px;
}
.pool .table.alt .table_nav{
	grid-template-columns: 1fr 1fr 1fr;
}
.pool .table.alt .table_head,
.pool .table.alt .table_row{
	grid-template-columns: 3fr 7fr 3fr;
}
.pool .table_data.C .table_head{
	grid-template-columns: 1fr 3fr;
}
.pool .table_data.C .table_row{
	grid-template-columns: 1fr 3fr;
	justify-content: left;
}
.pool .table_data.C .table_row .col2{
	padding: 0 0 0 10px;
	margin-right:auto;
}
.pool .table.alt .table_row .prim{
	font-size: var(--prim-pool);
}
.pool .cell{
	width:100%;
}
.pool .table.alt .table_row .col2 .prim{
	font-size: var(--side-pool);
}
.pool .table.alt .table_row .side{
	font-size: var(--side-pool);
}
.pool .table.alt .table_row .desc{
	font-size: var(--desc-pool);
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;	
	padding: 0 10px;
}
.pool .table_data .table_head .col1{
	justify-content: left;
	margin-left:20px;
}
.pool .table_data .table_row .col2{
	margin-inline: auto auto;
}
.pool .table_data .table_row .col3{
	margin-inline: 20px auto;
}
.pool .table.alt .subrow{
	grid-template-columns: 1fr 1fr;
}
.pool .table.alt .table_row.nodata{
	grid-template-columns: 1fr;
}

.order .section:first-child{
	margin-bottom: 10px;
}
.order .line_row .prim .side{
	font-size:var(--s);
}
.order .line_row .prim .wys.height{
	font-size: var(--desc-pool);
}
.order .table.alt .table_row .prim{
	font-size: var(--prim-order);
}
.order .table.alt .table_row .side{
	font-size: var(--side-order);
}
.order .table.alt .table_row .desc{
	font-size: var(--desc-order);
}
.order .table_data.A .table_head{
	grid-template-columns: 1fr 3fr;
}
.order .table_data.A .table_row{
	grid-template-columns: 1fr 3fr;
	justify-content: left;
}
.order .table.alt .subrow{
	grid-template-columns: 1fr 1fr;
}

.settings .table_row{
	grid-template-columns: 1fr 3fr 1fr 1fr;
}

.wys{
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wys.address{
	color:var(--orange)
}
.wys.node{
}
.wys.node .full{
}
.wys.hash{
}
.wys.height{
	font-size: 0.8em;
	font-weight:600;
}
.wys.coin{
	color:var(--blue);
	font-size: 0.8em;
	font-weight:600;
}
.wys.value{}
.wys.span{}
.wys.check{}
.wys.pool{
	color:var(--green);
}
.wys.order{}
.wys .mid{
	position: relative;
	max-width: 1ch;
	overflow: hidden;
	white-space: nowrap;
	font-family: monospace;
	display: inline-block;
	vertical-align: baseline;
}
.wys .mid::before{
	content: '…';
	position: relative;
	top: 0.075em;
	color: currentColor;
	vertical-align: middle;
}
.wys .mid span{
	opacity: 0;
	user-select: all;
}
.wys .mobile{
	display:none;
}
.wys .desctop{
	display:flex;
}
.wys.click{
	cursor:pointer;
}

.navig{
	display: flex;
	width: 300px;
	margin-inline: 25px auto;
	gap: 8px;
	align-items: center;
}

.modal{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 10000;
	color: #000;
}
.modal .modal_content{
	background-color: #fefefe;
	border-radius: 20px;
	padding: 20px;
	border: 1px solid #888;
	width: 70%;
	max-width:900px;
	margin: 8vh auto;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.modal_content{
	overflow-y: auto;
	display: block;
}

.close_modal_window{
	position: relative;
	width: 35px;
	height: 35px;
	z-index: 9999;
	cursor: pointer;
	float: right;
	display: flex;
	outline: 2px solid var(--gray);
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
}

@media (max-width: 720px){
	.modal .modal_content{
		padding:15px;
	}
	.wys .mobile{
		display:flex;
	}
	.wys .desctop{
		display:none;
	}
	.address .states .passive .odd{
		width:50px;
		font-size: var(--states-passive-);
	}
	.address .states .active{
		font-size: var(--states-active-);
		padding: 0 5px 0 5px;
	}
	.menu-box{
		position: relative;
		display: flex;
		justify-content: flex-end;
	}
	.menu-box nav{
		display:none;
	}
	.menu-box .menu-btn{
		display:grid;
	}
	.menu-box .modal_content .data{
		gap:0;
		text-align:center;
	}
	.menu-box .modal_content .data a{
		height:35px;
		text-decoration: none;
		font-size: var(--xxl);
		color: var(--black);
		padding-top:20px;
		padding-bottom:5px;
		border-bottom: 2px solid var(--gray);
		width:100%;
		font-weight:500;
	}
	.menu-box .modal_content .data a.active{
		color:var(--orange);
		background: var(--gray);
	}
	.menu-box .modal_content .data a:first-child{
		border-top: 2px solid var(--gray);
	}	
	.menu-box .modal_content .data a:hover{
		background: var(--gray-light);
	}	
	.menu-box .modal_content .data .settings.active .normal{
		display:none;
	}
	.menu-box .modal_content .data .settings.active .hover{
		display:block;
	}
	.menu-box .modal_content .data .settings .hover{
		display:none;
	}
	.menu-box .modal_content .data .settings .normal{
		display:block;
	}
	.menu-box .modal_content .data .settings div{
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media (max-width: 480px){
	.modal .modal_content{
		padding:10px;
		width:80%;
	}
	.container{
		width: 100%;
	}
	.height .table.alt .table_container{
		grid-template-columns: 1fr;
	}
	.pools .table_row,
	.pools .table_head{
		grid-template-columns: 10px 3fr 3fr 3fr;
	}
	.pools .table_row .prim{
		font-size:var(--side-pools);
	}
	.address .table_title{
		font-size: var(--title-);
	}
	.wys.click.node{
		font-size:var(--l);
	}
}

@media (max-width: 400px){
	.container .section .table_row .prim,
	.container .section .table_row .side,
	.container .section .table_row .desc,
	.pools .col3,
	.pools .col3 .desc,
	.pools .col3 .side,
	.pool .table.alt .table_row .desc{
		padding: 0 2px 0 2px;
	}
	.address .states .passive .odd{
		width:45px;
		font-size: var(--states-passive--);
		padding: 0 2px 0 2px;
	}
	.address .states .active{
		font-size: var(--states-active--);
		padding: 0 2px 0 2px;
	}
	.modal .modal_content{
		padding:5px;
		width:85%;
	}
}