@font-face {
    font-family: "Roboto-Regular";
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: "Roboto-Bold";
    src: url(../fonts/Roboto-Bold.ttf);
}

h1 {
    font-family: "Roboto-Bold";
}

h2 {
    font-family: "Roboto-Bold";
}

table {
    border: 1px solid;
    border-collapse: collapse;
}

td,
th {
    border: 1px solid;
}

.md-select button img.twemoji {
    height: 1.2rem;
    vertical-align: middle;
}

.md-select__link img.twemoji {
    height: 1rem;
    vertical-align: text-bottom;
    margin-right: 1%;
}

:root>* {
    --md-primary-fg-color: #0D0D0D;
    --md-primary-fg-color--light: #0D0D0D;
    --md-primary-fg-color--dark: #0D0D0D;
    --md-default-fg-color--light: #0D0D0D;
    --md-primary-bg-color: hsla(0, 0%, 100%, 1);
    --md-primary-bg-color--dark: #FFFFFF;
    --md-primary-bg-color--light: hsla(0, 0%, 0%, 0.7);
    --md-typeset-a-color: #20B766;
    --md-text-font: "Roboto-Regular";
    --md-accent-fg-color: #20B766;
    --md-typeset-color: #000000;
}

.md-typeset p,
.md-typeset li {
  font-size: 0.75rem;
}

.md-typeset .admonition-title {
    font-size: 0.75rem;
}

[data-md-color-scheme="default"] {
    @extend %root;
}

[data-md-color-scheme=slate][data-md-color-primary=indigo] {
    --md-typeset-a-color: #20B766;
}

[data-md-color-scheme="slate"] {
    --md-hue: 232;
    --md-default-fg-color: #FFFFFF;
    --md-default-fg-color--light: #FFFFFF;
    --md-default-fg-color--lighter: hsla(var(--md-hue), 75%, 90%, 0.32);
    --md-default-fg-color--lightest: hsla(var(--md-hue), 75%, 90%, 0.12);
    --md-default-bg-color: #222222;
    --md-default-bg-color--light: #222222;
    --md-default-bg-color--lighter: #222222;
    --md-default-bg-color--lightest: #222222;
    --md-code-fg-color: hsla(var(--md-hue), 18%, 86%, 1);
    --md-code-bg-color: #3C3C3C;
    --md-code-hl-color: rgba(66, 135, 255, .15);
    --md-code-hl-number-color: #e6695b;
    --md-code-hl-special-color: #f06090;
    --md-code-hl-function-color: #c973d9;
    --md-code-hl-constant-color: #9383e2;
    --md-code-hl-keyword-color: #6791e0;
    --md-code-hl-string-color: #2fb170;
    --md-code-hl-name-color: var(--md-default-fg-color--light);
    --md-code-hl-operator-color: var(--md-default-fg-color--light);
    --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
    --md-code-hl-comment-color: var(--md-default-fg-color--light);
    --md-code-hl-generic-color: var(--md-default-fg-color--light);
    --md-code-hl-variable-color: var(--md-default-fg-color--light);
    --md-typeset-color: #FFFFFF;
    --md-typeset-a-color: #20B766;
    --md-typeset-mark-color: rgba(66, 135, 255, .3);
    --md-typeset-kbd-color: hsla(var(--md-hue), 15%, 94%, 0.12);
    --md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 94%, 0.2);
    --md-typeset-kbd-border-color: hsla(var(--md-hue), 15%, 14%, 1);
    --md-typeset-table-color: hsla(var(--md-hue), 75%, 95%, 0.12);
    --md-admonition-bg-color: hsla(var(--md-hue), 0%, 100%, 0.025);
    --md-footer-bg-color: #0D0D0D;
    --md-footer-bg-color--dark: #0D0D0D;
}

.video-wrapper {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.video-wrapper>iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.md-button {
    background-color: #10A651;
}

[data-md-color-scheme="slate"]::-webkit-scrollbar {
    width: 10px;
    background: #292929
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-track {
    background: #292929
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 15px;
    border-right: 1px #292929 solid;
    border-left: 1px #292929 solid;
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-thumb:hover {
    background: #8A8A8A
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-button:single-button:vertical:decrement {
    width: 10px;
    height: 15px;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 0.401 L 0.949 13.678 L 16.978 13.678 L 8.963 0.401 Z' style='fill: gray;' /></svg>")
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-button:single-button:vertical:decrement:active {
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 0.401 L 0.949 13.678 L 16.978 13.678 L 8.963 0.401 Z' style='fill: %238A8A8A;' /></svg>")
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-button:single-button:vertical:increment {
    width: 10px;
    height: 15px;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 13.005 L 0.949 0.932 L 16.978 0.932 L 8.963 13.005 Z' style='fill: gray;' /></svg>")
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 13.005 L 0.949 0.932 L 16.978 0.932 L 8.963 13.005 Z' style='fill: %238A8A8A;' /></svg>")
}

::-webkit-scrollbar {
    width: 10px;
    background: #cecece
}

::-webkit-scrollbar-track {
    background: #cecece
}

::-webkit-scrollbar-thumb {
    background: #f1f1f1;
    border-radius: 15px;
    border-right: 1px #cecece solid;
    border-left: 1px #cecece solid;
}

::-webkit-scrollbar-thumb:hover,
scrollbar-thumb:hover {
    background: #ffffff
}

::-webkit-scrollbar-button:single-button:vertical:decrement {
    width: 10px;
    height: 15px;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 0.401 L 0.949 13.678 L 16.978 13.678 L 8.963 0.401 Z' style='fill: %23f1f1f1;' /></svg>")
}

::-webkit-scrollbar-button:single-button:vertical:decrement:active {
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 0.401 L 0.949 13.678 L 16.978 13.678 L 8.963 0.401 Z' style='fill: %23ffffff;' /></svg>")
}

::-webkit-scrollbar-button:single-button:vertical:increment {
    width: 10px;
    height: 15px;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 13.005 L 0.949 0.932 L 16.978 0.932 L 8.963 13.005 Z' style='fill: %23f1f1f1;' /></svg>")
}

::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 13.005 L 0.949 0.932 L 16.978 0.932 L 8.963 13.005 Z' style='fill: %23ffffff;' /></svg>")
}

.announcement-banner{
    background‑color:#0d0d0d; 
    color:#ffffff;
    /*padding:0.1em 0.75em;
    font-size:0.65rem;
    font-weight:400;
    margin:0;
    box-sizing:border-box;*/
    text-align:right;
    line-height:0.8;
}

.announcement-banner a{
    color:#20B766;
    text-decoration:none;
    font-weight:500;
    margin:0;
}

[data-md-color-scheme="default"] {
    --md-primary-fg-color: #0D0D0D;
    --md-primary-fg-color--light: #0D0D0D;
    --md-primary-fg-color--dark: #0D0D0D;

    --md-footer-bg-color: #0D0D0D;
    --md-accent-fg-color: #20B766; 
}