/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Copyright (C) 2011-2026 Electronic Study Bible.                           */
/* All rights reserved.  Void where prohibited.                              */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@charset "UTF-8";

/* NOTE: link, visited > hover, focus > active */

:root {
  /* font  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --font-family-serif: 'Times New Roman', Times, serif;
  --font-family-sans-serif: Arial, sans-serif;
  --font-family-console: 'Lucida Console', 'Courier New', 'Console', 'Consolas', courier, monospace;
  --window-font-family: var(--font-family-serif);
  --header-font-family: inherit;
  --main-font-family: inherit;
  --footer-font-family: inherit;
  --bar-font-family: inherit;
  --bar-title-font-family: inherit;
  --h-font-family: inherit;
  --title-font-family: Papyrus, var(--font-family-serif);
  --window-font-size: 18px;
  --header-font-size: inherit;
  --main-font-size: inherit;
  --footer-font-size: inherit;
  --footer-font-weight: inherit;
  --search-font-size: inherit;
  --search-sub-font-size: inherit;
  --title-font-size: 1.2em;
  --fails-font-size: 1.1em;
  --topbutton-font-size: 0.7em;
  --sbutton-font-size: 1.0em;
  --cbutton-font-size: 1.2em;
  --fbutton-font-size: 1em;
  --bar-font-size: 1em;
  --bar-title-font-size: 1.2em;
  --hbar-font-size: 1em;
  --fbar-font-size: 1em;
  --h-font-size: inherit;
  --d-font-size: inherit;
  --d-font-weight: normal;
  --v-font-size: var(--d-font-size);
  /* --v-line-height: 1.2em; */
  --v-num-font-size: 0.8em;
  --v-title-font-size: 1.09em;
  --info-link-font-size: 0.8em;
  /* color * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --white0: #999;
  --white1: #BBB;
  --white2: #DDD;
  --white3: #EEE;
  --white4: #FFF;
  --black0: #000;
  --black1: #111;
  --black2: #222;
  --black3: #333;
  --black4: #444;
  --blue0: #009;
  --blue1: #00B;
  --blue2: #00D;
  --blue3: #00E;
  --blue4: #00F;
  --green0: #090;
  --green1: #0B0;
  --green2: #0D0;
  --green3: #0E0;
  --green4: #0F0;
  --yellow0: #990;
  --yellow1: #BB0;
  --yellow2: #DD0;
  --yellow3: #EE0;
  --yellow4: #FF0;
  --red0: #900;
  --red1: #B00;
  --red2: #D00;
  --red3: #E00;
  --red4: #F00;
  --fg-color: var(--fg-color1);
  --fg-color0: var(--black0); /* muted */
  --fg-color1: var(--black1); /* normal */
  --fg-color2: var(--black2); /* hover, focus */
  --fg-color3: var(--black3); /* active */
  --fg-color4: var(--black4); /* super */
  --bg-color: var(--bg-color1);
  --bg-color0: var(--white0); /* muted */
  --bg-color1: var(--white1); /* normal */
  --bg-color2: var(--white2); /* hover, focus */
  --bg-color3: var(--white3); /* active */
  --bd-color: var(--bd-color1);
  --bd-color0: var(--black0);
  --bd-color1: var(--black1);
  --bd-color2: var(--black2);
  --bd-color3: var(--black3);
  --bd-color-lo0: #000; /* muted */
  --bd-color-hi0: #222;
  --bd-color-lo1: #111; /* normal */
  --bd-color-hi1: #333;
  --bd-color-lo2: #333; /* hover, focus */
  --bd-color-hi2: #555;
  --bd-color-lo3: #888; /* active */
  --bd-color-hi3: #777;
  --bar-fade: unset;
  --hbar-fade: unset;
  --fbar-fade: unset;
  --outline-color1: transparent;
  --outline-color2: var(--white2);
  --outline-color3: var(--outline-color2);
  /* window, header, main, footer  * * * * * * * * * * * * * * * * * * * * * */
  --window-fg-color: var(--fg-color1);
  --window-bg-color: var(--bg-color1);
  --window-bg-image: unset;
  --header-fg-color: var(--fg-color1);
  --header-bg-color: var(--bg-color1);
  --header-bd-width: 2px;
  --header-bd-style: outset;
  --header-bd-color: var(--bd-color1);
  --footer-fg-color: var(--fg-color3);
  --footer-bg-color: var(--bg-color1);
  --footer-bd-width: var(--header-bd-width);
  --footer-bd-style: var(--header-bd-style);
  --footer-bd-color: var(--bd-color1);
  --main-fg-color: var(--fg-color1);
  --main-bg-color: var(--bg-color2);
  --main-bd-width: 2px;
  --main-bd-style: outset;
  --main-bd-color: var(--bd-color1);
  /* link, input * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --link-fg-color1: var(--blue1); /* link, visited */
  --link-bg-color1: unset; /* link, visited */
  --link-bd-width: unset;
  --link-bd-style1: unset; /* link, visited */
  --link-bd-color1: unset; /* link, visited */
  --link-fg-color2: var(--blue2); /* hover, focus */
  --link-bg-color2: var(--link-bg-color1); /* hover, focus */
  --link-bd-style2: var(--link-bd-style1); /* hover, focus, active */
  --link-bd-color2: var(--link-bd-color1); /* hover, focus, active */
  --link-fg-color3: var(--blue3); /* active */
  --link-bg-color3: var(--link-bg-color2); /* active */
  --link-fg-color4: var(--blue4); /* super */
  --link-decoration-line1: underline;
  --link-decoration-style1: dotted;
  --link-decoration-color1: var(--link-fg-color1);
  --link-decoration-thickness1: unset;
  --link-decoration-line2: underline overline;
  --link-decoration-style2: var(--link-decoration-style1);
  --link-decoration-color2: var(--link-fg-color2);
  --link-decoration-thickness2: var(--link-decoration-thickness1);
  --link-decoration-line3: var(--link-decoration-line2);
  --link-decoration-style3: var(--link-decoration-style2);
  --link-decoration-color3: var(--link-fg-color3);
  --link-decoration-thickness3: var(--link-decoration-thickness2);
  --header-link-fg-color1: var(--link-fg-color2);
  --header-link-fg-color2: var(--link-fg-color3);
  --header-link-fg-color3: var(--link-fg-color3);
  --footer-link-fg-color1: var(--white1);
  --footer-link-fg-color2: var(--white2);
  --footer-link-fg-color3: var(--white3);
  --main-link-fg-color1: var(--link-fg-color1);
  --main-link-fg-color2: var(--link-fg-color2);
  --main-link-fg-color3: var(--link-fg-color3);
  --verses-link-fg-color1: var(--link-fg-color2);
  --verses-link-fg-color2: var(--link-fg-color3);
  --verses-link-fg-color3: var(--link-fg-color4);
  --input-fg-color1: var(--fg-color1);
  --input-bg-color1: var(--bg-color1);
  --input-fg-color2: var(--input-fg-color1);
  --input-bg-color2: var(--input-bg-color1);
/*
  --input-bg-color: rgb(240, 240, 240);
  --input-bd-width: 1.81818px;
  --input-bd-style: outset;
  --input-bd-style2: outset;
  --input-bd-style3: inset;
  --input-bd-color-hi1: var(--bd-color-hi1);
  --input-bd-color-lo1: var(--bd-color-lo1);
  --input-bd-color-hi2: var(--bd-color-hi2);
  --input-bd-color-lo2: var(--bd-color-lo2);
  --input-bd-color-hi3: var(--bd-color-hi3);
  --input-bd-color-lo3: var(--bd-color-lo3);
  --select-fg-color: unset;
  --select-bg-color: unset; *//* inherit; */
/*
  --select-bd-color: unset;
  --select-fg-color2: var(--select-fg-color);
  --select-bg-color2: var(--select-bg-color);
  --select-bd-color2: var(--select-bd-color);
  --option-fg-color: var(--select-fg-color);
  --option-fg-color2: var(--option-fg-color);
*/
/*  --option-bg-color: var(--select-bg-color); */
/*  --option-bg-color2: var(--option-bg-color); */
/*
  --option-selected-fg-color: var(--option-fg-color);
  --option-selected-fg-color2: var(--option-fg-color2);
*/
/*  --option-selected-bg-color: var(--option-bg-color); */
/*  --option-selected-bg-color2: var(--option-bg-color2); */
  /* border, outline */
  --bd-style1: outset;
  --bd-style2: outset;
  --bd-style3: inset;
  --outline-width: 1px;
  --outline-style1: solid;
  --outline-style2: var(--outline-style1);
  --outline-style3: var(--outline-style2);
  /* Box Shadow */
  --box-shadow-width: 1px 1px 1px 1px;
  --box-shadow-color: var(--bd-color-hi1);
  --box-shadow-color2: var(--box-shadow-color);
  /* top button  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --topbutton-fg-color1: var(--fg-color1);
  --topbutton-bg-color1: var(--bg-color1);
  --topbutton-bd-width: 1px;
  --topbutton-bd-style1: outset;
  --topbutton-bd-color1: var(--bd-color);
  --topbutton-fg-color2: var(--fg-color2);
  --topbutton-bg-color2: var(--topbutton-bg-color1);
  --topbutton-bd-style2: inset;
  --topbutton-bd-color2: var(--topbutton-bd-color1);
  --topbutton-fg-color3: var(--topbutton-fg-color2);
  --topbutton-bg-color3: var(--topbutton-bg-color2);
  --topbutton-bd-style3: var(--topbutton-bd-style2);
  --topbutton-bd-color3: var(--topbutton-bd-color2);
  /* page  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --h-fg-color: var(--fg-color);
  --h-bg-color: var(--bg-color1);
  --h-bg-image: unset;
  --h-bg-image2: unset;
  --h-bd-color: var(--bd-color-lo2);
  --d-fg-color: var(--fg-color);
  --d-bg-color: var(--bg-color2);
  --d-bd-color: var(--bd-color1);
  --button-fg-color1: var(--fg-color1);
  --button-fg-color2: var(--fg-color2);
  --button-bg-color1: var(--bg-color1);
  --button-bg-color2: var(--bg-color2);
  --button-bg-image1: unset;
  --button-bg-image2: unset;
  --button-bd-width: 2px;
  --button-bd-style: solid;
  --button-bd-color1: var(--bd-color-hi1);
  --button-bd-color2: var(--bd-color-hi2);
  --button-bd-radius: unset;
  --fieldset-bd-width: unset;
  --fieldset-bd-style: unset;
  --fieldset-bd-color: unset;
  --fieldset-bd: var(--fieldset-bd-width) var(--fieldset-bd-style) var(--fieldset-bd-color);
  --error-table-bd-width: var(--table-bd-width);
  --error-table-bd-style: var(--table-bd-style);
  --error-table-bd-color: var(--table-bd-color);
  --error-table-bd: var(--error-table-bd-width) var(--error-table-bd-style) var(--error-table-bd-color);
  --menu-group-fg-color: var(--d-fg-color);
  --menu-group-bg-color: var(--d-bg-color);
  --menu-group-ext-bd-style: outset;
  --menu-group-ext-bd-width: 2px;
  --menu-group-ext-bd-color: var(--bd-color-hi1);
  --menu-group-int-bd-style: solid;
  --menu-group-int-bd-width: 0;
  --menu-group-int-bd-color: var(--bd-color-hi1);
  --menu-fieldset-fg-color: var(--menu-group-fg-color);
  --menu-fieldset-bg-color: var(--menu-group-bg-color);
  --menu-fieldset-bd-style: groove;
  --menu-fieldset-bd-width: 0;
  --menu-fieldset-bd-top-width: 2px;
  --menu-fieldset-bd-color: var(--menu-group-ext-bd-color);
  --menu-legend-fg-color: var(--legend-fg-color);
  --menu-legend-bg-color: var(--legend-bg-color);
  --menu-select-bg-color: var(--bg-color1);
  /* search  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --search-fg-color: var(--fg-color1);
  --search-bg-color: unset;
  --search-bd-width: 0;
  --search-bd-style: solid;
  --search-bd-color: var(--bd-color-hi1);
  --search-bd: var(--search-bd-width) var(--search-bd-style) var(--search-bd-color);
  --search-bd-radius-lg: 10px;
  --search-bd-radius-sm: 8px;
  --search-sub-font-family: var(--font-family-sans-serif);
  --search-sub-font-weight: bold;
  --search-sub-fg-color1: var(--fg-color1);
  --search-sub-bg-color1: unset;
  --search-sub-bd-width: 1px;
  --search-sub-bd-style1: solid;
  --search-sub-bd-color1: var(--bd-color1);
  --search-sub-fg-color2: var(--fg-color2);
  --search-sub-bg-color2: var(--search-sub-bg-color1);
  --search-sub-bd-style2: inset;
  --search-sub-bd-color2: var(--bd-color2);
  --search-ref-caret-color: var(--search-sub-fg-color1);
  --search-ref-placeholder-color: var(--fg-color1);
  --search-ref-outline-color1: var(--outline-color1);
  --search-ref-outline-color2: var(--outline-color2);
  --search-ref-bg-image-light: url('/app/img/search/search_sm_light.png');
  --search-ref-bg-image-dark: url('/app/img/search/search_sm_dark.png');
  --search-ref-bg-image: var(--search-ref-bg-image-light);
  /* title * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --title-fg-color1: var(--h-fg-color);
  --title-bg-color1: var(--h-bg-color);
  --title-bd-width: 2px;
  --title-bd-style1: outset;
  --title-bd-color1: var(--bd-color1);
  --title-bd-radius: 5px;
  --title-fg-color2: var(--title-fg-color1);
  --title-bg-color2: var(--title-bg-color1);
  --title-bd-style2: outset;
  --title-bd-color2: var(--bd-color2);
  --title-fg-color3: var(--title-fg-color2);
  --title-bg-color3: var(--title-bg-color2);
  --title-bd-style3: outset;
  --title-bd-color3: var(--bd-color3);
  --subtitle-fg-color: unset;
  --subtitle-bg-color: var(--title-bg-color);
  --subtitle-bd-style: var(--title-bd-style1);
  --subtitle-bd-width: 1px;
  --subtitle-bd-color: var(--title-bd-color1);
  --subtitle-bd-radius: 5px;
  /* fails  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --fails-fg-color: var(--fg-color1);
  --fails-bg-color: var(--bg-color2);
  --fails-bd-color: var(--bd-color2);
  --fails-bd-width: 2px;
  --fails-bd-style: double;
  /* buttons * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
  --button-bd-width: 1px;
  --button-bd-style: outset;
  --button-bd-color: var(--bd-color1);
*/
  /* sbutton * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --sbutton-outline-width: 2px;
  --sbutton-outline-style: solid;
  --sbutton-outline-color: var(--yellow2);
  --sbutton-group-bd-width: 2px;
  --sbutton-group-bd-style: solid;
  --sbutton-group-bd-color: var(--bd-color2);
  --sbutton-fg-color1: var(--fg-color1);
  --sbutton-fg-color2: var(--fg-color2);
  --sbutton-bg-color1: var(--bg-color2);
  --sbutton-bg-color2: var(--bg-color3);
  --sbutton-bg-color3: var(--bg-color3);
  --sbutton-bg-image1: unset;
  --sbutton-bg-image2: var(--sbutton-bg-image);
  --sbutton-bd-width: 2px;
  --sbutton-bd-style0: inset;
  --sbutton-bd-style1: outset;
  --sbutton-bd-style2: outset;
  --sbutton-bd-style3: inset;
  --sbutton-bd-color0: var(--bd-color-hi0);
  --sbutton-bd-color1: var(--bd-color-hi1);
  --sbutton-bd-color2: var(--bd-color-hi2);
  --sbutton-bd-image1: unset;
  --sbutton-bd-image2: var(--sbutton-bd-image);
  --sbutton-bd-radius: 2px;
  --sbutton-fg-color3: var(--sbutton-fg-color2);
  --sbutton-bg-color3: var(--sbutton-bg-color2);
  --sbutton-bd-style3: var(--sbutton-bd-style2);
  --sbutton-bd-color3: var(--sbutton-bd-color2);
  --sbutton-fg-color01: var(--fg-color0);
  --sbutton-bg-color01: var(--sbutton-bg-color1);
  --sbutton-bd-style01: var(--sbutton-bd-style1);
  --sbutton-bd-color01: var(--sbutton-bd-color1);
  --sbutton-bd-image01: var(--sbutton-bd-image1);
  --sbutton-fg-color02: var(--sbutton-fg-color2);
  --sbutton-bg-color02: var(--sbutton-bg-color2);
  --sbutton-bd-style02: var(--sbutton-bd-style2);
  --sbutton-bd-color02: var(--sbutton-bd-color2);
  --sbutton-bd-image02: var(--sbutton-bd-image2);
  --sbutton-fg-color03: var(--sbutton-fg-color3);
  --sbutton-bg-color03: var(--sbutton-bg-color3);
  --sbutton-bd-style03: var(--sbutton-bd-style3);
  --sbutton-bd-color03: var(--sbutton-bd-color3);
  --sbutton-bd-image03: var(--sbutton-bd-image3);
  --sbutton-fg-color-active1: var(--sbutton-fg-color1);
  --sbutton-bg-color-active1: var(--sbutton-bg-color1);
  --sbutton-bd-style-active1: var(--sbutton-bd-style1);
  --sbutton-bd-color-active1: var(--sbutton-bd-color1);
  --sbutton-bd-image-active1: var(--sbutton-bd-image1);
  --sbutton-fg-color-active2: var(--sbutton-fg-color2);
  --sbutton-bg-color-active2: var(--sbutton-bg-color2);
  --sbutton-bd-style-active2: var(--sbutton-bd-style2);
  --sbutton-bd-color-active2: var(--sbutton-bd-color2);
  --sbutton-bd-image-active2: var(--sbutton-bd-image2);
  --sbutton-fg-color-active3: var(--sbutton-fg-color3);
  --sbutton-bg-color-active3: var(--sbutton-bg-color3);
  --sbutton-bd-style-active3: var(--sbutton-bd-style3);
  --sbutton-bd-color-active3: var(--sbutton-bd-color3);
  --sbutton-bd-image-active3: var(--sbutton-bd-image3);
  /* cbutton * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --cbutton-fg-color1: var(--fg-color1);
  --cbutton-bg-color1: transparent;
  --cbutton-bd-width: 1px;
  --cbutton-bd-style1: outset;
  --cbutton-bd-color1: transparent;
  --cbutton-outline-width: var(--outline-width);
  --cbutton-outline-style1: var(--outline-style1);
  --cbutton-outline-color1: var(--outline-color1);
  --cbutton-bd-radius-sm: 5px;
  --cbutton-bd-radius-lg: 10px;
  --cbutton-fg-color2: var(--fg-color2);
  --cbutton-bg-color2: var(--cbutton-bg-color1);
  --cbutton-bd-style2: outset;
  --cbutton-bd-color2: var(--bd-color2);
  --cbutton-outline-style2: var(--cbutton-outline-style1);
  --cbutton-outline-color2: var(--outline-color1);
  --cbutton-fg-color3: var(--cbutton-fg-color2);
  --cbutton-bg-color3: var(--cbutton-bg-color2);
  --cbutton-bd-style3: inset;
  --cbutton-bd-color3: var(--cbutton-bd-color2);
  --cbutton-outline-style3: var(--cbutton-outline-style2);
  --cbutton-outline-color3: var(--outline-color3);
  /* fbutton * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --ctrl-width-sm: 52px;
  --ctrl-width-lg: 66px;
  --ctrl-width: var(--ctrl-width-sm);
  --fbutton-height-sm: 20px;
  --fbutton-width-sm: 20px;
  --fbutton-height-lg: 25px;
  --fbutton-width-lg: 25px;
  --fbutton-height: var(--fbutton-height-sm);
  --fbutton-width: var(--fbutton-width-sm);
  --fbutton-fg-color1: var(--fg-color1);
  --fbutton-bg-color1: var(--th-bg-color);
  --fbutton-bd-width: 1px;
  --fbutton-bd-style1: solid;
  --fbutton-bd-color1: var(--bd-color1);
  --fbutton-bd-radius-sm: 2px;
  --fbutton-bd-radius-lg: 5px;
  --fbutton-fg-color2: var(--fbutton-fg-color1);
  --fbutton-bg-color2: var(--fbutton-bg-color1);
  --fbutton-bd-color2: var(--bd-color2);
  --fbutton-bd-style2: inset;
  /* bar, hbar, fbar * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --bar-font-weight: unset;
  --bar-fg-color: var(--h-fg-color);
  --bar-bg-color: var(--h-bg-color);
  --bar-bd-width: 1px 2px 1px 2px;
  --bar-bd-style: outset outset outset outset;
  --bar-bg-image: var(--bar-fade);
  --bar-bd-color: var(--bd-color-hi1);
  --hbar-fg-color: var(--bar-fg-color);
  --hbar-bg-color: var(--bar-bg-color);
  --hbar-bg-image: var(--hbar-fade);
  --hbar-bd-width: 2px 2px 1px 2px;
  --hbar-bd-style: outset outset solid outset;
  --hbar-bd-color: var(--bd-color-hi1);
  --fbar-fg-color: var(--hbar-fg-color);
  --fbar-bg-color: var(--hbar-bg-color);
  --fbar-bg-image: var(--fbar-fade);
  --fbar-bd-width: 1px 2px 2px 2px;
  --fbar-bd-style: solid outset outset outset;
  --fbar-bd-color: var(--hbar-bd-color);
  --bar-title-font-weight: bold;
  /* table * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* Note: Despite --table-bg-color being transparent (for corners to work),
   * tr uses table-bd-* for external borders.
   */
  --table-bg-color: transparent;
  --table-bd-width: 2px;
  --table-bd-style: solid;
  --table-bd-color: var(--bd-color-hi1);
  --tr-bg-color: var(--bg-color0);
  --th-font-size: var(--h-font-size);
  --th-font-weight: var(--h-font-weight);
  --th-fg-color: var(--h-fg-color);
  --th-bg-color: var(--h-bg-color);
  --th-bg-image: unset;
  --th-bd-width: 1px;
  --th-bd-style: solid;
  --th-bd-color: var(--h-bd-color);
  --td-font-size: var(--d-font-size);
  --td-font-weight: var(--d-font-weight);
  --td-fg-color: var(--d-fg-color);
  --td-bg-color: var(--d-bg-color);
  --td-bd-width: 1px;
  --td-bd-style: solid;
  --td-bd-color: var(--d-bd-color);
  /* verse * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --v-column-rule-style: solid;
  --v-column-rule-width: 1px;
  --v-column-rule-color: #EEE;
  --v-text-fg-color: unset;
  --v-font-weight: var(--td-font-weight);
  --v-num-fg-color: var(--link-fg-color1);
  --v-title-fg-color: var(--v-text-fg-color);
  --v-sect-fg-color: unset;
  --v-sect-font-size: 1.1em;
  --v-sect-font-weight: bold;
  --v-select-fg-color: var(--fg-color1); /* hsl(from var(--v-text-bg-color, h, s, 100%)); */
  --v-select-bg-color: var(--blue3);
  --v-var1-fg-color: var(--v-text-fg-color);
  --v-var1-bg-color: var(--v-text-bg-color);
  --v-var2-fg-color: var(--v-text-fg-color);
  --v-var2-bg-color: var(--v-text-bg-color);
  --v-highlight-fg-color: unset;
  --v-highlight-bg-color: var(--yellow1);
  --v-highlight-font-weight: bold;
  --v-hifade-bg-color: var(--v-highlight-bg-color);
  --v-sect-hifade-bg-color: var(--v-highlight-bg-color);
  --note-hifade-bg-color: var(--v-highlight-bg-color);
  --relevect-hifade-bg-color: var(--v-highlight-bg-color);
  --info-link-font-size: unset;
  --info-link-font-weight: unset;
  --info-link-fg-color1: var(--green1);
  --info-link-fg-color2: var(--green1);
  --info-link-fg-color3: var(--green1);
  --info-link-font-weight: 700;
  --footnote-link-fg-color1: var(--info-link-fg-color1);
  --footnote-link-fg-color2: var(--info-link-fg-color2);
  --footnote-link-fg-color3: var(--info-link-fg-color3);
  --footnote-link-font-weight: 700;
  --v-grammar-fg-color: var(--green1);
  --v-grammar-bg-color: unset;
  --v-grammar-font-weight: unset;
  --v-morph-fg-color: var(--green1);
  --v-morph-bg-color: unset;
  --v-morph-font-weight: unset;
  --v-dict-fg-color: var(--green1);
  --v-dict-bg-color: unset;
  --v-dict-font-weight: unset;
  /* misc  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --drop-shadow-color: rgba(0,0,0,.35); /* black, 35% opacity */
  --text-shadow-color: var(--black1);
  --alert-icon-color: var(--yellow3);
  --alert-icon-shadow-color: var(--black1);
  --audio-fg-color: var(--fg-color1);
  --audio-bg-color: transparent;
  --audio-bd-color: transparent;
  /* scrollbar, resizer  * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
  --scrollbar-width: 18px;
*/
  /* Firefox */
/*
  --scrollbar-fg-color: #CCCCCC;
  --scrollbar-bg-color: #666666;
*/
  /* Chrome, Edge, Safari  */
/*
  --scrollbar-box-shadow: inset 0 0 5px #333333;
  --scrollbar-button-bg-color: #666666;
  --scrollbar-button-bd-color: 1px solid #333333;
  --scrollbar-button-bd-radius: 5px;
  --scrollbar-button-bg-color2: #666666;
  --scrollbar-button-bd-color2: 1px solid #333333;
  --scrollbar-thumb-bg-color: #666666;
  --scrollbar-thumb-bd-color: 1px solid #333333;
  --scrollbar-thumb-bd-radius: 5px;
  --scrollbar-thumb-bg-color2: #555555;
  --scrollbar-thumb-bd-color2: 1px solid #333333;
*/
  /* NOTE: Use track or track-piece, but not both; Set unused to unset */
/*
  --scrollbar-track-bg-color: unset;
  --scrollbar-track-bd-color: unset;
  --scrollbar-track-bd-radius: unset;
  --scrollbar-track-bg-color2: unset;
  --scrollbar-track-bd-color2: unset;
  --scrollbar-track-piece-bg-color: #666666;
  --scrollbar-track-piece-bd-color: 1px solid #333333;
  --scrollbar-track-piece-bd-radius: 5px;
  --scrollbar-track-piece-bg-color2: #666666;
  --scrollbar-track-piece-bd-color2: 1px solid #333333;
  --scrollbar-corner-bg-color: #DDDDDD;
  --scrollbar-corner-bd-color: 1px solid #000000;
  --scrollbar-corner-bd-radius: 5px;
  --scrollbar-corner-bg-color2: #CCCCCC;
  --scrollbar-corner-bd-color2: 1px solid #000000;
  --resizer-bg-color: #666666;
  --resizer-bd-color: 1px solid #333333;
  --resizer-bd-radius: 5px;
  --resizer-box-shadow: inset 0 0 5px #666666;
*/
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* EOF */