/* ####### */
/* Imports */
/* ####### */

@font-face {
    font-family: 'Proxima Nova', sans-serif;
    src: url('https://fonts.cdnfonts.com/css/proxima-nova-2')
}

@font-face {
    font-family: 'Geist';
    src:
        local("Geist")
}

@font-face {
    font-family: 'Geist Mono';
    src: local("GeistMono"), url('https://fonts.cdnfonts.com/css/geist-mono');
}

/* ####### */
/* utilities */
/* ####### */

.grid-center{
    display: grid;
    place-items: center;
}

/* ####### */
/* Global Palette */
/* ####### */
:root>* {
    /* For brand colours see https://www.figma.com/design/gGl7nErsk073O5WEor7KE5/%F0%9F%8D%87-PT---Design-File?node-id=291-436&m=dev&vars=1 */
    --md-primary-fg-color: var(--brand-pink);
    --md-primary-fg-color--light: var(--brand-grey-light);
    --md-primary-fg-color--dark: var(--brand-dark);
    --md-accent-fg-color: var(--brand-purple);
    --md-typeset-a-color: var(--brand-pink);
    --md-text-font: 'Geist';

    --h1-font-size: 3rem;
    --h1-line-height: 3.5rem;
    --h1-letter-spacing: 0rem;

    --text-large-font-size: 1.125rem;
    --text-large-line-height: 1.75rem;
    --text-large-letter-spacing: 0rem;

    --brand-grey: #E7E7E7;
    --brand-white: #FFFFFF;
    --brand-grey-light: #F7F7F7;
    --brand-dark: #17131b;
    --brand-red: #F42848;
    --brand-red-light: #FD768C;
    --brand-red-lighter: #FFFEF2;
    --brand-orange: #F97427;
    --brand-orange-light: #FFBC96;
    --brand-orange-lighter: #FFE9DC;
    --brand-purple: #A403F4;
    --brand-purple-light: #DCA8FF;
    --brand-purple-lighter: #F2E6FA;
    --brand-pink: #E3067A;
    --brand-pink-light: #ED72B3;
    --brand-pink-lighter: #FAD7EB;
    --brand-mint: #3ED598;
    --brand-mint-light: #96FAD1;
    --brand-mint-lighter: #D1FAE3;

    --gradient-pink-purple: linear-gradient(90deg, var(--md-primary-fg-color) 0.01%, var(--brand-purple) 90.53%);
    --gradient-red-pink-purple: linear-gradient(270deg, var(--brand-red) 0%, var(--md-primary-fg-color) 50%, var(--brand-purple) 100%);
    --gradient-pink-purple-mint: linear-gradient(270deg, var(--md-primary-fg-color) 0%, var(--brand-purple) 50%, var(--brand-mint) 100%);
}

