:root,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #58bd9f;
    --md-primary-fg-color--light: #c3ead3;
    --md-primary-fg-color--dark: #1a7540;
    --md-admonition-icon--exercise: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 18h-2v-2h2v2m0-3h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 2.5-3 2.75-3 5m9-3c0 5.18-3.95 9.45-9 9.95v-2.01c3.95-.49 7-3.86 7-7.94s-3.05-7.45-7-7.94V2.05c5.05.5 9 4.77 9 9.95M11 2.05v2.01c-1.46.18-2.8.76-3.91 1.62L5.67 4.26C7.15 3.05 9 2.25 11 2.05M4.06 11H2.05c.2-2 1-3.85 2.21-5.33L5.68 7.1A7.902 7.902 0 0 0 4.06 11M11 19.94v2.01c-2-.2-3.85-.99-5.33-2.21l1.42-1.42c1.11.86 2.45 1.44 3.91 1.62M2.05 13h2.01c.18 1.46.76 2.8 1.62 3.91l-1.42 1.42A10.013 10.013 0 0 1 2.05 13Z"></path></svg>');
    --md-admonition-icon--result: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.5 2h-13C3.6 2 2 3.6 2 5.5v13C2 20.4 3.6 22 5.5 22H16l6-6V5.5C22 3.6 20.4 2 18.5 2M7 12.5l1.3-1.4 2.1 2.1L15.6 8 17 9.4 10.5 16 7 12.5m8 7.5v-1.5c0-1.9 1.6-3.5 3.5-3.5H20l-5 5Z"></path></svg>');
    --md-admonition-icon--solution: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.5 2h-13C3.6 2 2 3.6 2 5.5v13C2 20.4 3.6 22 5.5 22H16l6-6V5.5C22 3.6 20.4 2 18.5 2M7 12.5l1.3-1.4 2.1 2.1L15.6 8 17 9.4 10.5 16 7 12.5m8 7.5v-1.5c0-1.9 1.6-3.5 3.5-3.5H20l-5 5Z"></path></svg>');
}
:root > * {
    --md-code-hl-comment-color: var(--md-default-fg-color--lighter);
}
.md-footer {
    z-index: 1;
}

