*, ::before, ::after {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x:  ;
        --tw-pan-y:  ;
        --tw-pinch-zoom:  ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position:  ;
        --tw-gradient-via-position:  ;
        --tw-gradient-to-position:  ;
        --tw-ordinal:  ;
        --tw-slashed-zero:  ;
        --tw-numeric-figure:  ;
        --tw-numeric-spacing:  ;
        --tw-numeric-fraction:  ;
        --tw-ring-inset:  ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur:  ;
        --tw-brightness:  ;
        --tw-contrast:  ;
        --tw-grayscale:  ;
        --tw-hue-rotate:  ;
        --tw-invert:  ;
        --tw-saturate:  ;
        --tw-sepia:  ;
        --tw-drop-shadow:  ;
        --tw-backdrop-blur:  ;
        --tw-backdrop-brightness:  ;
        --tw-backdrop-contrast:  ;
        --tw-backdrop-grayscale:  ;
        --tw-backdrop-hue-rotate:  ;
        --tw-backdrop-invert:  ;
        --tw-backdrop-opacity:  ;
        --tw-backdrop-saturate:  ;
        --tw-backdrop-sepia:  ;
        --tw-contain-size:  ;
        --tw-contain-layout:  ;
        --tw-contain-paint:  ;
        --tw-contain-style:  ;
}

::backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x:  ;
        --tw-pan-y:  ;
        --tw-pinch-zoom:  ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position:  ;
        --tw-gradient-via-position:  ;
        --tw-gradient-to-position:  ;
        --tw-ordinal:  ;
        --tw-slashed-zero:  ;
        --tw-numeric-figure:  ;
        --tw-numeric-spacing:  ;
        --tw-numeric-fraction:  ;
        --tw-ring-inset:  ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur:  ;
        --tw-brightness:  ;
        --tw-contrast:  ;
        --tw-grayscale:  ;
        --tw-hue-rotate:  ;
        --tw-invert:  ;
        --tw-saturate:  ;
        --tw-sepia:  ;
        --tw-drop-shadow:  ;
        --tw-backdrop-blur:  ;
        --tw-backdrop-brightness:  ;
        --tw-backdrop-contrast:  ;
        --tw-backdrop-grayscale:  ;
        --tw-backdrop-hue-rotate:  ;
        --tw-backdrop-invert:  ;
        --tw-backdrop-opacity:  ;
        --tw-backdrop-saturate:  ;
        --tw-backdrop-sepia:  ;
        --tw-contain-size:  ;
        --tw-contain-layout:  ;
        --tw-contain-paint:  ;
        --tw-contain-style:  ;
}

    [class^="btn"]:disabled {
        /* This needs to be important to override any previous fade-in animations */
        opacity: 0.5 !important;
        cursor: not-allowed;
    }

/* 2E8C70 */

/* #FFD38F */

/* #F0F3F9 */

/* #9D8DF7 */

/* #A9A6BD */

/* This line is used as a flag for post-processing */

/* Do not change it!! */

.exercism-delete-before-this {
    color: red;
}

/* @import "./ui-kit/borders"; */

/* @import "./ui-kit/colors"; */

/* @import "./ui-kit/effects"; */

/* @import "./ui-kit/inputs"; */

/* @import "./ui-kit/shapes"; */

/* @import "./ui-kit/label"; */

/* @import "./ui-kit/tracks"; */

/* @import "./ui-kit/filters"; */

/* @import "./ui-kit/scroll"; */

/* Keep until deleted everywhere */

#contributing-dashboard > .container .funding {
        margin-bottom: 64px;
        padding-top: 24px;
        padding-bottom: 24px;
        border-radius: 8px;
        border-width: 1px;
        border-color: var(--borderColor6);
        --tw-shadow: 0px 2px 4px 0px rgba(var(--shadowColorMain), 0.3);
        --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        position: relative;
        display: flex;
}

#contributing-dashboard > .container .funding:before {
                content: "";
                position: absolute;

                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTQiIGhlaWdodD0iMTQzIiB2aWV3Qm94PSIwIDAgOTQgMTQzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNTUgMjYuOTA5Mkw2OC45MzMyIDEzLjA1MzZMODIuODY2MyAyNi45MDkyTDY4LjkzMzIgNDAuNzY0N0w1NSAyNi45MDkyWiIgZmlsbD0iIzU5RDJBRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYzLjg2NjggMjQuMzlMNzQuNjMzMyAxMy42ODM0Qzc2LjIwNzMgMTIuMTE4MiA3OC43NTkzIDEyLjExODIgODAuMzMzMyAxMy42ODM0TDkxLjA5OTggMjQuMzlDOTIuNjczOCAyNS45NTUzIDkyLjY3MzggMjguNDkzIDkxLjA5OTggMzAuMDU4Mkw4MC4zMzMzIDQwLjc2NDhDNzguNzU5MyA0Mi4zMyA3Ni4yMDczIDQyLjMzIDc0LjYzMzMgNDAuNzY0OEw2My44NjY4IDMwLjA1ODJDNjIuMjkyOCAyOC40OTMgNjIuMjkyOCAyNS45NTUzIDYzLjg2NjggMjQuMzlaTTY2LjQwMDEgMjYuOTA5MkM2Ni4yMjUyIDI3LjA4MzEgNjYuMjI1MiAyNy4zNjUxIDY2LjQwMDEgMjcuNTM5TDc3LjE2NjYgMzguMjQ1NkM3Ny4zNDE1IDM4LjQxOTUgNzcuNjI1MSAzOC40MTk1IDc3LjggMzguMjQ1Nkw4OC41NjY1IDI3LjUzOUM4OC43NDE0IDI3LjM2NTEgODguNzQxNCAyNy4wODMxIDg4LjU2NjUgMjYuOTA5Mkw3Ny44IDE2LjIwMjZDNzcuNjI1MSAxNi4wMjg3IDc3LjM0MTUgMTYuMDI4NyA3Ny4xNjY2IDE2LjIwMjZMNjYuNDAwMSAyNi45MDkyWiIgZmlsbD0iIzEzMEI0MyIvPgo8cGF0aCBkPSJNNS4yOTczMiAxMjAuOTZDNS45OTY4NyAxMjAuMjY0IDcuMTMxMDYgMTIwLjI2NCA3LjgzMDYxIDEyMC45NkwxNy4zMzA1IDEzMC40MDdDMTguMDMgMTMxLjEwMiAxOC4wMyAxMzIuMjMgMTcuMzMwNSAxMzIuOTI2QzE2LjYzMDkgMTMzLjYyMiAxNS40OTY3IDEzMy42MjIgMTQuNzk3MiAxMzIuOTI2TDUuMjk3MzIgMTIzLjQ3OUM0LjU5Nzc2IDEyMi43ODMgNC41OTc3NiAxMjEuNjU1IDUuMjk3MzIgMTIwLjk2WiIgZmlsbD0iIzEzMEI0MyIvPgo8cGF0aCBkPSJNMS4yNjY1NSAxMjguOTc2QzEuOTY2MSAxMjguMjggMy4xMDAzIDEyOC4yOCAzLjc5OTg1IDEyOC45NzZMMTMuMjk5NyAxMzguNDIzQzEzLjk5OTMgMTM5LjExOSAxMy45OTkzIDE0MC4yNDYgMTMuMjk5NyAxNDAuOTQyQzEyLjYwMDIgMTQxLjYzOCAxMS40NjYgMTQxLjYzOCAxMC43NjY0IDE0MC45NDJMMS4yNjY1NSAxMzEuNDk1QzAuNTY3MDAzIDEzMC43OTkgMC41NjcwMDIgMTI5LjY3MiAxLjI2NjU1IDEyOC45NzZaIiBmaWxsPSIjMTMwQjQzIi8+Cjwvc3ZnPgo=");
                top: 40px;
                left: 64px;
                height: 142px;
                width: 94px;
            }