:root {
    --md-code-font: "GeistMono" !important;
    --md-admonition-icon--rust: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='m508.52 249.75-21.82-13.51c-.17-2-.34-3.93-.55-5.88l18.72-17.5a7.35 7.35 0 0 0-2.44-12.25l-24-9c-.54-1.88-1.08-3.78-1.67-5.64l15-20.83a7.35 7.35 0 0 0-4.79-11.54l-25.42-4.15c-.9-1.73-1.79-3.45-2.73-5.15l10.68-23.42a7.35 7.35 0 0 0-6.95-10.39l-25.82.91q-1.79-2.22-3.61-4.4L439 81.84a7.36 7.36 0 0 0-8.84-8.84L405 78.93q-2.17-1.83-4.4-3.61l.91-25.82a7.35 7.35 0 0 0-10.39-7L367.7 53.23c-1.7-.94-3.43-1.84-5.15-2.73l-4.15-25.42a7.35 7.35 0 0 0-11.54-4.79L326 35.26c-1.86-.59-3.75-1.13-5.64-1.67l-9-24a7.35 7.35 0 0 0-12.25-2.44l-17.5 18.72c-1.95-.21-3.91-.38-5.88-.55L262.25 3.48a7.35 7.35 0 0 0-12.5 0L236.24 25.3c-2 .17-3.93.34-5.88.55l-17.5-18.72a7.35 7.35 0 0 0-12.25 2.44l-9 24c-1.89.55-3.79 1.08-5.66 1.68l-20.82-15a7.35 7.35 0 0 0-11.54 4.79l-4.15 25.41c-1.73.9-3.45 1.79-5.16 2.73l-23.4-10.63a7.35 7.35 0 0 0-10.39 7l.92 25.81c-1.49 1.19-3 2.39-4.42 3.61L81.84 73A7.36 7.36 0 0 0 73 81.84L78.93 107c-1.23 1.45-2.43 2.93-3.62 4.41l-25.81-.91a7.42 7.42 0 0 0-6.37 3.26 7.35 7.35 0 0 0-.57 7.13l10.66 23.41c-.94 1.7-1.83 3.43-2.73 5.16l-25.41 4.14a7.35 7.35 0 0 0-4.79 11.54l15 20.82c-.59 1.87-1.13 3.77-1.68 5.66l-24 9a7.35 7.35 0 0 0-2.44 12.25l18.72 17.5c-.21 1.95-.38 3.91-.55 5.88l-21.86 13.5a7.35 7.35 0 0 0 0 12.5l21.82 13.51c.17 2 .34 3.92.55 5.87l-18.72 17.5a7.35 7.35 0 0 0 2.44 12.25l24 9c.55 1.89 1.08 3.78 1.68 5.65l-15 20.83a7.35 7.35 0 0 0 4.79 11.54l25.42 4.15c.9 1.72 1.79 3.45 2.73 5.14l-10.63 23.43a7.35 7.35 0 0 0 .57 7.13 7.13 7.13 0 0 0 6.37 3.26l25.83-.91q1.77 2.22 3.6 4.4L73 430.16a7.36 7.36 0 0 0 8.84 8.84l25.16-5.93q2.18 1.83 4.41 3.61l-.92 25.82a7.35 7.35 0 0 0 10.39 6.95l23.43-10.68c1.69.94 3.42 1.83 5.14 2.73l4.15 25.42a7.34 7.34 0 0 0 11.54 4.78l20.83-15c1.86.6 3.76 1.13 5.65 1.68l9 24a7.36 7.36 0 0 0 12.25 2.44l17.5-18.72c1.95.21 3.92.38 5.88.55l13.51 21.82a7.35 7.35 0 0 0 12.5 0l13.51-21.82c2-.17 3.93-.34 5.88-.56l17.5 18.73a7.36 7.36 0 0 0 12.25-2.44l9-24c1.89-.55 3.78-1.08 5.65-1.68l20.82 15a7.34 7.34 0 0 0 11.54-4.78l4.15-25.42c1.72-.9 3.45-1.79 5.15-2.73l23.42 10.68a7.35 7.35 0 0 0 10.39-6.95l-.91-25.82q2.22-1.79 4.4-3.61l25.15 5.93a7.36 7.36 0 0 0 8.84-8.84L433.07 405q1.83-2.17 3.61-4.4l25.82.91a7.23 7.23 0 0 0 6.37-3.26 7.35 7.35 0 0 0 .58-7.13l-10.68-23.42c.94-1.7 1.83-3.43 2.73-5.15l25.42-4.15a7.35 7.35 0 0 0 4.79-11.54l-15-20.83c.59-1.87 1.13-3.76 1.67-5.65l24-9a7.35 7.35 0 0 0 2.44-12.25l-18.72-17.5c.21-1.95.38-3.91.55-5.87l21.82-13.51a7.35 7.35 0 0 0 0-12.5Zm-151 129.08A13.91 13.91 0 0 0 341 389.51l-7.64 35.67a187.51 187.51 0 0 1-156.36-.74l-7.64-35.66a13.87 13.87 0 0 0-16.46-10.68l-31.51 6.76a187.38 187.38 0 0 1-16.26-19.21H258.3c1.72 0 2.89-.29 2.89-1.91v-54.19c0-1.57-1.17-1.91-2.89-1.91h-44.83l.05-34.35H262c4.41 0 23.66 1.28 29.79 25.87 1.91 7.55 6.17 32.14 9.06 40 2.89 8.82 14.6 26.46 27.1 26.46H407a187.3 187.3 0 0 1-17.34 20.09Zm25.77 34.49A15.24 15.24 0 1 1 368 398.08h.44a15.23 15.23 0 0 1 14.8 15.24Zm-225.62-.68a15.24 15.24 0 1 1-15.25-15.25h.45a15.25 15.25 0 0 1 14.75 15.25Zm-88.1-178.49 32.83-14.6a13.88 13.88 0 0 0 7.06-18.33L102.69 186h26.56v119.73h-53.6a187.65 187.65 0 0 1-6.08-71.58Zm-11.26-36.06a15.24 15.24 0 0 1 15.23-15.25H74a15.24 15.24 0 1 1-15.67 15.24Zm155.16 24.49.05-35.32h63.26c3.28 0 23.07 3.77 23.07 18.62 0 12.29-15.19 16.7-27.68 16.7ZM399 306.71c-9.8 1.13-20.63-4.12-22-10.09-5.78-32.49-15.39-39.4-30.57-51.4 18.86-11.95 38.46-29.64 38.46-53.26 0-25.52-17.49-41.59-29.4-49.48-16.76-11-35.28-13.23-40.27-13.23h-198.9a187.49 187.49 0 0 1 104.89-59.19l23.47 24.6a13.82 13.82 0 0 0 19.6.44l26.26-25a187.51 187.51 0 0 1 128.37 91.43l-18 40.57a14 14 0 0 0 7.09 18.33l34.59 15.33a187.12 187.12 0 0 1 .4 32.54h-19.28c-1.91 0-2.69 1.27-2.69 3.13v8.82C421 301 409.31 305.58 399 306.71ZM240 60.21A15.24 15.24 0 0 1 255.21 45h.45A15.24 15.24 0 1 1 240 60.21ZM436.84 214a15.24 15.24 0 1 1 0-30.48h.44a15.24 15.24 0 0 1-.44 30.48Z'/%3E%3C/svg%3E");
}

