/* buttons */
.md-typeset .md-button {
    border-radius: 6px;
    border: 1px solid;
}

/* heart in footer */
@-webkit-keyframes tx-heart{
    0%,40%,80%,100%{
        transform:scale(1)
    }
    20%,60%{
        transform:scale(1.15)
    }
}
@keyframes tx-heart{
    0%,40%,80%,100%{
        transform:scale(1)
    }
    20%,60%{
        transform:scale(1.15)
    }
}

.md-typeset .tx-heart{
    -webkit-animation:tx-heart 1000ms infinite;
    animation:tx-heart 1000ms infinite
}
.md-typeset .tx-insiders{
    color:#e91e63
}



/* Redesigned admonitions */

.md-typeset :is(.admonition, details) {
    background-color: none;
    font-size: 0.8rem;
    box-shadow: none;
    border-radius: 6px;
    border: 1px solid;
    border-left-width: 1px!important;
}

.md-typeset :is(.admonition-title, summary) {
    margin-left: -0.6rem!important;
}

.md-typeset .recommendation img[align="right"] {
    width: 100px;
}


/* formatting */
.md-typeset h1 {
color: #4051B5;
}

.md-typeset h2 {
color: #4051B5;
}

.md-typeset h3 {
color: #4051B5;
}

.md-typeset h4 {
color: #4051B5;
}

.md-typeset table:not([class]){
        font-size: 0.8rem;
        box-shadow: none;
        border: none;
}
        
.md-typeset table:not([class]) th{
        font-size: rem;
        color: rgb(34, 147, 243);
        border: none;
}
    
/*.md-typeset pre>code {
        border-radius: 6px;
        padding: 1.25rem 1.5rem;
        font-size: 0.9em;
        }


.md-typeset code {
        border-radius: 6px;
}*/



/* Colors */
:root > * {
  --md-typeset-a-color:              var(--md-primary-fg-color);
}

/* Admonitions */ 

:root {
--md-admonition-icon--know: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2.5c-3.81 0-6.5 2.743-6.5 6.119 0 1.536.632 2.572 1.425 3.56.172.215.347.422.527.635l.096.112c.21.25.427.508.63.774.404.531.783 1.128.995 1.834a.75.75 0 0 1-1.436.432c-.138-.46-.397-.89-.753-1.357a18.354 18.354 0 0 0-.582-.714l-.092-.11c-.18-.212-.37-.436-.555-.667C4.87 12.016 4 10.651 4 8.618 4 4.363 7.415 1 12 1s8 3.362 8 7.619c0 2.032-.87 3.397-1.755 4.5-.185.23-.375.454-.555.667l-.092.109c-.21.248-.405.481-.582.714-.356.467-.615.898-.753 1.357a.75.75 0 0 1-1.437-.432c.213-.706.592-1.303.997-1.834.202-.266.419-.524.63-.774l.095-.112c.18-.213.355-.42.527-.634.793-.99 1.425-2.025 1.425-3.561C18.5 5.243 15.81 2.5 12 2.5zM9.5 21.75a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1-.75-.75zM8.75 18a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5z"/></svg>')
}
.md-typeset .admonition.know,
.md-typeset details.know{
border-color: rgb(64, 81, 181);
}
.md-typeset .know > .admonition-title,
.md-typeset .know > summary {
background-color: rgba(64, 81, 181,0.3);
}
.md-typeset .know > .admonition-title::before,
.md-typeset .know > summary::before {
background-color: rgb(64, 81, 181);
-webkit-mask-image: var(--md-admonition-icon--know);
        mask-image: var(--md-admonition-icon--know);
}


:root {
--md-admonition-icon--task: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.5 3.75a.25.25 0 01.25-.25h13.5a.25.25 0 01.25.25v10a.75.75 0 001.5 0v-10A1.75 1.75 0 0017.25 2H3.75A1.75 1.75 0 002 3.75v16.5c0 .966.784 1.75 1.75 1.75h7a.75.75 0 000-1.5h-7a.25.25 0 01-.25-.25V3.75z"/><path d="M6.25 7a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm-.75 4.75a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75zm16.28 4.53a.75.75 0 10-1.06-1.06l-4.97 4.97-1.97-1.97a.75.75 0 10-1.06 1.06l2.5 2.5a.75.75 0 001.06 0l5.5-5.5z"/></svg>')
}
.md-typeset .admonition.task,
.md-typeset details.task{
border-color: rgb(171, 70, 189);
}
.md-typeset .task > .admonition-title,
.md-typeset .task > summary {
background-color: rgba(171, 70, 189,0.3);
}
.md-typeset .task > .admonition-title::before,
.md-typeset .task > summary::before {
background-color: rgb(171, 70, 189);
-webkit-mask-image: var(--md-admonition-icon--task);
        mask-image: var(--md-admonition-icon--task);
}


:root {
  --md-accent-fg-color:  #AB46BD;
}



.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
      
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
      
.slides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
      
      
      .toc-container {
        display: flex;
        flex: 1;
        flex-direction: row;
        flex-wrap: wrap;
      }
      
.toc-a {
    align-items: center;
    justify-self: stretch;
    border-radius: 0.4rem;
    width: 300px;
    margin-bottom: 20px;
    margin-right: 20px;
    text-align: left;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    background: var(--md-code-bg-color);
}
      
@media (max-width: 700px) {
    .toc-container {
        flex-direction: column;
    }
}

/* grid cards */

.md-typeset .grid.cards > :is(ul, ol) > li, .md-typeset .grid > .card { /* Firefox */
    color: var(--md-typeset-color);
    background: var(--md-code-bg-color);
    border: 2px solid var(--pg-light-border);
    border-radius: 6px;
    box-shadow: none;
    transition: none;
}

.md-typeset .grid.cards>:-webkit-any(ul,ol)>li, .md-typeset .grid>.card { /* Webkit */
    color: var(--md-typeset-color);
    background: var(--md-code-bg-color);
    border: 2px solid var(--pg-light-border);
    border-radius: 6px;
    box-shadow: none;
    transition: none;
}