/* Seqera style typography */
.md-typeset h1 {
    color: var(--md-default-fg-color);
    font-size: 2rem;
    font-family: "Degular", sans-serif;
    line-height: 2.5rem;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 0.5em;
}
.md-typeset h2 {
    font-size: 1.5rem;
    font-family: "Degular", sans-serif;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: 0;
}
.md-typeset h3 {
    font-size: 1.2rem;
    font-family: "Degular", sans-serif;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .md-typeset h1 {
        font-family: "Degular", sans-serif;
        font-size: 3.2rem;
        line-height: 4rem;
    }
    .md-typeset h2 {
        font-family: "Degular", sans-serif;
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .md-typeset h3 {
        font-family: "Degular", sans-serif;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

/* Dark mode figures */
body[data-md-color-scheme="slate"] figure img,
body[data-md-color-scheme="slate"] .excalidraw svg {
    filter: invert(100%) hue-rotate(180deg);
}
.excalidraw svg rect {
    fill: transparent;
}

/* Only show heading enumerations at levels we care about */
.enumerate-headings-plugin {
    display: none;
}
h2 .enumerate-headings-plugin,
h3 .enumerate-headings-plugin {
    display: inline;
}
.md-typeset h1 .headerlink {
    display: none;
}

/* Homepage Seqera-style buttons */
*:is(.md-typeset .md-button, .md-banner .md-button) {
    border-radius: 2rem;
    transition: padding 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}
*:is(.md-typeset .md-button, .md-banner .md-button) .twemoji {
    height: 1.15rem;
    position: absolute;
    right: 0.5rem;
    top: 25%;
    opacity: 0;
}
.md-banner .md-button {
    padding: 0.3em 0.8em;
    font-size: 0.8em;
}
.md-banner .md-button .twemoji {
    height: 0.6rem;
}
*:is(.md-typeset .md-button, .md-banner .md-button) svg {
    transition: opacity 0.1s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
    height: 1.15rem;
    width: 1.15rem;
}
*:is(.md-typeset .md-button, .md-banner .md-button):hover,
*:is(.md-typeset .md-button, .md-banner .md-button):focus,
*:is(.md-typeset .md-button, .md-banner .md-button):active {
    padding-right: 2.4rem;
    background-color: transparent;
    border-color: var(--md-primary-fg-color);
    color: var(--md-primary-fg-color);
}
.md-banner .md-button:hover,
.md-banner .md-button:focus,
.md-banner .md-button:active {
    padding-right: 1.6rem;
}
*:is(.md-typeset .md-button, .md-banner .md-button).md-button--primary:hover,
*:is(.md-typeset .md-button, .md-banner .md-button).md-button--primary:focus,
*:is(.md-typeset .md-button, .md-banner .md-button).md-button--primary:active {
    background-color: var(--md-primary-fg-color);
    color: var(--md-primary-bg-color);
}
*:is(.md-typeset .md-button, .md-banner .md-button):hover .twemoji,
*:is(.md-typeset .md-button, .md-banner .md-button):focus .twemoji,
*:is(.md-typeset .md-button, .md-banner .md-button):active .twemoji {
    opacity: 1;
}

.md-banner {
    background-color: #17191e;
}

/* Homepage logos */
.homepage_logos {
    text-align: center;
}
.homepage_logos img {
    height: 2rem;
    max-width: 100%;
    margin: 1rem auto 0;
}

/* Custom right-hand-side sidebar */
.sidebar_resources {
    margin-top: 2rem;
}
.sidebar_resources svg {
    fill: currentcolor;
    max-height: 100%;
    width: 1.125em;
    margin-right: 0.5rem;
    opacity: 0.6;
}
.sidebar_resources .md-nav__link {
    justify-content: left;
}
@media screen and (min-width: 59.9375em) {
    .md-sidebar--secondary .md-sidebar__inner > nav > .md-nav__list {
        border-left: 3px solid var(--md-default-fg-color--lightest);
    }
}
@media screen and (max-width: 59.9375em) {
    .sidebar_resources {
        display: none !important;
    }
}

/* Custom Footer */
.footer_cc_link svg {
    fill: currentcolor;
    width: 0.8rem;
    height: 0.8rem;
    vertical-align: -18%;
}
.footer_seqera_logo img {
    opacity: 0.5;
    height: 1.5rem;
    margin-top: 0.6rem;
}
.footer_seqera_logo:hover img,
.footer_seqera_logo:active img,
.footer_seqera_logo:focus img {
    opacity: 0.8;
}

/* Custom admonitions */
.md-typeset .admonition.exercise,
.md-typeset details.exercise {
    border-color: rgb(142, 142, 142);
    font-size: 0.8rem;
}
.md-typeset .exercise > .admonition-title,
.md-typeset .exercise > summary {
    background-color: rgba(153, 153, 153, 0.1);
}
.md-typeset .exercise > .admonition-title::before,
.md-typeset .exercise > summary::before {
    background-color: rgb(146, 146, 146);
    -webkit-mask-image: var(--md-admonition-icon--exercise);
    mask-image: var(--md-admonition-icon--exercise);
}

.md-typeset .admonition.result,
.md-typeset details.result {
    border-color: rgb(0, 200, 83);
    font-size: 0.8rem;
}
.md-typeset .result > .admonition-title,
.md-typeset .result > summary {
    background-color: rgba(0, 200, 83, 0.102);
}
.md-typeset .result > .admonition-title::before,
.md-typeset .result > summary::before {
    background-color: rgb(0, 200, 83);
    -webkit-mask-image: var(--md-admonition-icon--result);
    mask-image: var(--md-admonition-icon--result);
}
.md-typeset .admonition.solution,
.md-typeset details.solution {
    border-color: rgb(0, 200, 83);
    font-size: 0.8rem;
}
.md-typeset .solution > .admonition-title,
.md-typeset .solution > summary {
    background-color: rgba(0, 200, 83, 0.102);
}
.md-typeset .solution > .admonition-title::before,
.md-typeset .solution > summary::before {
    background-color: rgb(0, 200, 83);
    -webkit-mask-image: var(--md-admonition-icon--result);
    mask-image: var(--md-admonition-icon--result);
}

/* Bigger table font size */
.md-typeset table:not([class]) {
    font-size: 0.8rem;
}