#contributing-dashboard > .container .funding:after {
                content: "";
                position: absolute;

                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTE3IiB2aWV3Qm94PSIwIDAgMzAgMTE3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwLjcwMDQzOUgxOC43NDgzVjE5LjUyMTFIMFYwLjcwMDQzOVoiIGZpbGw9IiNGQUU1NEUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjY2OTg1IDQuOTc3NzhIMjIuMTU3MkMyNC4yNzUxIDQuOTc3NzggMjUuOTkyMSA2LjcwMTM0IDI1Ljk5MjEgOC44Mjc0N1YyMy4zNzA3QzI1Ljk5MjEgMjUuNDk2OCAyNC4yNzUxIDI3LjIyMDQgMjIuMTU3MiAyNy4yMjA0SDcuNjY5ODVDNS41NTE5IDI3LjIyMDQgMy44MzQ5NiAyNS40OTY4IDMuODM0OTYgMjMuMzcwN1Y4LjgyNzQ3QzMuODM0OTYgNi43MDEzNSA1LjU1MTkgNC45Nzc3OCA3LjY2OTg1IDQuOTc3NzhaTTcuNjY5ODUgOC4zOTk3M0M3LjQzNDUyIDguMzk5NzMgNy4yNDM3NSA4LjU5MTIzIDcuMjQzNzUgOC44Mjc0N1YyMy4zNzA3QzcuMjQzNzUgMjMuNjA3IDcuNDM0NTIgMjMuNzk4NSA3LjY2OTg1IDIzLjc5ODVIMjIuMTU3MkMyMi4zOTI1IDIzLjc5ODUgMjIuNTgzMyAyMy42MDcgMjIuNTgzMyAyMy4zNzA3VjguODI3NDdDMjIuNTgzMyA4LjU5MTIzIDIyLjM5MjUgOC4zOTk3MyAyMi4xNTcyIDguMzk5NzNINy42Njk4NVoiIGZpbGw9IiMxMzBCNDMiLz4KPHBhdGggZD0iTTE3LjM0OTYgMTAyLjM4MkMxNy4zNDk2IDEwMy4zMSAxNi41OTk4IDEwNC4wNjMgMTUuNjc0OCAxMDQuMDYzQzE0Ljc0OTggMTA0LjA2MyAxNCAxMDMuMzEgMTQgMTAyLjM4MkMxNCAxMDEuNDUzIDE0Ljc0OTggMTAwLjcwMSAxNS42NzQ4IDEwMC43MDFDMTYuNTk5OCAxMDAuNzAxIDE3LjM0OTYgMTAxLjQ1MyAxNy4zNDk2IDEwMi4zODJaIiBmaWxsPSIjMTMwQjQzIi8+CjxwYXRoIGQ9Ik0xNy4zNDk2IDEwOC40MzRDMTcuMzQ5NiAxMDkuMzYzIDE2LjU5OTggMTEwLjExNSAxNS42NzQ4IDExMC4xMTVDMTQuNzQ5OCAxMTAuMTE1IDE0IDEwOS4zNjMgMTQgMTA4LjQzNEMxNCAxMDcuNTA2IDE0Ljc0OTggMTA2Ljc1MyAxNS42NzQ4IDEwNi43NTNDMTYuNTk5OCAxMDYuNzUzIDE3LjM0OTYgMTA3LjUwNiAxNy4zNDk2IDEwOC40MzRaIiBmaWxsPSIjMTMwQjQzIi8+CjxwYXRoIGQ9Ik0xNy4zNDk2IDExNC40ODdDMTcuMzQ5NiAxMTUuNDE1IDE2LjU5OTggMTE2LjE2OCAxNS42NzQ4IDExNi4xNjhDMTQuNzQ5OCAxMTYuMTY4IDE0IDExNS40MTUgMTQgMTE0LjQ4N0MxNCAxMTMuNTU4IDE0Ljc0OTggMTEyLjgwNSAxNS42NzQ4IDExMi44MDVDMTYuNTk5OCAxMTIuODA1IDE3LjM0OTYgMTEzLjU1OCAxNy4zNDk2IDExNC40ODdaIiBmaWxsPSIjMTMwQjQzIi8+CjxwYXRoIGQ9Ik0yMy4zNzg5IDEwMi4zODJDMjMuMzc4OSAxMDMuMzEgMjIuNjI5MSAxMDQuMDYzIDIxLjcwNDEgMTA0LjA2M0MyMC43NzkxIDEwNC4wNjMgMjAuMDI5MyAxMDMuMzEgMjAuMDI5MyAxMDIuMzgyQzIwLjAyOTMgMTAxLjQ1MyAyMC43NzkxIDEwMC43IDIxLjcwNDEgMTAwLjdDMjIuNjI5MSAxMDAuNyAyMy4zNzg5IDEwMS40NTMgMjMuMzc4OSAxMDIuMzgyWiIgZmlsbD0iIzEzMEI0MyIvPgo8cGF0aCBkPSJNMjMuMzc4OSAxMDguNDM0QzIzLjM3ODkgMTA5LjM2MyAyMi42MjkxIDExMC4xMTUgMjEuNzA0MSAxMTAuMTE1QzIwLjc3OTEgMTEwLjExNSAyMC4wMjkzIDEwOS4zNjMgMjAuMDI5MyAxMDguNDM0QzIwLjAyOTMgMTA3LjUwNiAyMC43NzkxIDEwNi43NTMgMjEuNzA0MSAxMDYuNzUzQzIyLjYyOTEgMTA2Ljc1MyAyMy4zNzg5IDEwNy41MDYgMjMuMzc4OSAxMDguNDM0WiIgZmlsbD0iIzEzMEI0MyIvPgo8cGF0aCBkPSJNMjMuMzc4OSAxMTQuNDg3QzIzLjM3ODkgMTE1LjQxNSAyMi42MjkxIDExNi4xNjggMjEuNzA0MSAxMTYuMTY4QzIwLjc3OTEgMTE2LjE2OCAyMC4wMjkzIDExNS40MTUgMjAuMDI5MyAxMTQuNDg3QzIwLjAyOTMgMTEzLjU1OCAyMC43NzkxIDExMi44MDUgMjEuNzA0MSAxMTIuODA1QzIyLjYyOTEgMTEyLjgwNSAyMy4zNzg5IDExMy41NTggMjMuMzc4OSAxMTQuNDg3WiIgZmlsbD0iIzEzMEI0MyIvPgo8cGF0aCBkPSJNMjkuNDA4MiAxMDIuMzgyQzI5LjQwODIgMTAzLjMxIDI4LjY1ODQgMTA0LjA2MyAyNy43MzM0IDEwNC4wNjNDMjYuODA4NCAxMDQuMDYzIDI2LjA1ODYgMTAzLjMxIDI2LjA1ODYgMTAyLjM4MkMyNi4wNTg2IDEwMS40NTMgMjYuODA4NCAxMDAuNyAyNy43MzM0IDEwMC43QzI4LjY1ODQgMTAwLjcgMjkuNDA4MiAxMDEuNDUzIDI5LjQwODIgMTAyLjM4MloiIGZpbGw9IiMxMzBCNDMiLz4KPHBhdGggZD0iTTI5LjQwODIgMTA4LjQzNEMyOS40MDgyIDEwOS4zNjMgMjguNjU4NCAxMTAuMTE1IDI3LjczMzQgMTEwLjExNUMyNi44MDg0IDExMC4xMTUgMjYuMDU4NiAxMDkuMzYzIDI2LjA1ODYgMTA4LjQzNEMyNi4wNTg2IDEwNy41MDYgMjYuODA4NCAxMDYuNzUzIDI3LjczMzQgMTA2Ljc1M0MyOC42NTg0IDEwNi43NTMgMjkuNDA4MiAxMDcuNTA2IDI5LjQwODIgMTA4LjQzNFoiIGZpbGw9IiMxMzBCNDMiLz4KPHBhdGggZD0iTTI5LjQwODIgMTE0LjQ4N0MyOS40MDgyIDExNS40MTUgMjguNjU4NCAxMTYuMTY4IDI3LjczMzQgMTE2LjE2OEMyNi44MDg0IDExNi4xNjggMjYuMDU4NiAxMTUuNDE1IDI2LjA1ODYgMTE0LjQ4N0MyNi4wNTg2IDExMy41NTggMjYuODA4NCAxMTIuODA1IDI3LjczMzQgMTEyLjgwNUMyOC42NTg0IDExMi44MDUgMjkuNDA4MiAxMTMuNTU4IDI5LjQwODIgMTE0LjQ4N1oiIGZpbGw9IiMxMzBCNDMiLz4KPC9zdmc+Cg==");
                top: 60px;
                right: 97px;
                height: 116px;
                width: 29px;
            }

