/* Ayaka-Chiori theme HFS */
:root .theme-dark { --bg: #258; --text: #fff; }
:root {
	color-scheme: light dark;
	--RO635: url(Roshka.webp);
	--IWS-2000: url(IWS-2000.webp);
  --mild-contrast: var(--stroke-bg);
	--nick-cover: 0, 0, 0;
	--shadow: 0.4px -0.4px 0 rgba(var(
	--nick-cover), 1), -0.4px 0.4px 0 rgba(var(--nick-cover), 1), -0.4px -0.4px 0 rgba(var(--nick-cover), 1), 0.4px 0px 0 rgba(var(--nick-cover), 1), 0 -0.4px 0 rgba(var(--nick-cover), 1), 0 0.4px 0 rgba(var(--nick-cover), 1), 0.4px 0 0 rgba(var(--nick-cover), 1), -0.4px 0 0 rgba(var(--nick-cover), 1);
}
:root .theme-dark {
	--default-text-shadow: .1em .1em 1px #000000bf;
	background: #ffffff7a;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-image: var(--RO635);
	--button-text: #fff;
  --ghost-contrast: var(--transpatency-list);
  --button-bg: var(--transpatency-list);
  --bg: var(--transpatency-list);
  color: var(--text);
  --text: #fbff00; /* Font color */
	--stroke-dark: 0.045em rgba(0, 0, 0, 0.5); /* Font Border */
	--stroke-bg: 1px solid #ffd900;  /* Border list */
  --mild-contrast: #ffd900; /* Border list */
  --transpatency-list: #00000057; /* Transpatency list,menu */
}
:root .theme-light {	
	--default-text-shadow: .1em .1em 1px #00000040;
	background: #000057;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-image: var(--IWS-2000);
  --ghost-contrast: var(--transpatency-list);
  --button-bg: var(--transpatency-list);
  --bg: var(--transpatency-list);
  color: var(--text);
  --text-light: var(--text);
  --button-text: #bdffbc;
  --text: #00f0fb; /* Font color */
  --stroke-dark: 0.045em rgba(0, 0, 0, 0.5); /* Font Border */
  --stroke-bg: 1px solid #00d3ff; /* Border list */
  --mild-contrast: #00d3ff; /* Border list */
  --transpatency-list: #482b7599; /* Transpatency list,menu */
}
body, input {
  color: var(--text) !important;
}
:root .theme-dark button.toggled {
	color: var(--text);
	border: var(--stroke-bg);
	text-shadow: 0 0 3px #fff;
}
:root .theme-dark a {
	color: var(--text);
}
#root .file-show .bar .entry-details {
    -webkit-text-stroke: var(--stroke-dark);
}
#root .file-show {
    -webkit-text-stroke: var(--stroke-dark);
}
.breadcrumb:nth-child(-n+3) .icon {
  padding: 1px 0px 0px 0px;
}
.breadcrumb .icon {
    font-size: 19px;
}
.breadcrumb {
  border-radius: 0.3em;
  border: var(--stroke-bg);
  margin: 0px 1px 0px 0px;
}
button:not(.before-sliding) {
  border: var(--stroke-bg);
}
button {
  color: var(--text);
  -webkit-text-stroke: var(--stroke-dark);
}
#folder-stats {
    font-size: 100%;
}
ul.dir li .link-wrapper a .icon {
	color: var(--text);
}
ul.dir li .link-wrapper a:last-of-type {
  -webkit-text-stroke: var(--stroke-dark);
}
#folder-stats {
  -webkit-text-stroke: var(--stroke-dark);
}
select {
	color: var(--text);
	-webkit-text-stroke: var(--stroke-dark);
	border: var(--stroke-bg);
}
ul.dir li .entry-panel .entry-details {
  font-size: 100%;
  font-variant-numeric: tabular-nums;
  -webkit-text-stroke: var(--stroke-dark);
}
ul.dir li {
  -webkit-text-stroke: var(--stroke-dark);
  border-bottom: 0px solid var(--faint-contrast);
  background-color: var(--ghost-contrast);
  border: var(--stroke-bg);
  border-radius: 5px;
  margin-bottom: 2px;
}
ul.dir li:nth-of-type(2n+1) {
	background-color: var(--ghost-contrast);
}
button:not(.before-sliding) {
   border: var(--stroke-bg) !important;
}
menu-bar button {
  padding: min(1vh,.5em) 0;
  border: var(--stroke-bg);
}
button .icon + .label {
    color: var(--text);
}
button:not(.before-sliding) {
  border: #0000;
}
button .icon {
    color: var(--text);
}
ul.dir > p {
	-webkit-text-stroke: var(--stroke-dark);
  }
.dialog {
    background: var(--bg);
    border-radius: 5px;
	border: var(--stroke-bg);
	-webkit-text-stroke: var(--stroke-dark);
}
:root .theme-dark .dialog-icon .icon {
  color: #fff;
}
:root .theme-dark .dialog-icon {
  color: #fff;
  border-radius: 3.5px;
}
.dialog-icon {
    border-radius: 0em 0;
	width: 42px;
    height: 32px;
}
:root .theme-light a .breadcrumb {
    border: var(--stroke-bg);
}
:root .theme-light a {
    color: var(--text);
}
.hide-back, .upload-toolbar, header {
    background-color: #fff0;
}
.dialog-closer {
    background-color: #f00;
}
:root .theme-dark .dialog-closer {
    background: #f00;
	border: 1px solid #ffd90000;
    border-radius: 3.5px;
}
body, button, select, input {
    font-size: 13pt;
}
.breadcrumb {
     border-radius: 0.3em;
	 -webkit-text-stroke: var(--stroke-dark);
}
.dialog-icon ~ .dialog-title {
  -webkit-text-stroke: var(--stroke-dark);
}
input[type="checkbox"] {
  transform: scale(1.5);
  accent-color: #ff00e3;
}
@font-face {
	font-family: JetBrainsMono;
	src:
		url(JetBrainsMono.woff2) format('woff2'),
}
body, button, select, input, option {
        font-family: JetBrainsMono;
        font-weight: 400;
}
.file > .link-wrapper > a > .custom-icon {
  width: 1.2em;
}
.popup-menu-button:hover { 
color: var(--text);
text-shadow: var(--shadow);
}
.popup-menu-button { 
color: var(--text);
text-shadow: var(--shadow);
}
:root .theme-dark a, :root .theme-light a, #folder-stats, ul.dir>p, ul.dir li .entry-props, ul.dir li.page-separator:before, :root .theme-dark .dialog-icon .icon {
    #text-shadow: var(--shadow);
}
ul.dir li .entry-panel .entry-details {
text-shadow: var(--shadow);
}
button {
text-shadow: var(--shadow);
}
filter {
text-shadow: var(--shadow);
}
label  {
text-shadow: var(--shadow);
}
.dialog-title {
text-shadow: var(--shadow);
}
div {
text-shadow: var(--shadow);
}
select {
text-shadow: var(--shadow);
}