.contributor_icon {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    margin: 0 5px;
}

.feature-flag {
    background-color: rgba(255, 245, 214, .5);
    border: none;
    padding: 0px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    font-size: .85em;
}

[data-md-color-scheme=slate] .feature-flag {
    background-color: var(--md-code-bg-color);
}

/* ####### */
/* Elements */
/* ####### */

.md-content{
    img{
        box-shadow: 4px 4px 24px 0 rgba(7,0,50,0.16);
    }
}

/* ########### */
/* Typesetting */
/* ########### */

/* Overides: src/templates/assets/stylesheets/main/_typeset.scss*/
.md-typeset {
    a {
        color: var(--md-primary-fg-color);
    }
    a:hover{
        color: var(--brand-purple);
    }
}

span .md-typeset .emojione,
.md-typeset .gemoji,
.md-typeset .twemoji {
    vertical-align: text-bottom;
}

.md-typeset ol li,
.md-typeset ul li {
    margin-bottom: 0em !important;
}

[dir=ltr] .md-header__title {
    margin-left: 1.3rem;
}

.md-header__button.md-logo {
    margin-left: 0.8rem;
}

/* Rust */
.md-typeset .admonition.rust,
.md-typeset details.rust {
    border-color: rgb(205, 121, 44);
}

.md-typeset .rust>.admonition-title,
.md-typeset .rust>summary {
    background-color: rgb(205, 121, 44, .1);
}

.md-typeset .rust>.admonition-title::before,
.md-typeset .rust>summary::before {
    background-color: rgb(205, 121, 44);
    -webkit-mask-image: var(--md-admonition-icon--rust);
    mask-image: var(--md-admonition-icon--rust);
}

/* ####### */
/* API */
/* ####### */
.md-typeset {
    /* API headings */
    /* Simplify style of code elements in headings */
    h1, h2, h3, h4 {
        code {
            background: none;
            padding: 0;
        }
    }
    .doc .doc-heading{
        font-weight: 600;
    }
}

/* ####### */
/* Homepage */
/* ####### */
/* overides: src/templates/assets/stylesheets/main/modifiers/_grid.scss */
/* based on: https://www.figma.com/design/gGl7nErsk073O5WEor7KE5/%F0%9F%8D%87-PT---Design-File?node-id=10239-9055&m=dev */
.md-typeset {

    /* Grid container */
    .grid {
        a {
            /*color: var(--md-primary-fg-color);*/
            background: var(--gradient-red-pink-purple);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    &.cards > :is(ul, ol) > li,
    > .card {
      border-radius: 8px;

    }
    }
}

.home-header {
    gap: 1.5rem;
    .home-header-title {
        /* typography */
        text-align: center;
        font-size: var(--h1-font-size);
        line-height: var(--h1-line-height);
        letter-spacing: var(--h1-letter-spacing);
        /* box */
        margin: 0;

    }
    strong {
        /* colours */
        background: var(--gradient-pink-purple);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .home-header-text {
        text-align: center;
        font-size: var(--text-large-font-size);
        line-height: var(--text-large-line-height);
        /* box */
        margin: 0;
    }
}