#contributing-dashboard > .container .funding .c-icon {
                height: 96px;
                width: 96px;
                margin-left: auto;
                margin-right: 32px;
            }

#contributing-dashboard > .container .funding .content {
                max-width: 710px;
                margin-right: auto;
            }

#contributing-dashboard > .container .funding .content h2 {
        font-size: 24px;
        font-weight: 600;
        line-height: 140%;
        color: var(--textColor2);
        margin-bottom: 8px;
}

#contributing-dashboard > .container .funding .content h2 strong {
        font-weight: 700;
}

#contributing-dashboard > .container .funding .content p {
        line-height: 160%;
}

#contributing-dashboard > .container .funding .content p a:not(.btn-primary) {
            color: var(--c-prominent-link-color);
            font-weight: 500;
        }

#contributing-dashboard > .container .funding .content p strong {
        font-weight: 500;
        color: var(--textColor2);
}

#contributing-dashboard > .container .funding .content p {
        font-size: 18px;
        line-height: 150%;
        margin-bottom: 16px;
}

#contributing-dashboard > .container .funding .content p strong {
        font-weight: 500;
}

#contributing-dashboard > .container .funding .content .cta {
        display: flex;
        align-items: center;
}

#contributing-dashboard > .container .funding .content .cta .btn-primary {
        margin-right: 24px;
}

#contributing-dashboard > .container .funding .content .cta .total {
        font-size: 16px;
        font-weight: 500;
}

#contributing-dashboard > .container .funding .content .cta .total a {
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(46 87 232 / var(--tw-text-opacity, 1));
}

#contributing-dashboard > .container .methods-section .header {
        margin-bottom: 36px;
        display: flex;
        flex-direction: column;
        align-items: center;
}

#contributing-dashboard > .container .methods-section .header h2 {
        font-size: 28px;
        font-weight: 700;
        line-height: 140%;
        color: var(--textColor1);
}

@media (min-width: 768px) {

        #contributing-dashboard > .container .methods-section .header h2 {
                font-size: 31px;
        }
}

#contributing-dashboard > .container .methods-section .header h2 {
        margin-bottom: 32px;
}

#contributing-dashboard > .container .methods-section .methods {
        display: grid;
        -moz-column-gap: 64px;
             column-gap: 64px;
        row-gap: 48px;
}

#contributing-dashboard > .container .methods-section .methods .method {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
}

#contributing-dashboard > .container .methods-section .methods .method > .c-icon {
                        height: 64px;
                        width: 64px;
                        margin-bottom: 12px;
                    }

