@font-face {
	font-family: "Noto Emoji Bold";
	src: url(NotoEmoji-Bold.woff2);
}

:root {
	color-scheme: dark;

	--grid-sz: 10em;
	--grid-ln: 3;
	--nav-sz: 16em;
	--sbw: 0.5em;
	--sbh: 0.5em;

	--fg: #fcdfc5;
	--fg-max: #fcdfc5;
	--fg2-max: #fcdfc5;
	--fg-weak: #bda58c;

	--bg-u6: #7c6f64;
	--bg-u5: #665c54;
	--bg-u4: #504945;
	--bg-u3: #3c3836;
	--bg-u2: #32302f;
	--bg-u1: #1d2021;
	--bg: #282828;
	--bgg: var(--bg);
	--bg-d1: #1c1c1c;
	--bg-d2: #181818;
	--bg-d3: #111;
	--bg-max: #000;

	--tab-alt: #cfb49b;
	--row-alt: #1d2021;

	--scroll: #eb0;
	--sel-fg: var(--bg-d1);
	--sel-bg: var(--fg);

	--a: var(--fg-weak);
	--a-b: #689d6a;
	--a-hil: var(--fg);
	--a-dark: #427b58;
	--a-gray: #666;

	--btn-fg: var(--fg-weak);
	--btn-bg: var(--bg-u2);
	--btn-h-fg: var(--fg);
	--btn-h-bg: var(--bg-u3);
	--btn-1-fg: var(--fg-weak);
	--btn-1-bg: var(--bg-u4);
	--btn-bs: none !important;
	--btn-bb: 1px solid var(--bg-u4);
	--btn-h-bs: var(--btn-bs);
	--btn-h-bb: var(--btn-bb);
	--btn-1-bs: var(--btn-bs);
	--btn-1-bb: var(--btn-bb);
	--btn-1h-fg: var(--btn-fg);
	--btn-1h-bg: var(--bg-u5);
	--btn-1h-bs: var(--btn-1-bs);
	--btn-1h-bb: var(--btn-1-bb);
	--chk-fg: var(--tab-alt);
	--txt-sh: var(--bg-d2);
	--txt-bg: var(--btn-bg);

	--op-aa-fg: var(--a);
	--op-aa-bg: var(--bg-d2);
	--op-a-sh: rgba(0,0,0,0.5);

	--u2-btn-b1: var(--fg);
	--u2-sbtn-b1: var(--fg);
	--u2-txt-bg: var(--bg-u5);
	--u2-tab-bg: var(--bg-u2);
	--u2-tab-b1: var(--bg-u4);
	--u2-tab-1-fg: var(--fg);
	--u2-tab-1-bg: var(--bg-u4);
	--u2-tab-1-b1: var(--bg-u6);
	--u2-tab-1-b2: var(--bg-u6);
	--u2-tab-1-sh: #ffffff00;
	--u2-b-fg: var(--fg-weak);
	--u2-b1-bg: #8f3f71;
	--u2-b2-bg: #b57614;
	--u2-inf-bg: #464965;
	--u2-inf-b1: #72779c;
	--u2-ok-bg: #427b58;
	--u2-ok-b1: #689d6a;
	--u2-err-bg: #9d0006;
	--u2-err-b1: #cc241d;
	--ud-b1: #7c6f64;

	--sort-1: #fcdfc5;
	--sort-2: #8ec07c;

	--sz-b: #aaa;
	--sz-k: #4ff;
	--sz-m: var(--tab-alt);
	--sz-g: var(--a);
	--sz-t: var(--sz-g);
	--sz-p: var(--sz-t);

	--srv-1: #bda58c;
	--srv-2: #917e6c;
	--srv-3: #f4c;
	--srv-3b: rgba(255,68,204,0.6);

	--tree-bg: #2b2b2b;

	--g-play-bg: #750;
	--g-play-b1: #c90;
	--g-play-b2: #da4;
	--g-play-sh: #b83;

	--g-sel-fg: #fff;
	--g-sel-bg: #925;
	--g-sel-b1: #e39;
	--g-sel-sh: #b36;
	--g-fsel-bg: #d39;
	--g-fsel-b1: #f4a;
	--g-fsel-ts: #804;
	--g-dfg: var(--srv-3);
	--g-fg: var(--a-hil);
	--g-bg: var(--bg-u2);
	--g-b1: var(--bg-u4);
	--g-b2: var(--bg-u5);
	--g-g1: var(--bg-u2);
	--g-g2: var(--bg-u5);
	--g-f-bg: var(--bg-u4);
	--g-f-b1: var(--bg-u5);
	--g-f-fg: var(--a-hil);
	--g-sh: rgba(0,0,0,0.3);

	--f-sh1: 0.33;
	--f-sh2: 0.02;
	--f-sh3: 0.2;
	--f-h-b1: rgba(128,128,128,0.7);

	--f-play-bg: #fc5;
	--f-play-fg: #000;
	--f-sel-sh: var(--bg-u6);
	--f-gray: #999;

	--fm-off: #f6c;
	--mp-sh: var(--bg-d3);
	--mp-b-bg: rgba(0,0,0,0.2);

	--err-fg: #fff;
	--err-bg: #a20;
	--err-b1: #f00;
	--err-ts: #500;
}

* {
	border-width: 1px !important;
	border-radius: 0px !important;
	text-shadow: none !important;
	box-shadow: none !important;
}


.s0::after, .s1::after,
.s0r::after, .s1r::after {
	margin-left: 1em;
}

