.pageswap{position:relative;}
.pageswap>div{
	transition:0.2s;
}
.pageswap>div.old,.pageswap>.loader{
	position:absolute;
	top:0;
	left:0;
	right:0;
}body{
	margin:0;
	padding:0;
	position:absolute;
	inset:0;
	overflow-x:hidden;
	overflow-y:auto;
	font-family: 'Muli', sans-serif;
	color:var(--text-color);
	font-size:10pt;
}

.container{
	margin:auto;
	max-width:1200px;
	width:100%;
    box-sizing: border-box;
}
.container.S{max-width:400px;}
.container.M{max-width:600px;}
.container.L{max-width:900px;}
.container.XL{max-width:1200px;}

.pad-S{padding:16px;}
.pad-M{padding:32px;}
.pad-L{padding:48px;}

.text-center{text-align:center;}
.text-right{text-align:right;}

.material-icons{font-size:19px;}


.siblings{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.siblings.center{justify-content:center;}
.siblings>*:not(:last-child){
	margin-right:8px;
}
.siblings>*{
	margin-bottom:5px;
}
.siblings.fixed>*{
	width:100px;
}
.siblings.even{
	justify-content:space-between;
}

.screencenter{
	display:flex;
	justify-content:center;
	align-items:center;
	inset:0;
	position:absolute;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:0 20px;
}

.scroller{
	overflow:auto;
	height:100%;
	position:absolute;
}

.fill{
	width:100%;
}
.grow{flex:1;}


@media screen and (max-width:600px){
	.pad-S,.pad-M,.pad-L{padding:16px;}
}

@keyframes spin{
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}