#contributing-dashboard > .container .methods-section .methods .method h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 140%;
        color: var(--textColor1);
        margin-bottom: 8px;
}

#contributing-dashboard > .container .methods-section .methods .method .c-tag {
        margin-bottom: 8px;
}

#contributing-dashboard > .container .methods-section .methods .method .c-tag.beginner {
        --tw-border-opacity: 1;
        border-color: rgb(106 147 255 / var(--tw-border-opacity, 1));
        color: var(--linkColor);
                            background: var(
                                --backgroundColorDonationsFormSelected
                            );
}

#contributing-dashboard > .container .methods-section .methods .method .c-tag.intermediary {
        --tw-border-opacity: 1;
        border-color: rgb(246 150 5 / var(--tw-border-opacity, 1));
        color: var(--textColor2);
                            background: var(--backgroundColorCAlert);
}

#contributing-dashboard > .container .methods-section .methods .method .c-tag.advanced {
                            color: var(--colorPurpleToBrightPurple);
                            border-color: var(--colorPurpleToBrightPurple);
                            background: var(
                                --backgroundColorContributingAdvanced
                            );
                        }

#contributing-dashboard > .container .methods-section .methods .method p {
        line-height: 160%;
}

#contributing-dashboard > .container .methods-section .methods .method p a:not(.btn-primary) {
            color: var(--c-prominent-link-color);
            font-weight: 500;
        }

#contributing-dashboard > .container .methods-section .methods .method p strong {
        font-weight: 500;
        color: var(--textColor2);
}

#contributing-dashboard > .container .methods-section .methods .method p {
        font-size: 16px;
        margin-bottom: 10px;
}

#contributing-dashboard > .container .methods-section .methods .method .issues {
        display: flex;
        align-items: center;
        font-size: 15px;
        line-height: 160%;
        font-weight: 600;
        color: var(--textColor2);
        margin-bottom: 12px;
}

#contributing-dashboard > .container .methods-section .methods .method .issues .c-icon {
                            height: 15px;
                            width: 15px;
                            filter: var(--textColor6-filter);
                            margin-right: 12px;
                        }

#contributing-dashboard > .container .methods-section .methods .method .track-icons {
        margin-bottom: 12px;
        display: flex;
}

#contributing-dashboard > .container .methods-section .methods .method .track-icons .c-track-icon {
                            height: 48px;
                            width: 48px;
                            margin-right: 12px;
                        }

#contributing-dashboard > .container .methods-section .methods .method .tracks-list {
        font-weight: 500;
        color: var(--textColor6);
        font-size: 15px;
        line-height: 160%;
        margin-bottom: 16px;
}

#contributing-dashboard > .container .methods-section .methods .method .c-prominent-link {
                    }

#contributing-contributors {
        margin-bottom: 80px;
}

#contributing-contributors > .container .highlights {
        display: grid;
        gap: 16px;
        margin-bottom: 32px;
}

#contributing-contributors > .container .highlights .highlight {
        border-width: 1px;
        border-color: var(--borderColor6);
        border-radius: 8px;
        --tw-bg-opacity: 1;
        background-color: rgb(var(--backgroundColorA-RGB) / var(--tw-bg-opacity, 1));
        --tw-shadow: 0px 2px 4px 0px rgba(var(--shadowColorMain), 0.3);
        --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 24px;
        padding-right: 24px;
        display: flex;
        align-items: center;
}

#contributing-contributors > .container .highlights .highlight .emoji {
        font-size: 24px;
        line-height: 140%;
        margin-right: 24px;
}

#contributing-contributors > .container .highlights .highlight .c-avatar {
                    height: 48px;
                    width: 48px;
                    margin-right: 20px;
                }

#contributing-contributors > .container .highlights .highlight .new {
        border-radius: 3px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 211 143 / var(--tw-bg-opacity, 1));
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        font-family: Source Code Pro, monospace;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 120%;
        margin-right: 24px;
}

#contributing-contributors > .container .highlights .highlight .info .title {
        font-size: 16px;
        font-weight: 500;
        line-height: 150%;
        color: var(--textColor6);
}

#contributing-contributors > .container .highlights .highlight .info .handle {
        font-size: 18px;
        font-weight: 600;
        line-height: 150%;
        color: var(--textColor1);
}

#contributing-contributors > .container .c-search-bar {
        margin-bottom: 24px;
        display: flex;
        align-items: center;
}

#contributing-contributors > .container .c-search-bar .tabs {
        display: flex;
        align-items: center;
}

#contributing-contributors > .container .c-search-bar .tabs .c-tab-2 {
        font-size: 16px;
        font-weight: 500;
        line-height: 140%;
        color: var(--textColor6);
        border-bottom-width: 3px;
        padding-top: 10px;
        padding-bottom: 10px;
}

#contributing-contributors > .container .c-search-bar .tabs .c-tab-2.selected {
        font-weight: 600;
        color: var(--textColor2);
}

#contributing-contributors > .container .c-single-select {
        margin-left: 12px;
}

#contributing-contributors .contributors {
        border-radius: 8px;
        --tw-bg-opacity: 1;
        background-color: rgb(var(--backgroundColorA-RGB) / var(--tw-bg-opacity, 1));
        --tw-shadow: var(--box-shadow-lg);
        --tw-shadow-colored: var(--box-shadow-lg);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#contributing-contributors .contributors .contributor {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 12px;
        padding-bottom: 12px;
        border-bottom-width: 1px;
        border-color: var(--borderColor7);
        display: flex;
        flex-direction: column;
}

@media (min-width: 768px) {

        #contributing-contributors .contributors .contributor {
                padding-left: 24px;
                padding-right: 24px;
                padding-top: 8px;
                padding-bottom: 8px;
                flex-direction: row;
                align-items: center;
        }
}

#contributing-contributors .contributors .contributor .rank {
        flex-shrink: 0;
        text-align: center;
        font-weight: 500;
        line-height: 150%;
        color: var(--textColor6);
        margin-right: 24px;
                width: 40px;
}

@media (min-width: 1024px) {

#contributing-contributors .contributors .contributor .rank {
                    width: 60px
            }
                }

#contributing-contributors .contributors .contributor .c-avatar {
                height: 48px;
                width: 48px;
                margin-right: 16px;
            }

#contributing-contributors .contributors .contributor .info {
                max-width: 570px;
                margin-right: 24px;
            }

