@charset "utf-8";
:root{
	--c_dist0:hsl(30 45% 35%);
	--c_dist1:hsl(30 67.4% 34.9%);
	--c_back0:hsl(45 10% 75%);
	--c_back1:hsl(45 10% 80%);
	--c_back2:hsl(45 10% 85%);
	--c_back3:hsl(45 10% 90%);
	--c_txt:hsl(0 0% 20%);
	--c_txt_r:hsl(0 0% 95%);
	--c_subtle:hsl(0 0% 45%);
	--c_border:hsl(0 0% 70%);	
	--ismobile:0;
	--scrollmargintop:0;
	--scrollmarginbottom:0;
}

.csdark{
	--c_dist0:hsl(0 0% 89.8%);
	--c_dist1:hsl(0 0% 92.8%);
	--c_back0:hsl(0 0% 3.9%);
	--c_back1:hsl(0 0% 6.9%);
	--c_back2:hsl(0 0% 9.9%);
	--c_back3:hsl(0 0% 12.9%);
	--c_txt:hsl(0 0% 89.8%);
	--c_txt_r:hsl(0 0% 5.9%);
	--c_subtle:hsl(0 0% 69%);
	--c_border:hsl(0 0% 50%);
}


.c_dist0{color:var(--c_dist0);}
.c_dist1{color:var(--c_dist1);}
.bc_dist0{background-color:var(--c_dist0);}
.bc_dist1{background-color:var(--c_dist1);}
.bc_back0{background-color:var(--c_back0);}
.bc_back1{background-color:var(--c_back1);}
.bc_back2{background-color:var(--c_back2);}
.bc_back3{background-color:var(--c_back3);}
.c_txt{color:var(--c_txt);}
.c_txt_r{color:var(--c_txt_r);}
.bc_txt_r{background-color:var(--c_txt_r);}
.c_subtle{color:var(--c_subtle);}
.bc_subtle{background-color:var(--c_subtle);}
.c_border{color:var(--c_border);}
.bc_border{background-color:var(--c_border);}

.b1{border:1px solid var(--c_border);}
.bt1{border-top:1px solid var(--c_border);}
.bb1{border-bottom:1px solid var(--c_border);}
.bb3{border-bottom:3px solid var(--c_border);}

.mobile0{
	display:unset;
}
.mobile1{
	display:none !important;
}
@media only screen and (max-width:700px){
	.mobile0{
		display:none !important;
	}
	.mobile1{
		display:unset !important;
	}
	:root{
		--ismobile:1;
	}
}
@media only screen and (max-height:700px) {
  html,body{
    font-size:8px;
  }
}
@font-face {
    font-family:'FreeMonospaced';
    font-weight:normal;
    src:url('fonts/FreeMonospaced.ttf');
}
@font-face {
    font-family:'FreeMonospaced';
    font-weight:bold;
    src:url('fonts/FreeMonospacedBold.ttf');
}
@font-face {
    font-family:'FreeMonospaced';
    font-style:italic;
    font-weight:normal;
    src:url('fonts/FreeMonospacedItalic.ttf');
}
@font-face {
    font-family:'FreeMonospaced';
    font-style:italic;
    font-weight:bold;
    src:url('fonts/FreeMonospacedBoldItalic.ttf');
}
*{
	font-family:'FreeMonospaced','Courier New',monospace;
	scroll-margin-top:var(--scrollmargintop,0px);
	scroll-margin-bottom:var(--scrollmarginbottom,0px);
}

