@font-face{
    font-family: 'Clear Sans';
    src: url("/fonts/clear-sans/ClearSans-Bold.ttf") format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face{
    font-family: 'Clear Sans';
    src: url("/fonts/clear-sans/ClearSans-BoldItalic.ttf") format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face{
    font-family: 'Clear Sans';
    src: url("/fonts/clear-sans/ClearSans-Italic.ttf") format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face{
    font-family: 'Clear Sans';
    src: url("/fonts/clear-sans/ClearSans-Light.ttf") format('truetype');
    font-weight: light;
    font-style: normal;
}
@font-face{
    font-family: 'Clear Sans';
    src: url("/fonts/clear-sans/ClearSans-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face{
    font-family: 'Clear Sans';
    src: url("/fonts/clear-sans/ClearSans-MediumItalic.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face{
    font-family: 'Clear Sans';
    src: url("/fonts/clear-sans/ClearSans-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'Clear Sans';
    src: url("/fonts/clear-sans/ClearSans-Thin.ttf") format('truetype');
    font-weight: lighter;
    font-style: normal;
}

:root {
    font-variant-ligatures: none;
    --black      : #101010;
    --dark-gray  : #8e8e8e;
    --gray       : #b8b8b8;
    --white      : #f7f7f7;
    --dark-red   : #903a3a;
    --red        : #ce5252;
    --dark-green : #6d7144;
    --green      : #9ca54e;
    --dark-yellow: #af8431;
    --yellow     : #f0c674;
    --dark-blue  : #50616f;
    --blue       : #5f819d;
    --dark-purple: #92729f;
    --purple     : #b48ac4;
    --dark-aqua  : #61837e;
    --aqua       : #73b8af;
/*     --bg0_h:   #1d2021; /* bg0 hard */ */
/*     --bg0:     #282828; */
/*     --bg0_s:   #32302f; /* bg0 soft */ */
/*     --bg1:     #3c3836; */
/*     --bg2:     #504945; */
/*     --bg3:     #665c54; */
/*     --bg4:     #7c6f64; */
/*     --bg5:     #928374; */
/*     --fg4:     #a89984; */
/*     --fg3:     #bdae93; */
/*     --fg2:     #d5c4a1; */
/*     --fg1:     #ebdbb2; */
/*     --fg0:     #fbf1c7; */

    --mono-hue        : 113;
    --mono-saturation : 0%;

/*     /* Monochrome shades (darker) and tints (lighter) */ */
    --mono-shade3     :  #333333;
    --mono-shade2     :  #4d4d4d;
    --mono-shade1     :  #666666;
    --mono-base       :  #808080;
    --mono-tint1      :  #b3b3b3;
    --mono-tint2      :  #e3e3e3;
    --mono-tint3      :  #f7f7f7;

/*     /* Theme */ */
/*     --theme-hue       : 204; */
/*     --theme-saturation: 90%; */
/*     --theme-lightness : 45%; */
/*     --theme-color     : hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness)); */

    /* --base-background-color: var(--white); */
    /* --base-color           : var(--black); */
    --base-font-family     : "Clear Sans", BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    /* --base-font-size       : 1rem; */
    --base-font-weight     : normal;
    /* --base-letter-spacing  : ; */
    --base-line-height     : 1.2;

    --code-font-family      : Inconsolata, Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    --code-font-size        : calc(var(--font-size-m) * 0.95);
    --code-font-weight      : normal;
    --code-theme-background : var(--mono-tint2);
    --code-theme-text       : var(--black);

    --mark-color: var(--red);
    --mark-background: var(--dark-gray);

    --blockquote-border-color: var(--blue);

    --link-color: var(--blue);

/*     --notice-background: var(--bg1); */
/*     --notice-important-background: #2e2222ff; */
/*     --notice-important-border-color: var(--red); */
/*     --notice-tip-background: #222e2eff; */
/*     --notice-tip-border-color: var(--blue); */

/*     --sidebar-nav-link-color--active: var(--bblue); */
/*     --sidebar-nav-link-border-color--active: var(--bblue); */
/*     --sidebar-name-color: var(--bblue); */
/*     --theme-color: var(--bblue); */

/*     --copycode-background: var(--bg0_s); */
/*     --copycode-color: var(--fg2); */

/*     --search-input-background-color: var(--bg0); */
/*     --search-background: var(--bg0); */
/*     --search-input-border-color: var(--bg0_s); */
/*     --search-input-color: var(--fg1); */
/*     --search-input-placeholder-color: var(--fg3); */
/*     --search-clear-icon-color1: var(--bg2); */
/*     --search-clear-icon-color2: var(--fg3); */
/*     --search-result-keyword-background: var(--bg0); */
/*     --search-result-keyword-color: var(--baqua); */
/*     --search-result-keyword-margin: 0; */
/*     --search-result-keyword-padding: 0; */

/*     --search-input-background-image: url("data:image/svg+xml,%3Csvg height='20px' width='20px' viewBox='0 0 24 24' fill='none' stroke='rgb(80, 73, 69)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='7.5' vector-effect='non-scaling-stroke'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='15.8' y2='15.8' vector-effect='non-scaling-stroke'%3E%3C/line%3E%3C/svg%3E"); */

/*     --heading-h2-margin: 1.5rem 0 1.0rem; */
/*     --heading-h2-padding: auto; */
/*     /* --heading-h2-border-style: none; */ */

/*     --table-cell-border-width: thin; */
/*     --table-cell-border-color: var(--bg1); */
/*     --table-cell-padding: 0.25em 0.5em; */
}

/* .sidebar .search .clear-button svg { */
/*     transform: scale(1) translateY(35%); */
/* } */

/* .markdown-section table { */
/*     min-width: 80%; */
/*     table-layout: auto; */
/*     display: table; */
/* } */

.markdown-section figure, .markdown-section p, .markdown-section ol, .markdown-section ul {
    margin: 1em 0;
}

thead th:empty {
    border: thin solid red !important;
    display: none;
}

thead th {
    border: var(--table-cell-border-width) solid var(--table-cell-border-color);
}

/* .sidebar-nav hr { */
/*     margin: 0.25em 0; */
/* } */

/* .material-icons { */
/*     transform: translateY(0.3em); */
/*     line-height: 0.25em; */
/*     font-size: 1.5em; */
/* } */