#contributing-contributors .contributors .contributor .info h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        color: var(--textColor2);
}

#contributing-contributors .contributors .contributor .info p {
        line-height: 150%;
        color: var(--textColor6);
}

#contributing-contributors .contributors .contributor .c-primary-reputation {
                transform: scale(0.8);
                transform-origin: 0 50%;
            }

@media (min-width: 768px) {

        #contributing-contributors .contributors .contributor .c-primary-reputation {
                margin-left: auto;
                    transform: unset;
        }
}

#contributing-contributors .contributors .contributor .c-icon.action-icon {
                height: 16px;
                width: 16px;
                margin-left: 96px;
        filter: var(--textColor6-filter);
            }

#contributing-contributors .contributors .c-pagination {
        margin-top: 32px;
            padding: 8px 24px;
}

.c-task-tooltip {
        display: none;
}

@media (min-width: 768px) {

        .c-task-tooltip {
                display: block;
        }
}

.c-task-tooltip .size-tag, #contributing-tasks .task .size-tag {
        height: 24px;
        width: 24px;
        display: grid;
        place-items: center;
        font-family: Source Code Pro, monospace;
        font-weight: 600;
        line-height: 150%;
        border-radius: 3px;
        border-width: 1px;
        border-color: var(--textColor6);
    }

.c-task-tooltip .size-tag.blank, #contributing-tasks .task .size-tag.blank {
        border-color: transparent;
}

.c-task-tooltip .knowledge-tag, #contributing-tasks .task .knowledge-tag {
        display: flex;
        align-items: center;
        border-radius: 5px;
        border-width: 1px;
        border-color: var(--borderColor5);
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 16px;
        padding-right: 16px;
}

.c-task-tooltip .knowledge-tag .c-icon, #contributing-tasks .task .knowledge-tag .c-icon {
            height: 24px;
            width: 24px;
        filter: var(--textColor6-filter);
        margin-right: 12px;
        }

.c-task-tooltip .knowledge-tag .dot, #contributing-tasks .task .knowledge-tag .dot {
        border-radius: 100%;
        border-width: 2px;
        border-color: var(--textColor6);
        margin-left: 4px;
            height: 12px;
            width: 12px;
}

.c-task-tooltip .knowledge-tag .dot.filled, #contributing-tasks .task .knowledge-tag .dot.filled {
        background-color: var(--textColor6);
}

.c-task-tooltip .knowledge-tag.blank, #contributing-tasks .task .knowledge-tag.blank {
        border-color: transparent;
}

.c-task-tooltip .action-icon, #contributing-tasks .task .action-icon {
        height: 40px;
        width: 40px;
        border-radius: 100%;
        border-width: 2px;
        border-color: var(--textColor2);
        display: grid;
        place-items: center;
    }

.c-task-tooltip .action-icon .c-icon, #contributing-tasks .task .action-icon .c-icon {
            height: 25px;
            width: 25px;
        filter: var(--textColor6-filter);
        }

.c-task-tooltip .module, #contributing-tasks .task .module {
        height: 24px;
        width: 24px;
        filter: var(--textColor6-filter);
    }

#contributing-tasks {
        padding-bottom: 140px;
        margin-bottom: 140px;
}

#contributing-tasks .c-search-bar {
        margin-bottom: 16px;
        display: none;
}

@media (min-width: 1024px) {

        #contributing-tasks .c-search-bar {
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-end;
        }
}

#contributing-tasks .c-search-bar .c-track-select {
        margin-right: auto;
        margin-bottom: 16px;
}

#contributing-tasks .c-search-bar .c-multi-select {
        margin-left: 16px;
        margin-bottom: 16px;
}

#contributing-tasks .c-search-bar .c-multi-select.action-switcher {
                min-width: 172px;
            }

#contributing-tasks .c-search-bar .c-multi-select.type-switcher {
                min-width: 156px;
            }

#contributing-tasks .c-search-bar .c-multi-select.size-switcher {
                min-width: 156px;
            }

#contributing-tasks .c-search-bar .c-multi-select.knowledge-switcher {
                min-width: 197px;
            }

#contributing-tasks .c-search-bar .c-multi-select.module-switcher {
                min-width: 230px;
            }

#contributing-tasks .c-search-bar .c-multi-select .size-tag {
        margin-right: 16px;
}

#contributing-tasks .c-search-bar .c-multi-select .knowledge-tag {
        margin-right: 16px;
        border-style: none;
        padding: 0px;
}

#contributing-tasks .c-search-bar .c-multi-select .knowledge-reset {
        margin-left: 16px;
        margin-right: 24px;
}

#contributing-tasks header.main-header {
        margin-bottom: 16px;
        display: flex;
        align-items: center;
}

#contributing-tasks header.main-header h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 140%;
        color: var(--textColor1);
        color: var(--textColor6);
        margin-right: 16px;
}

@media (min-width: 1024px) {

        #contributing-tasks header.main-header h2 {
                display: flex;
                align-items: center;
        }
}

#contributing-tasks header.main-header h2 strong {
        font-size: 20px;
        font-weight: 600;
        line-height: 130%;
        color: var(--textColor1);
}

@media (min-width: 768px) {

        #contributing-tasks header.main-header h2 strong {
                font-size: 24px;
        }
}

#contributing-tasks header.main-header h2 strong {
        margin-right: 12px;
}

#contributing-tasks header.main-header .reset-btn {
        margin-right: 32px;
}

#contributing-tasks header.main-header .c-single-select {
        margin-left: auto;
        display: none;
}

@media (min-width: 1024px) {

        #contributing-tasks header.main-header .c-single-select {
                display: flex;
        }
}

#contributing-tasks .tasks {
        border-radius: 8px;
        --tw-bg-opacity: 1;
        background-color: rgb(var(--backgroundColorA-RGB) / var(--tw-bg-opacity, 1));
        --tw-shadow: var(--box-shadow-lg);
        --tw-shadow-colored: var(--box-shadow-lg);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#contributing-tasks .tasks .task {
            overflow-wrap: anywhere;
            -webkit-hyphens: auto;
                    hyphens: auto;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 16px;
            padding-right: 16px;
        }

@media (min-width: 640px) {

        #contributing-tasks .tasks .task {
                padding-left: 24px;
                padding-right: 24px;
        }
}

#contributing-tasks .tasks .task {
        align-items: center;
        border-bottom-width: 1px;
        border-color: var(--borderColor7);
}