html,body{
	margin:0;
	font-size:10px;
	text-align:left;
	color:var(--c_txt);
	background:var(--c_back0);
	background:linear-gradient(90deg,var(--c_back0) 0%,hsl(from var(--c_back0) h s calc(l - 3)) 50%,var(--c_back0) 100%) fixed;
}
.bcf{background:linear-gradient(90deg,var(--c_back0) 0%,hsl(from var(--c_back0) h s calc(l - 3)) 50%,var(--c_back0) 100%) fixed;}
input,select{
	margin:0;
	color:black;
	border:1px solid gray;
	font-size:inherit;
	padding:0.5rem;
	background-color:white;
	font-size:1.2rem;
}
input[disabled],select[disabled]{
	background-color:lightgrey;
}
textarea{
	margin:0;
	padding:0.5rem;
	background-color:white;
	border:1px solid gray;
	color:black;
	resize:none;
	overflow:auto;
	font-size:inherit;
	tab-size:2;
}
input[type="radio"]{
	border:1px solid black;
	cursor:pointer;
	width:1em !important;
	vertical-align:text-top;
}
input[type="range"]{
	background-color:inherit;
	outline:none;
	padding:0;
}
input[type="checkbox"]{
	outline:none;
	padding:0;
	width:1em !important;
	vertical-align:text-top;
}
textarea:disabled{
	background-color:#AAA;
}
pre{
	margin:0;
	padding:0;
}
label{
	cursor:pointer;
	user-select:none;
	display:inline-flex;
	align-items:center;
}
time[date]:not([date=""]):not([date="0"]):empty::before{
	content:'             ';
	white-space:pre;
	animation-name:skeleton;
	animation-duration:3s;
	animation-iteration-count:5;
	background-attachment:fixed;
}
.ico_load{
	display:inline-block;
}
.ico_load *{
	display:none !important;
}
.wall{
	width:100% !important;
	box-sizing:border-box;
}
.expheader1{
	position:sticky;
	z-index:3;
}
.expheader2{
	position:sticky;
	z-index:2;
}
.expheader3{
	position:sticky;
	z-index:1;
}
.button00{
	background-color:var(--c_dist1);
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:var(--c_txt_r);
	cursor:pointer;
	padding:1rem;
	user-select:none;
	position:relative;
	box-sizing:border-box;
	border:1px solid hsl(from var(--c_dist1) h s calc(l - 5));
	border-radius:0.5rem;
	font-weight:bold;
}
.button00:hover{
	outline:1px solid hsl(from var(--c_dist1) h s calc(l - 10));;
}
.button10{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	padding:1rem;
	cursor:pointer;
	text-decoration:none;
	border:1px solid;
	border-radius:0.5rem;
	user-select:none;
	position:relative;
}
.button10:hover{
	outline:1px solid;
}
.button20{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	cursor:pointer;
	text-decoration:none;
	user-select:none;
	position:relative;
}
.button20:hover{
	font-weight:bold;
}
.button00::after,button10::after,button20::after{
	content:'\200c';
}
.label00{
	display:inline-flex;
	align-items:center;
	padding:0.5rem;
	font-weight:bold;
	border-radius:1rem;
	color:var(--c_dist1);
	border:1px solid var(--c_border);
}
.menuw:hover .menu,.menu:hover,.menu:active{
	display:block;
}
.menu{
	display:none;
	z-index:1;
}
.menui:hover,.menui:active{
	background-color:var(--c_back0);
	color:var(--c_txt);
	cursor:pointer;
}
#test_textarea{
	position:absolute;
	left:-5000px;
	top:-5000px;
	overflow:hidden;
	height:1em;
}
.infobox{
	box-sizing:border-box;
	font-size:1.5rem;
	background-color:var(--c_back1);
	border:1px dashed var(--c_subtle);
	color:var(--c_txt);
	padding:1rem;
	margin:0.5rem 0;
	text-align:left;
}
.alert{
	outline-offset:-1px;
	outline:1px solid red;
}
img,video{
	max-width:100%;
	height:auto;
}
audio{
	max-width:100%;
	height:2rem;
}
iframe{
	max-width:100%;
}
*{
	scroll-behavior:smooth;
	scrollbar-color:#888 #CCC;
}
*::-webkit-scrollbar-thumb{
	background-color:#888;
}
*::-webkit-scrollbar-track{
	background-color:#CCC;
}
.usn{
	user-select:none;
}
[placeholder]:empty::before{
	content:attr(placeholder);
	color:grey;
	white-space:pre-wrap;
	font-size:inherit;
}
.highdiv{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:8rem;
  background:linear-gradient(transparent,var(--c_back2) 70%);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding-bottom:1rem;
}
[label]:hover::before{
	content:attr(label);
	white-space:pre;
	right:0;
	top:100%;
	margin-top:0.5rem;
	position:absolute;
	background-color:var(--c_txt);
	color:var(--c_txt_r);
	padding:0.5rem;
	font-size:1.6rem;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	z-index:1;
}
[label_ul]:hover::before{
	content:attr(label_ul);
	white-space:pre;
	right:0;
	bottom:100%;
	margin-bottom:0.5rem;
	position:absolute;
	background-color:var(--c_txt);
	color:var(--c_txt_r);;
	padding:0.5rem;
	font-size:1.6rem;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	z-index:1;
}
[label_il]:hover::before{
	content:attr(label_il);
	white-space:pre;
	right:0;
	margin-right:0.2rem;
	top:0;
	position:absolute;
	background-color:var(--c_txt);
	color:var(--c_txt_r);;
	padding:0.5rem;
	font-size:1.6rem;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	z-index:1;
}
[label_ur]:hover::before{
	content:attr(label_ur);
	white-space:pre;
	left:0;
	bottom:100%;
	margin-bottom:0.5rem;
	position:absolute;
	background-color:var(--c_txt);
	color:var(--c_txt_r);;
	padding:0.5rem;
	font-size:1.6rem;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	z-index:1;
}
[label_br]:hover::before{
	content:attr(label_br);
	white-space:pre;
	left:0;
	top:100%;
	margin-top:0.5rem;
	position:absolute;
	background-color:var(--c_txt);
	color:var(--c_txt_r);;
	padding:0.5rem;
	font-size:1.6rem;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	z-index:1;
}
.dib{
	display:inline-block;
}
.db{
	display:block;
}
.di{
	display:inline !important;
}
.dif{
	display:inline-flex;
}
.df{
	display:flex;
}
.dfs0{
	flex-shrink:0;
}
.dfg1{
	flex-grow:1;
}
.dfaic{
	align-items:center;
}
.dt{
	display:table;
}
.dtr{
	display:table-row;
}
.dtc{
	display:table-cell !important;
}
.dnone{
	display:none !important;
}
.pu{
	position:unset !important;
}
.pf{
	position:fixed;
}
.pa{
	position:absolute;
}
.pr{
	position:relative;
}
.ps{
	position:static;
}
.psk{
	position:sticky;
}
.zi1{
	z-index:1;
}
.zi2{
	z-index:2;
}
.zi3{
	z-index:3;
}
.zi4{
	z-index:4;
}
.zi5{
	z-index:5;
}
.zi666{
	z-index:666;
}
.zi9999{
	z-index:9999;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.cb{
	clear:both;
}
.toe{
	text-overflow:ellipsis;
}
.oa{
	overflow:auto;
}
.oh{
	overflow:hidden;
}
.ov{
	overflow:visible !important;
}
.oya{
	overflow-y:auto;
}
.oys{
	overflow-y:scroll;
}
.posym{
	top:50%;
	transform:translateY(-50%);
}
.posxm{
	left:50%;
	transform:translateX(-50%);
}
.posc{
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.bnone{
	border:none !important;
}

.brd0{
	border-radius:0;
}
.brd5{
	border-radius:0.5rem;
}
.brd10{
	border-radius:1rem;
}
.brd40{
	border-radius:4rem;
}
.op3{
	opacity:0.3;
}
.op6{
	opacity:0.6;
}
@keyframes shake{
  0%{transform:translate(0px,1px);}
  5%{transform:translate(0px,-1px);}
  10%{transform:translate(0px,1px);}
  15%{transform:translate(0px,-1px);}
  20%{transform:translate(0px,1px);}
  25%{transform:translate(0px,-1px);}
  30%{transform:translate(0px,1px);}
  35%{transform:translate(0px,-1px);}
  40%{transform:translate(0px,0px);}
  100%{transform:translate(0px,0px);}
}
@keyframes fadeinout {
    0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:0;}
}
@keyframes fadein{
	0%{opacity:0.3;}
	100%{opacity:1;}
}
.fadein{
	animation:fadein 1s ease-in 1;
}
@keyframes fadeout{
	0%{opacity:1;}
    100%{opacity:0;}
}
.fadeout{
	animation:fadeout 1s ease-out 1;
	opacity:0;
}
.fadeinout{
    animation:fadeinout 2s ease-in infinite;
}
.shake{
	animation-name:shake;
	animation-duration:1s;
	animation-iteration-count:infinite;
}
.shake5s{
	animation-name:shake;
	animation-duration:1s;
	animation-iteration-count:5;
	animation-delay:0.1s;
}
.b0{
	bottom:0;
}
.r0{
	right:0;
}
.r5{
	right:0.5rem;
}
.r10{
	right:1rem;
}
.r25{
	right:2.5rem;
}
.l0{
	left:0;
}
.l10{
	left:1rem;
}
.l50{
	left:5rem;
}
.l300{
	left:30rem;
}
.t0{
	top:0;
}
.t5{
	top:0.5rem;
}
.t10{
	top:1rem;
}
.t60{
	top:6rem;
}
.bsb{
	box-sizing:border-box;
}
.wsn{
	white-space:normal !important;
}
.wsnw{
	white-space:nowrap;
}
.wspw{
	white-space:pre-wrap;
}
.wsp{
	white-space:pre;
}
.wmc{
	width:max-content;
}
.w1em{
	width:1em !important;
}
.w1pc{
	width:0.1rem;
}
.w20pc{
	width:20%;
}
.w25pc{
	width:25%;
}
.w30pc{
	width:30%;
}
.w50pc{
	width:50% !important;
}
.w70pc{
	width:70%;
}
.w20{
	width:2rem;
}
.w30{
	width:3rem;
}
.w50{
	width:5rem;
}
.w55{
	width:5.5rem;
}
.w70{
	width:7rem;
}
.w100{
	width:10rem;
}
.w150{
	width:15rem;
}
.w200{
	width:20rem;
}
.w250{
	width:25rem;
}
.w290{
	width:29rem;
}
.w300{
	width:30rem;
}
.w340{
	width:34rem;
}
.w350{
	width:35rem !important;
}
.w400{
	width:40rem !important;
}
.w480{
	width:48rem !important;
}
.w600{
	width:60rem;
}
.w630{
	width:63rem;
}
.w800{
	width:80rem;
}
.wm100{
	min-width:10rem;
}
.mw160{
	max-width:16rem;
}
.mw200{
	max-width:20rem;
}
.mw250{
	max-width:25rem;
}
.mw300{
	max-width:30rem;
}
.mw320{
	max-width:32rem;
}
.mw350{
	max-width:35rem;
}
.mw400{
	max-width:40rem;
}
.mw600{
	max-width:60rem;
}
.mw800{
	max-width:80rem;
}
.mwall{
	max-width:100%;
}
.h1em{
	height:1em !important;
}
.hmin20{
	min-height:2rem !important;
}
.hmin50{
	min-height:5rem !important;
}
.hmin100{
	min-height:10rem !important;
}
.hmin150{
	min-height:15rem;
}
.hmin300{
	min-height:30rem;
}
.hmin50v{
	min-height:50vh;
}
.hmin100v{
	min-height:100vh;
	min-height:100dvh;
}
.h100vh{
	height:100vh;
	height:100dvh;
}
.hmax100{
	max-height:10rem;
}
.hmax200{
	max-height:20rem;
}
.hmax250{
	max-height:25rem;
}
.hmax300{
	max-height:30rem;
}
.hmax600{
	max-height:60rem;
}
.mhall{
	max-height:100%;
}
.hall{
	height:100%;
}
.h20{
	height:2rem;
}
.h30{
	height:3rem;
}
.h50{
	height:5rem;
}
.h70{
	height:7rem;
}
.h150{
	height:15rem;
}
.h200{
	height:20rem;
}
.h250{
	height:25rem;
}
.h300{
	height:30rem;
}
.h600{
	height:60rem;
}
.p0{
	padding:0 !important;
}
.p2{
	padding:0.2rem !important;
}
.p3{
	padding:0.3rem;
}
.p4{
	padding:0.4rem;
}
.p5{
	padding:0.5rem;
}
.p10{
	padding:1rem;
}
.p15{
	padding:1.5rem;
}
.p20{
	padding:2rem;
}
.p40{
	padding:4rem;
}
.pt2{
	padding-top:0.2remx;
}
.pt5{
	padding-top:0.5rem;
}
.pt10{
	padding-top:1rem;
}
.pt15{
	padding-top:1.5rem;
}
.pt20{
	padding-top:2rem;
}
.pt30{
	padding-top:3rem;
}
.pt70{
	padding-top:7rem;
}
.pb2{
	padding-bottom:0.2rem !important;
}
.pb5{
	padding-bottom:0.5rem;
}
.pb10{
	padding-bottom:1rem !important;
}
.pb15{
	padding-bottom:1.5rem;
}
.pb20{
	padding-bottom:2rem;
}
.pb30{
	padding-bottom:3rem !important;
}
.pb40{
	padding-bottom:4rem;
}
.pb50{
	padding-bottom:5rem;
}
.pb60{
	padding-bottom:6rem;
}
.pb70{
	padding-bottom:7rem;
}
.pb100{
	padding-bottom:10rem;
}
.pb150{
	padding-bottom:15rem;
}
.pb200{
	padding-bottom:20rem;
}
.pr2{
	padding-right:0.2rem;
}
.pr5{
	padding-right:0.5rem;
}
.pr6{
	padding-right:0.6rem;
}
.pr10{
	padding-right:1rem;
}
.pr15{
	padding-right:1.5rem;
}
.pr20{
	padding-right:2rem;
}
.pr30{
	padding-right:3rem;
}
.pr70{
	padding-right:7rem !important;
}
.pl2{
	padding-left:0.2rem;
}
.pl5{
	padding-left:0.5rem !important;
}
.pl8{
	padding-left:8rem;
}
.pl10{
	padding-left:1rem;
}
.pl15{
	padding-left:1.5rem;
}
.pl20{
	padding-left:2rem;
}
.pl30{
	padding-left:3rem;
}
.pl70{
	padding-left:7rem !important;
}
.pl90{
	padding-left:9rem !important;
}
.msa{
	margin:0 auto;
}
.m1{
	margin:0.1rem;
}
.m5{
	margin:0.5rem;
}
.m10{
	margin:1rem;
}
.mt0{
	margin-top:0;
}
.mt2{
	margin-top:0.2rem;
}
.mt5{
	margin-top:0.5rem;
}
.mt10{
	margin-top:1rem;
}
.mt15{
	margin-top:1.5rem;
}
.mt20{
	margin-top:2rem;
}
.mt30{
	margin-top:3rem;
}
.mt40{
	margin-top:4rem;
}
.mt50{
	margin-top:5rem;
}
.mt70{
	margin-top:7rem;
}
.mt100{
	margin-top:10rem;
}
.mt150{
	margin-top:15rem;
}
.mt200{
	margin-top:20rem;
}
.mb2{
	margin-bottom:0.2rem;
}
.mb5{
	margin-bottom:0.5rem;
}
.mb10{
	margin-bottom:1rem;
}
.mb20{
	margin-bottom:2rem;
}
.mb30{
	margin-bottom:3rem;
}
.mb50{
	margin-bottom:5rem;
}
.mb100{
	margin-bottom:10rem;
}
.ml2{
	margin-left:0.2rem;
}
.ml5{
	margin-left:0.5rem;
}
.ml10{
	margin-left:1rem;
}
.ml15{
	margin-left:1.5rem;
}
.ml20{
	margin-left:2rem;
}
.ml30{
	margin-left:3rem;
}
.ml300{
	margin-left:30rem;
}
.ml350{
	margin-left:35rem;
}
.ml600{
	margin-left:60rem;
}
.mr1{
	margin-right:0.1rem;
}
.mr2{
	margin-right:0.2rem;
}
.mr5{
	margin-right:0.5rem;
}
.mr10{
	margin-right:1rem;
}
.mr15{
	margin-right:1.5rem;
}
.mr30{
	margin-right:3rem;
}
.bct{
	background-color:transparent;
}

.bclines{
	background:repeating-linear-gradient(45deg, rgba(243, 243, 243,0.1) 0rem, rgba(243, 243, 243,0.1) 0.5rem, rgba(255, 255, 255,0) 0.5rem, rgba(255, 255, 255,0) 1rem);
}
.skeleton {
  background:linear-gradient(90deg,var(--c_txt_r) 0%,hsl(from var(--c_txt_r) h s calc(l - 10)) 50%,var(--c_txt_r) 100%);
  background-size:200% 100%;
  animation:skeleton 2s infinite;
}
@keyframes skeleton {
  0%{background-position:200% 0;}
  100%{background-position:-200% 0;}
}
.bcup{
	background-size:2.8rem 2.8rem;
	animation:upwards 3s linear infinite;
}
@keyframes upwards{
	0%{background-position:0 0;}
	100%{background-position: 2.8rem -2.8rem;}
}
.randommove{
	animation:randommove 4s linear infinite;
	transform-origin:center center;
}
@keyframes randommove{
	0%{opacity:1}
	50%{opacity:0}
	100%{opacity:1}
}
.bcDDDg{
	background:rgb(221,221,221);
	background:linear-gradient(90deg,rgba(221,221,221,1) 0%,rgba(211,211,211,1) 50%,rgba(221,221,221,1) 100%);
	background-attachment:fixed;
}
.blur2{
	filter:blur(2px);
	pointer-events:none;
}
.blur4{
	filter:blur(4px);
	pointer-events:none;
}
.fss{
	font-size:1.4rem;
}
.fssr{
	font-size:90% !important;
}
.fsxs{
	font-size:1.2rem !important;
}
.fsxxs{
	font-size:1rem !important;
}
.fsxxxs{
	font-size:0.8rem !important;
}
.fsm{
	font-size:1.56rem;
}
.fsl{
	font-size:1.75rem;
}
.fsxl{
	font-size:2rem;
}
.fsxxl{
	font-size:2.4rem;
}
.fsxxxl{
	font-size:2.9rem;
}
.fsxxxxl{
	font-size:4.2rem;
}
.fsi{
	font-style:italic;
}
.fwn{
	font-weight:normal !important;
}
.fwb{
	font-weight:bold;
}
.fwbr{
	font-weight:bolder;
}
.wbn{
	word-break:normal !important;
}
.wbbw{
	word-break:break-word;
	hyphenate-character:'';
}
.wbba{
	word-break:break-all;
	line-break:anywhere;
}
.wwa{
	word-wrap:anywhere;
}
.wwbw{
	word-wrap:break-word;
}
.tdn{
	text-decoration:none;
}
.tdu{
	text-decoration:underline !important;
}
.tal{
	text-align:left;
}
.tar{
	text-align:right;
}
.tac{
	text-align:center;
}
.vas{
	vertical-align:super;
}
.vat{
	vertical-align:top;
}
.vam{
	vertical-align:middle;
}
.vab{
	vertical-align:bottom;
}
.vasr{
	vertical-align:super;
}
.vasb{
	vertical-align:sub;
}
.va1em{
	vertical-align:1em;
}
.mirrorX{
	transform:scaleX(-1);
}
.hp:hover{
	cursor:pointer;
}
.hg:hover{
	cursor:grabbing;
}
.hd:hover{
	cursor:default;
}