@import "tokyonight.css";
@import "admonitions.css";

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

:root {
    --vt-c-green: #42b883;
    --md-clipboard-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path class="cls-1" d="m4,3.99v18h15V3.99H4Zm13.03,16.07H6.03V6.01h10.99v14.05Z"/><polygon class="cls-1" points="2.03 16.02 2.03 2.01 14.05 2.01 14.05 0 0 0 0 16.02 2.03 16.02"/></svg>');

}

[data-md-color-scheme=slate] {
    /*--md-code-bg-color: hsl(228deg 15.44% 9.68%);*/
    --md-code-bg-color: #232d39;
    /*--md-default-bg-color: #1d262f;*/
    /*--md-default-bg-color: #232d39;*/
    --md-default-bg-color: #1a1b27;
    --md-default-fg-color: #D1DED3;
}

.md-typeset h1, .md-typeset h2 {
    font-weight: 800;
}

[data-md-color-scheme=slate] .md-typeset h1, [data-md-color-scheme=slate] .md-typeset h2 {
    color: #cecece;
}

.md-typeset h3 {
    font-weight: 600;
}

p {
    font-size: 16px;
    /*font-size: 14px;*/
    /*font-weight: 200 !important;*/
}

.md-typeset blockquote {
    font-size: 14px;
    font-weight: 200 !important;
    margin-top: 2em;
    margin-bottom: 2em;
}

/*add margin to all elements except adjacent paragraphs*/
p + :not(p), :not(p) + p {
    margin-bottom: 2em;
}

p img {
    --shadow-size: 0.65em;
    border: 1px solid #3f3f3f;
    box-shadow: var(--shadow-size) var(--shadow-size) #0c0c0c;
    margin-top: 1em;
    margin-bottom: 1em;
}

p img:not([width]) {
    width: calc(100% - var(--shadow-size));
}

img.grayscale {
    filter: grayscale(100%);
}

[data-md-color-scheme=default] img.grayscale {
    filter: grayscale(100%) invert(100%);
}

.gp-prompt::before, .nt-path::before {
    /*content: "$ ";*/
    content: attr(data-before);
    /*color: #7a86b7;*/
}

.nf-dollar::before {
    content: attr(data-before);
    /*color: #a59c69;*/
}

/*removing margin between adjacent code blocks*/
div[class^="language-"] + div[class^="language-"] > pre {
    margin-top: 0;
}

div[class^="language-"]:has(+ div[class^="language-"]) > pre {
    margin-bottom: 1px;
}


div.tabbed-labels.tabbed-labels--linked,
div.tabbed-set .tabbed-content,
.highlight span.filename {
    background-color: var(--md-code-bg-color);
    font-weight: 300;
}


/*making tabs look like tabs*/
/*.md-typeset .tabbed-labels--linked>label {*/
/*  display: flex;*/
/*  align-items: flex-end;*/
/*}*/
/*.md-typeset .tabbed-labels--linked>label>a {*/
/*    background-color: black;*/
/*    height: 80%;*/
/*    border-radius: 10px 10px 0 0;*/
/*    padding: 1em 1.2em 1.5em;*/
/*}*/


/***** CUSTOM TABBED CODE BLOCK *****/
/*ridiculous selector for focused tab*/
.md-typeset .tabbed-set > input:first-child:checked ~ .tabbed-labels > :first-child, .md-typeset .tabbed-set > input:nth-child(10):checked ~ .tabbed-labels > :nth-child(10), .md-typeset .tabbed-set > input:nth-child(11):checked ~ .tabbed-labels > :nth-child(11), .md-typeset .tabbed-set > input:nth-child(12):checked ~ .tabbed-labels > :nth-child(12), .md-typeset .tabbed-set > input:nth-child(13):checked ~ .tabbed-labels > :nth-child(13), .md-typeset .tabbed-set > input:nth-child(14):checked ~ .tabbed-labels > :nth-child(14), .md-typeset .tabbed-set > input:nth-child(15):checked ~ .tabbed-labels > :nth-child(15), .md-typeset .tabbed-set > input:nth-child(16):checked ~ .tabbed-labels > :nth-child(16), .md-typeset .tabbed-set > input:nth-child(17):checked ~ .tabbed-labels > :nth-child(17), .md-typeset .tabbed-set > input:nth-child(18):checked ~ .tabbed-labels > :nth-child(18), .md-typeset .tabbed-set > input:nth-child(19):checked ~ .tabbed-labels > :nth-child(19), .md-typeset .tabbed-set > input:nth-child(2):checked ~ .tabbed-labels > :nth-child(2), .md-typeset .tabbed-set > input:nth-child(20):checked ~ .tabbed-labels > :nth-child(20), .md-typeset .tabbed-set > input:nth-child(3):checked ~ .tabbed-labels > :nth-child(3), .md-typeset .tabbed-set > input:nth-child(4):checked ~ .tabbed-labels > :nth-child(4), .md-typeset .tabbed-set > input:nth-child(5):checked ~ .tabbed-labels > :nth-child(5), .md-typeset .tabbed-set > input:nth-child(6):checked ~ .tabbed-labels > :nth-child(6), .md-typeset .tabbed-set > input:nth-child(7):checked ~ .tabbed-labels > :nth-child(7), .md-typeset .tabbed-set > input:nth-child(8):checked ~ .tabbed-labels > :nth-child(8), .md-typeset .tabbed-set > input:nth-child(9):checked ~ .tabbed-labels > :nth-child(9) {
    background-color: var(--md-code-bg-color);
    border-left: 1px solid var(--md-default-bg-color);
    border-right: 1px solid var(--md-default-bg-color);
}

.md-typeset .tabbed-set > input:first-child:checked ~ .tabbed-labels > :first-child {
    border-left: none;
}

.js .md-typeset .tabbed-labels:before {
    display: none;
}

[data-md-color-scheme=slate] div.tabbed-labels.tabbed-labels--linked {
    background-color: #121217;
}

.md-typeset .tabbed-labels > label {
    font-weight: 300;
    border-bottom: none;
}

.md-typeset code:not(pre > code) {
    padding: 0.1em 0.2em;
    font-size: inherit;
}

/*slanted dividers between tabbed code*/
/*.md-typeset .tabbed-labels--linked>label::after {*/
/*  border-right: 1px solid var(--md-default-fg-color--lightest);*/
/*  content: "";*/
/*  display: block;*/
/*  position: relative;*/
/*  left: 100%;*/
/*  bottom: 98%;*/
/*  width: 1px;*/
/*  height: 103%;*/
/*  transform: skewX(347deg);*/
/*}*/
/*.js .md-typeset .tabbed-labels:before {*/
/*  opacity: 0.7;*/
/*  left: -5px;*/
/*}*/


.md-typeset code.inline-filename {
    color: #67b5aa;
}

.md-typeset code.inline-error {
    color: #c57474;;
}

.img-wrapper {
    position: relative;
    /*width: 300px;*/
    /*padding: 8px;*/
}

.img-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    /**** Dots ****/
    /*background-image: radial-gradient(rgb(26 27 39) 1px, transparent 1px),radial-gradient(rgba(192, 192, 192, 0.3) 1px, transparent 1px);*/
    /*background-size: 2.5px 2.5px;*/
    /*background-position: 0 0, 0.5px 0.5px;*/

    transform: translate(5px, 5px);
    /*z-index: -1;*/
}

.md-typeset img {
    position: relative;
    /*background-color: white;*/
    /*border: 1px solid #171717;*/
}


iframe[src^="https://docs.google.com/presentation"] {
    height: 434px !important;
    width: 688px !important;
}