#contributing-tasks .tasks .task .knowledge-tag,
            #contributing-tasks .tasks .task .size-tag {
        margin-left: 0px;
}

@media (min-width: 768px) {

        #contributing-tasks .tasks .task .knowledge-tag,
            #contributing-tasks .tasks .task .size-tag {
                margin-left: 48px;
        }
}

#contributing-tasks .tasks .task .action-icon {
        margin-right: 16px;
        flex-shrink: 0;
}

#contributing-tasks .tasks .task .action-icon .c-icon {
        filter: var(--textColor6-filter);
    }

#contributing-tasks .tasks .task .info .heading {
        display: flex;
        align-items: center;
        margin-bottom: 4px;
}

#contributing-tasks .tasks .task .info .heading h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 160%;
        color: var(--textColor2);
}

#contributing-tasks .tasks .task .info .heading .new {
        display: none;
        align-items: center;
}

@media (min-width: 768px) {

        #contributing-tasks .tasks .task .info .heading .new {
                display: flex;
        }
}

#contributing-tasks .tasks .task .info .heading .new {
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(246 150 5 / var(--tw-text-opacity, 1));
}

#contributing-tasks .tasks .task .info .heading .new .c-icon {
                            filter: var(--orange-filter);
                            height: 16px;
                            width: 16px;
                            margin-left: 16px;
                            margin-right: 8px;
                        }

#contributing-tasks .tasks .task .info .track-type {
        display: flex;
        align-items: center;
}

#contributing-tasks .tasks .task .info .track-type .track {
        display: flex;
        align-items: center;
        font-family: Source Code Pro, monospace;
        font-size: 14px;
        line-height: 160%;
        margin-right: 12px;
}

#contributing-tasks .tasks .task .info .track-type .track .for {
        font-weight: 500;
        color: var(--textColor3);
}

#contributing-tasks .tasks .task .info .track-type .track .c-track-icon {
                            height: 24px;
                            width: 24px;
                            margin-left: 6px;
                            margin-right: 8px;
                        }

#contributing-tasks .tasks .task .info .track-type .track .title {
        font-weight: 600;
        color: var(--textColor2);
}

#contributing-tasks .tasks .task .info .track-type .type {
        font-family: Source Code Pro, monospace;
        font-weight: 600;
        line-height: 130%;
        color: var(--textColor6);
                        background: var(--backgroundColorDonationsFormSelected);
                        border-width: 1px;
                        border-color: var(--borderColorContributionTasksTag);
}

#contributing-tasks .tasks .task .info .track-type .type .c-icon {
                            height: 15px;
                            width: 15px;
        filter: var(--textColor6-filter);
        margin-right: 6px;
                        }

#contributing-tasks .tasks .task .tags {
        display: none;
        align-items: center;
}

@media (min-width: 768px) {

        #contributing-tasks .tasks .task .tags {
                display: flex;
        }
}

#contributing-tasks .tasks .task .tags {
        margin-left: auto;
}

#contributing-tasks .tasks .task .tags > .knowledge-tag {
                    transform: scale(0.8);
                    transform-origin: 0 50%;
                }

@media (min-width: 768px) {

#contributing-tasks .tasks .task .tags > .knowledge-tag {
                        transform: unset
                }
                    }

#contributing-tasks .tasks .task .tags > :not(.knowledge-tag):not(.size-tag) {
        margin-left: 16px;
}

@media (min-width: 768px) {

        #contributing-tasks .tasks .task .tags > :not(.knowledge-tag):not(.size-tag) {
                margin-left: 48px;
        }
}

#contributing-tasks .tasks .task .external-link {
                height: 16px;
                width: 16px;
                filter: var(--textColor6-filter);
                margin-left: 140px;
            }

@media (min-width: 640px) {
            #contributing-tasks .tasks .task {
                overflow-wrap: initial;
                -webkit-hyphens: initial;
                        hyphens: initial;
            }
        }

#contributing-tasks .c-pagination {
        margin-top: 0px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 16px;
        padding-bottom: 16px;
}

@media (min-width: 640px) {

        #contributing-tasks .c-pagination {
                padding-left: 24px;
                padding-right: 24px;
        }
}

.c-contributing-header {
        margin-bottom: 32px;
}

.c-contributing-header > .top-container {
        display: flex;
        margin-bottom: 24px;
        padding-top: 24px;
}

.c-contributing-header > .top-container .content {
            max-width: 800px;
        }

.c-contributing-header > .top-container .content > .c-icon {
                height: 64px;
                width: 64px;
                margin-bottom: 16px;
            }

.c-contributing-header > .top-container .content h1 {
        font-size: 32px;
        font-weight: 700;
        color: var(--textColor1);
        line-height: 1.25;
}

@media (min-width: 768px) {

        .c-contributing-header > .top-container .content h1 {
                font-size: 34px;
        }
}

@media (min-width: 1024px) {

        .c-contributing-header > .top-container .content h1 {
                font-size: 39px;
        }
}

.c-contributing-header > .top-container .content h1 {
        margin-bottom: 12px;
}

.c-contributing-header > .top-container .content p {
        line-height: 160%;
}

.c-contributing-header > .top-container .content p a:not(.btn-primary) {
            color: var(--c-prominent-link-color);
            font-weight: 500;
        }

.c-contributing-header > .top-container .content p strong {
        font-weight: 500;
        color: var(--textColor2);
}

.c-contributing-header > .top-container .content p {
        font-size: 18px;
        line-height: 150%;
}

.c-contributing-header > .top-container .content p a {
        font-weight: 500;
        color: var(--c-prominent-link-color);
}

.c-contributing-header > .top-container > .c-icon {
            width: 320px;
            height: 320px;
            margin-left: auto;
        }