#ops a,
#u2bm,
tr .c,
#treeh,
#zip1 {
	font-family: "Noto Emoji Bold" !important;
}

.btn {
	border: 1px solid var(--bg-u4) !important;
}

label {
	border: 1px solid #504945 !important;
}

#u2conf .txtbox {
	border: 1px solid var(--bg-u4) !important;
	background-color: var(--bg-u2) !important;
	font-size: 1em;
	padding: 0 0;
	height: 1.5em;
}

#tt, #toast {
	border: 0 solid var(--bg-u6);
	transition: none;
	opacity: 0;
}

#u2conf input[type="checkbox"]:checked + label {
	color: var(--fg-weak) !important;
}

#u2conf input[type="checkbox"]:checked + label {
	color: var(--fg) !important;
	border-color: var(--bg-u6) !important;
}

#u2conf input[type="checkbox"] + label:hover {
	color: var(--fg) !important;
	border-color: var(--bg-u5) !important;
}

#u2conf input[type="checkbox"]:checked + label:hover {
	border-color: #917e6c !important;
}

#u2conf a.b {
	font-size: 1em;
	padding: 0 0;
	margin: 0 0;
	width: 1.5em;
	height: 1.5em;
	bottom: 0;
	background: var(--bg-u2) !important;
	border: 1px solid var(--bg-u4) !important;
	color: var(--fg-weak) !important;
	line-height: 1.5em;
}

#u2conf input[type="checkbox"] + label:focus {
	border-width: 0px !important;
}

*:focus,
*:focus + label,
#pctl *:focus,
input[type="text"]:focus,
input:not([type]):focus,
textarea:focus,
.btn:focus {
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0px !important;
}

#toast.warn {
  background: #960;
  border-color: #ffffff00 !important;
}

#u2btn {
	border-width: 1px !important;
}

#u2btn:hover {
	border-style: solid;
}

#u2conf a.b:hover {
	border-color: var(--bg-u6) !important;
	background-color: var(--bg-u4) !important;
	color: var(--fg) !important;
}

#ops a {
	color: var(--fg-weak) !important;
	margin: 0 4px;
	padding: 4px;
	border: 1px solid var(--bg-u4);
	background-color: var(--bg-u2);
}

#ops a:hover {
	color: var(--fg) !important;
	border: 1px solid var(--bg-u5);
	background-color: var(--bg-u3);
}

#ops a.act {
	color: var(--fg) !important;
	border: 1px solid var(--bg-u6);
	background-color: var(--bg-u4);
}

#ops a.act:hover {
	border: 1px solid #917e6c;
	background-color: var(--bg-u5);
}

#u2cards a {
	margin-left: -1px;
	color: var(--fg-weak);
}

#u2cards a.act {
	padding-bottom: 0.2em;
	border-color: var(--u2-tab-1-b1);
	border-radius: 0px;
	color: var(--fg);
}

#u2btn {
	width: min(16em, 80%);
	font-size: 1rem !important;
}

#u2bm {
	font-size: 0px;
}

#u2bm sup {
	font-family: sans-serif !important;
	font-size: 1rem !important;
	font-weight: normal;
}

#ops {
	margin-top: 28px;
}

#u2conf.w {
	width: 36em;
}

#u2conf #u2btn {
	margin-top: 0.3em;
}

#files thead a {
	color: var(--fg-weak) !important;
	background: var(--bg-u2) !important;
	border: 1px solid var(--bg-u4) !important;
	padding: 0em .3em;
}

#files thead th {
	border-bottom: none;
	cursor: none;
}

#files a:hover {
	color: var(--fg) !important;
	background: var(--bg-u4) !important;
	border-color: var(--bg-u6) !important;
}

#files th:hover .cfg {
	background: transparent !important;
}

#treeh .btn {
	color: var(--fg-weak);
}

#path i {
	margin: -.5em 0em -.15em 0em;
	display: none;
	border: 1px solid rgba(255,224,192,0.3);
	border-width: .05em .05em 0 0;
	transform: rotate(45deg);
	background: linear-gradient(45deg,rgba(0,0,0,0) 40%,rgba(0,0,0,0.25) 75%,rgba(0,0,0,0.35));
}

#path a {
	color: var(--fg-weak);
}

#path a:hover {
	color: var(--fg);
	background: none;
}

#files tbody tr td, #files tbody tr td + td {
	border: 1px solid transparent;
}

#files tbody tr:hover td, #files tbody tr:hover td + td {
	background: var(--bg-u2);
	box-shadow: none;
	border-color: var(--bg-u4);
}

#files tbody a:hover {
	color: var(--fg) !important;
	background: transparent !important;
}

#files,
#path,
#wfp,
#repl,
#wrap div a {
	margin-left: max(0px, 50% - 270px) !important;
}

#path {
	margin-top: 0px;
}

#op_up2k {
	padding-bottom: 0px;
}

#modalc {
	background: var(--bg-u1);
	color: var(--fg);
	border: 1px solid var(--bg-u4);
}

#modalb a {
	color: var(--fg-weak) !important;
	background: var(--bg-u2) !important;
	border: 1px solid var(--bg-u4) !important;
}

#modalb a:hover {
	color: var(--fg) !important;
	background: var(--bg-u4) !important;
	border: 1px solid var(--bg-u6) !important;
}

#modalc code {
	color: var(--fg) !important;
	background: var(--bg-u2) !important;
	border: 1px solid var(--bg-u4) !important;
}

#drops {
	visibility: hidden;
}