/* Here is your custom css styles. */

/* Fix code block text color for dark background */
figure.highlight,
figure.highlight pre,
figure.highlight pre code,
figure.highlight .line,
figure.highlight span {
    color: #f8f8f2 !important;
}

figure.highlight .keyword {
    color: #66d9ef !important;
}

figure.highlight .string {
    color: #a6e22e !important;
}

figure.highlight .function {
    color: #e6db74 !important;
}

figure.highlight .number {
    color: #ae81ff !important;
}

figure.highlight .comment {
    color: #75715e !important;
}

figure.highlight .built_in {
    color: #f92672 !important;
}

figure.highlight .title {
    color: #a6e22e !important;
    font-size: inherit !important;
    margin-bottom: 0 !important;
}

figure.highlight .params {
    color: #fd971f !important;
}

/* Wrap long lines in code blocks */
figure.highlight pre,
figure.highlight pre code {
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
}

/* Fix mac buttons alignment with code block */
figure.highlight {
    position: relative;
    background: #272822;
    border-radius: 0.35rem;
    margin: 1rem 0;
}

figure.highlight table {
    margin: 0;
}

figure.highlight pre {
    margin: 0 !important;
    padding: 1.5rem !important;
    padding-top: 2.5rem !important;
}

figure.highlight::after {
    content: " ";
    position: absolute;
    border-radius: 50%;
    background: #ff5f56;
    width: 12px;
    height: 12px;
    top: 12px;
    left: 12px;
    box-shadow: 20px 0 #ffbd2e, 40px 0 #27c93f;
}

figure.highlight pre::after {
    display: none !important;
}