.c-contributing-header > .top-container .decorations {
        flex-shrink: 0;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMTU2IDcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTIxIDUzLjk0MzhMMTMzLjIyMiA0MS43MjJMMTQ1LjQ0NCA1My45NDM4TDEzMy4yMjIgNjYuMTY1N0wxMjEgNTMuOTQzOFoiIGZpbGw9IiM1OUQyQUUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMjguNzc4IDUxLjcyMThMMTM4LjIyMiA0Mi4yNzc2QzEzOS42MDMgNDAuODk2OSAxNDEuODQxIDQwLjg5NjkgMTQzLjIyMiA0Mi4yNzc2TDE1Mi42NjYgNTEuNzIxOEMxNTQuMDQ3IDUzLjEwMjQgMTU0LjA0NyA1NS4zNDA5IDE1Mi42NjYgNTYuNzIxNkwxNDMuMjIyIDY2LjE2NThDMTQxLjg0MSA2Ny41NDY0IDEzOS42MDMgNjcuNTQ2NCAxMzguMjIyIDY2LjE2NThMMTI4Ljc3OCA1Ni43MjE2QzEyNy4zOTcgNTUuMzQwOSAxMjcuMzk3IDUzLjEwMjQgMTI4Ljc3OCA1MS43MjE4Wk0xMzEgNTMuOTQzOUMxMzAuODQ3IDU0LjA5NzMgMTMwLjg0NyA1NC4zNDYgMTMxIDU0LjQ5OTRMMTQwLjQ0NCA2My45NDM2QzE0MC41OTcgNjQuMDk3IDE0MC44NDYgNjQuMDk3IDE0MSA2My45NDM2TDE1MC40NDQgNTQuNDk5NEMxNTAuNTk3IDU0LjM0NiAxNTAuNTk3IDU0LjA5NzMgMTUwLjQ0NCA1My45NDM5TDE0MSA0NC40OTk4QzE0MC44NDYgNDQuMzQ2NCAxNDAuNTk3IDQ0LjM0NjQgMTQwLjQ0NCA0NC40OTk4TDEzMSA1My45NDM5WiIgZmlsbD0iIzMzMzYzRiIvPgo8cGF0aCBkPSJNMCAwSDE3LjI4NDNWMTcuMjg0M0gwVjBaIiBmaWxsPSIjRkFFNTRFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4wNzEwNyAzLjkyODIySDIwLjQyNzFDMjIuMzc5NyAzLjkyODIyIDIzLjk2MjUgNS41MTEwOCAyMy45NjI1IDcuNDYzNjVWMjAuODE5N0MyMy45NjI1IDIyLjc3MjMgMjIuMzc5NyAyNC4zNTUxIDIwLjQyNzEgMjQuMzU1MUg3LjA3MTA3QzUuMTE4NTEgMjQuMzU1MSAzLjUzNTY0IDIyLjc3MjMgMy41MzU2NCAyMC44MTk3VjcuNDYzNjVDMy41MzU2NCA1LjUxMTA5IDUuMTE4NTEgMy45MjgyMiA3LjA3MTA3IDMuOTI4MjJaTTcuMDcxMDcgNy4wNzA4MkM2Ljg1NDEyIDcuMDcwODIgNi42NzgyNCA3LjI0NjcgNi42NzgyNCA3LjQ2MzY1VjIwLjgxOTdDNi42NzgyNCAyMS4wMzY2IDYuODU0MTIgMjEuMjEyNSA3LjA3MTA3IDIxLjIxMjVIMjAuNDI3MUMyMC42NDQxIDIxLjIxMjUgMjAuODE5OSAyMS4wMzY2IDIwLjgxOTkgMjAuODE5N1Y3LjQ2MzY1QzIwLjgxOTkgNy4yNDY3IDIwLjY0NDEgNy4wNzA4MiAyMC40MjcxIDcuMDcwODJINy4wNzEwN1oiIGZpbGw9IiMzMzM2M0YiLz4KPHBhdGggZD0iTTk1LjA4OCAxNi41NDRDOTUuMDg4IDE3LjM5NjcgOTQuMzk2NyAxOC4wODggOTMuNTQ0IDE4LjA4OEM5Mi42OTEzIDE4LjA4OCA5MiAxNy4zOTY3IDkyIDE2LjU0NEM5MiAxNS42OTEzIDkyLjY5MTMgMTUgOTMuNTQ0IDE1Qzk0LjM5NjcgMTUgOTUuMDg4IDE1LjY5MTMgOTUuMDg4IDE2LjU0NFoiIGZpbGw9IiMzMzM2M0YiLz4KPHBhdGggZD0iTTk1LjA4OCAyMi4xMDI0Qzk1LjA4OCAyMi45NTUxIDk0LjM5NjcgMjMuNjQ2NCA5My41NDQgMjMuNjQ2NEM5Mi42OTEzIDIzLjY0NjQgOTIgMjIuOTU1MSA5MiAyMi4xMDI0QzkyIDIxLjI0OTYgOTIuNjkxMyAyMC41NTgzIDkzLjU0NCAyMC41NTgzQzk0LjM5NjcgMjAuNTU4MyA5NS4wODggMjEuMjQ5NiA5NS4wODggMjIuMTAyNFoiIGZpbGw9IiMzMzM2M0YiLz4KPHBhdGggZD0iTTk1LjA4OCAyNy42NjA3Qzk1LjA4OCAyOC41MTM0IDk0LjM5NjcgMjkuMjA0NyA5My41NDQgMjkuMjA0N0M5Mi42OTEzIDI5LjIwNDcgOTIgMjguNTEzNCA5MiAyNy42NjA3QzkyIDI2LjgwOCA5Mi42OTEzIDI2LjExNjcgOTMuNTQ0IDI2LjExNjdDOTQuMzk2NyAyNi4xMTY3IDk1LjA4OCAyNi44MDggOTUuMDg4IDI3LjY2MDdaIiBmaWxsPSIjMzMzNjNGIi8+CjxwYXRoIGQ9Ik0xMDAuNjQ3IDE2LjU0NEMxMDAuNjQ3IDE3LjM5NjcgOTkuOTU1MyAxOC4wODggOTkuMTAyNiAxOC4wODhDOTguMjQ5OSAxOC4wODggOTcuNTU4NiAxNy4zOTY3IDk3LjU1ODYgMTYuNTQ0Qzk3LjU1ODYgMTUuNjkxMyA5OC4yNDk5IDE1IDk5LjEwMjYgMTVDOTkuOTU1MyAxNSAxMDAuNjQ3IDE1LjY5MTMgMTAwLjY0NyAxNi41NDRaIiBmaWxsPSIjMzMzNjNGIi8+CjxwYXRoIGQ9Ik0xMDAuNjQ3IDIyLjEwMjRDMTAwLjY0NyAyMi45NTUxIDk5Ljk1NTMgMjMuNjQ2NCA5OS4xMDI2IDIzLjY0NjRDOTguMjQ5OSAyMy42NDY0IDk3LjU1ODYgMjIuOTU1MSA5Ny41NTg2IDIyLjEwMjRDOTcuNTU4NiAyMS4yNDk2IDk4LjI0OTkgMjAuNTU4MyA5OS4xMDI2IDIwLjU1ODNDOTkuOTU1MyAyMC41NTgzIDEwMC42NDcgMjEuMjQ5NiAxMDAuNjQ3IDIyLjEwMjRaIiBmaWxsPSIjMzMzNjNGIi8+CjxwYXRoIGQ9Ik0xMDAuNjQ3IDI3LjY2MDdDMTAwLjY0NyAyOC41MTM0IDk5Ljk1NTMgMjkuMjA0NyA5OS4xMDI2IDI5LjIwNDdDOTguMjQ5OSAyOS4yMDQ3IDk3LjU1ODYgMjguNTEzNCA5Ny41NTg2IDI3LjY2MDdDOTcuNTU4NiAyNi44MDggOTguMjQ5OSAyNi4xMTY3IDk5LjEwMjYgMjYuMTE2N0M5OS45NTUzIDI2LjExNjcgMTAwLjY0NyAyNi44MDggMTAwLjY0NyAyNy42NjA3WiIgZmlsbD0iIzMzMzYzRiIvPgo8cGF0aCBkPSJNMTA2LjIwNSAxNi41NDRDMTA2LjIwNSAxNy4zOTY3IDEwNS41MTQgMTguMDg4IDEwNC42NjEgMTguMDg4QzEwMy44MDggMTguMDg4IDEwMy4xMTcgMTcuMzk2NyAxMDMuMTE3IDE2LjU0NEMxMDMuMTE3IDE1LjY5MTMgMTAzLjgwOCAxNSAxMDQuNjYxIDE1QzEwNS41MTQgMTUgMTA2LjIwNSAxNS42OTEzIDEwNi4yMDUgMTYuNTQ0WiIgZmlsbD0iIzMzMzYzRiIvPgo8cGF0aCBkPSJNMTA2LjIwNSAyMi4xMDI0QzEwNi4yMDUgMjIuOTU1MSAxMDUuNTE0IDIzLjY0NjQgMTA0LjY2MSAyMy42NDY0QzEwMy44MDggMjMuNjQ2NCAxMDMuMTE3IDIyLjk1NTEgMTAzLjExNyAyMi4xMDI0QzEwMy4xMTcgMjEuMjQ5NiAxMDMuODA4IDIwLjU1ODMgMTA0LjY2MSAyMC41NTgzQzEwNS41MTQgMjAuNTU4MyAxMDYuMjA1IDIxLjI0OTYgMTA2LjIwNSAyMi4xMDI0WiIgZmlsbD0iIzMzMzYzRiIvPgo8cGF0aCBkPSJNMTA2LjIwNSAyNy42NjA3QzEwNi4yMDUgMjguNTEzNCAxMDUuNTE0IDI5LjIwNDcgMTA0LjY2MSAyOS4yMDQ3QzEwMy44MDggMjkuMjA0NyAxMDMuMTE3IDI4LjUxMzQgMTAzLjExNyAyNy42NjA3QzEwMy4xMTcgMjYuODA4IDEwMy44MDggMjYuMTE2NyAxMDQuNjYxIDI2LjExNjdDMTA1LjUxNCAyNi4xMTY3IDEwNi4yMDUgMjYuODA4IDEwNi4yMDUgMjcuNjYwN1oiIGZpbGw9IiMzMzM2M0YiLz4KPC9zdmc+Cg==");
            height: 71px;
            width: 155px;
            background-size: 155px;
}

.c-contributing-header > .nav-container {
        display: flex;
        overflow-x: auto;
}

.c-contributing-header > .nav-container .tabs {
        margin-right: 24px;
        display: flex;
        flex-shrink: 0;
}

.c-contributing-header > .nav-container .guides {
        margin-left: auto;
}

/* See also app/css/pages/contributing-tasks.css */

.c-task-tooltip {
        border-radius: 8px;
        --tw-bg-opacity: 1;
        background-color: rgb(var(--backgroundColorA-RGB) / var(--tw-bg-opacity, 1));
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 24px;
        padding-right: 24px;
        --tw-shadow: var(--box-shadow-lg);
        --tw-shadow-colored: var(--box-shadow-lg);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        position: relative;
        z-index: 80;

    width: 540px;
}

.c-task-tooltip section {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 8px;
        padding-right: 8px;
        display: flex;
        align-items: center;
}

.c-task-tooltip section:first-child {
        padding-top: 0px;
}

.c-task-tooltip section:last-child {
        padding-bottom: 0px;
}

.c-task-tooltip section + section {
        border-top-width: 1px;
        border-color: var(--borderColor6);
}

.c-task-tooltip section > .icon {
        display: grid;
        flex-shrink: 0;
        place-items: center;
        margin-right: 24px;
            width: 45px;
}

.c-task-tooltip section > .icon .c-icon {
        filter: var(--textColor6-filter);
    }

.c-task-tooltip section > .icon .action-icon {
        border-style: none;
}

.c-task-tooltip section > .icon .action-icon .c-icon {
        filter: var(--textColor6-filter);
    }

.c-task-tooltip section > .icon .knowledge-tag {
        border-style: none;
        padding: 0px;
}

.c-task-tooltip section > .icon .knowledge-tag .c-icon {
        display: none;
}

.c-task-tooltip section > .icon .knowledge-tag .dot {
                    height: 8px;
                    width: 8px;
                    margin-right: 3px;
                    margin-left: 0;
                }

.c-task-tooltip section h3 {
        font-weight: 500;
        line-height: 150%;
}

.c-task-tooltip section h3 strong {
        font-weight: 600;
}

.c-task-tooltip section p {
        line-height: 150%;
}

.c-task-tooltip section.summary {
        padding-bottom: 16px;
}

.c-task-tooltip section.summary .task-icon {
        border-radius: 3px;
        border-style: none;
                background: var(--backgroundColorMentorTestimonialsNew);
                color: var(--textColorMentorTestimonialsNew);
                font-family: Source Code Pro, monospace;
                font-size: 12px;
                font-weight: 700;
                text-transform: uppercase;
                line-height: 150%;
                padding-top: 4px;
                padding-bottom: 4px;
                padding-left: 8px;
                padding-right: 8px;
}

.c-task-tooltip section.summary h3 {
        font-size: 18px;
        font-weight: 500;
        line-height: 150%;
}