@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

:root * {
    --fonts-regular: "Rubik";
    --tb-border-radius: 20px;
    --font-weight-normal: 500;
}


@media (prefers-color-scheme: light) {
    .chroma .bp {
        color:#999
    }

    .chroma .c,.chroma .c1,.chroma .ch {
        color: #6a737d
    }

    .chroma .cm {
        color: #998
    }

    .chroma .cp {
        color: #109295
    }

    .chroma .cpf {
        color: #4c4dbc
    }

    .chroma .cs {
        color: #999
    }

    .chroma .dl {
        color: #106303
    }

    .chroma .gd {
        color: #000;
        background-color: #fdd
    }

    .chroma .ge {
        color: #000
    }

    .chroma .gh {
        color: #999
    }

    .chroma .gi {
        color: #000;
        background-color: #dfd
    }

    .chroma .go {
        color: #888
    }

    .chroma .gp {
        color: #555
    }

    .chroma .gr,.chroma .gt {
        color: #a00
    }

    .chroma .gu {
        color: #aaa
    }

    .chroma .il {
        color: #099
    }

    .chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr {
        color: #d73a49
    }

    .chroma .kt {
        color: #458
    }

    .chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo {
        color: #099
    }

    .chroma .na {
        color: #d73a49
    }

    .chroma .nb {
        color: #005cc5
    }

    .chroma .nc {
        color: #458
    }

    .chroma .nd {
        color: #3c5d5d
    }

    .chroma .ne {
        color: #900
    }

    .chroma .nf {
        color: #005cc5
    }

    .chroma .ni {
        color: #6f42c1
    }

    .chroma .nl {
        color: #900
    }

    .chroma .nn {
        color: #555
    }

    .chroma .no {
        color: teal
    }

    .chroma .nt {
        color: #22863a
    }

    .chroma .nv {
        color: teal
    }

    .chroma .nx {
        color: #24292e
    }

    .chroma .o,.chroma .ow {
        color: #d73a49
    }

    .chroma .s,.chroma .s1,.chroma .s2 {
        color: #106303
    }

    .chroma .sa {
        color: #cc7a00
    }

    .chroma .sb {
        color: #106303
    }

    .chroma .sc {
        color: #cc7a00
    }

    .chroma .sd {
        color: #106303
    }

    .chroma .se {
        color: #940
    }

    .chroma .sh {
        color: #106303
    }

    .chroma .si {
        color: #cc7a00
    }

    .chroma .sr {
        color: #4c4dbc
    }

    .chroma .ss {
        color: #940
    }

    .chroma .sx {
        color: #106303
    }

    .chroma .vc,.chroma .vg,.chroma .vi {
        color: teal
    }

    .chroma .w {
        color: #bbb
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --is-dark-theme: false;
        --color-primary: #33D9B2;
        --color-primary-contrast: #ffffff;
        
        /* Darker Shades */
        --color-primary-dark-1: #B900E3;
        --color-primary-dark-2: #A000C7;
        --color-primary-dark-3: #8800AB;
        --color-primary-dark-4: #71008F;
        --color-primary-dark-5: #5B0074;
        --color-primary-dark-6: #450058;
        --color-primary-dark-7: #30003D;

        /* Lighter Shades */
        --color-primary-light-1: #DB33FF;
        --color-primary-light-2: #E066FF;
        --color-primary-light-3: #E699FF;
        --color-primary-light-4: #ECB3FF;
        --color-primary-light-5: #F2CCFF;
        --color-primary-light-6: #F9E6FF;
        --color-primary-light-7: #FEF5FF;
        --color-primary-alpha-10: #33D9B219;
        --color-primary-alpha-20: #33D9B233;
        --color-primary-alpha-30: #33D9B24b;
        --color-primary-alpha-40: #33D9B266;
        --color-primary-alpha-50: #33D9B280;
        --color-primary-alpha-60: #33D9B299;
        --color-primary-alpha-70: #33D9B2b3;
        --color-primary-alpha-80: #33D9B2cc;
        --color-primary-alpha-90: #33D9B2e1;
        --color-primary-hover: var(--color-primary-dark-1);
        --color-primary-active: var(--color-primary-dark-2);
        --color-secondary: #d0d7de;
        --color-secondary-dark-1: #c7ced5;
        --color-secondary-dark-2: #b9c0c7;
        --color-secondary-dark-3: #99a0a7;
        --color-secondary-dark-4: #899097;
        --color-secondary-dark-5: #7a8188;
        --color-secondary-dark-6: #6a7178;
        --color-secondary-dark-7: #5b6269;
        --color-secondary-dark-8: #4b5259;
        --color-secondary-dark-9: #3c434a;
        --color-secondary-dark-10: #2c333a;
        --color-secondary-dark-11: #1d242b;
        --color-secondary-dark-12: #0d141b;
        --color-secondary-dark-13: #00040b;
        --color-secondary-light-1: #dee5ec;
        --color-secondary-light-2: #e4ebf2;
        --color-secondary-light-3: #ebf2f9;
        --color-secondary-light-4: #f1f8ff;
        --color-secondary-alpha-10: #d0d7de19;
        --color-secondary-alpha-20: #d0d7de33;
        --color-secondary-alpha-30: #d0d7de4b;
        --color-secondary-alpha-40: #d0d7de66;
        --color-secondary-alpha-50: #d0d7de80;
        --color-secondary-alpha-60: #d0d7de99;
        --color-secondary-alpha-70: #d0d7deb3;
        --color-secondary-alpha-80: #d0d7decc;
        --color-secondary-alpha-90: #d0d7dee1;
        --color-secondary-button: var(--color-secondary-dark-4);
        --color-secondary-hover: var(--color-secondary-dark-5);
        --color-secondary-active: var(--color-secondary-dark-6);
        --color-console-fg: #f7f8f9;
        --color-console-fg-subtle: #bdc4cc;
        --color-console-bg: #171b1e;
        --color-console-border: #2e353b;
        --color-console-hover-bg: #272d33;
        --color-console-active-bg: #2e353b;
        --color-console-menu-bg: #262b31;
        --color-console-menu-border: #414b55;
        --color-red: #db2828;
        --color-orange: #f2711c;
        --color-yellow: #fbbd08;
        --color-olive: #b5cc18;
        --color-green: #21ba45;
        --color-teal: #00b5ad;
        --color-blue: #2185d0;
        --color-violet: #6435c9;
        --color-purple: #a333c8;
        --color-pink: #e03997;
        --color-brown: #a5673f;
        --color-black: #1d2328;
        --color-red-light: #e45e5e;
        --color-orange-light: #f59555;
        --color-yellow-light: #fcce46;
        --color-olive-light: #d3e942;
        --color-green-light: #46de6a;
        --color-teal-light: #08fff4;
        --color-blue-light: #51a5e3;
        --color-violet-light: #8b67d7;
        --color-purple-light: #bb64d8;
        --color-pink-light: #e86bb1;
        --color-brown-light: #c58b66;
        --color-black-light: #4b5b68;
        --color-red-dark-1: #c82121;
        --color-orange-dark-1: #e6630d;
        --color-yellow-dark-1: #e5ac04;
        --color-olive-dark-1: #a3b816;
        --color-green-dark-1: #1ea73e;
        --color-teal-dark-1: #00a39c;
        --color-blue-dark-1: #1e78bb;
        --color-violet-dark-1: #5a30b5;
        --color-purple-dark-1: #932eb4;
        --color-pink-dark-1: #db228a;
        --color-brown-dark-1: #955d39;
        --color-black-dark-1: #2c3339;
        --color-red-dark-2: #b11e1e;
        --color-orange-dark-2: #cc580c;
        --color-yellow-dark-2: #cc9903;
        --color-olive-dark-2: #91a313;
        --color-green-dark-2: #1a9537;
        --color-teal-dark-2: #00918a;
        --color-blue-dark-2: #1a6aa6;
        --color-violet-dark-2: #502aa1;
        --color-purple-dark-2: #8229a0;
        --color-pink-dark-2: #c21e7b;
        --color-brown-dark-2: #845232;
        --color-black-dark-2: #131619;
        --color-ansi-black: #1e2327;
        --color-ansi-red: #cc4848;
        --color-ansi-green: #87ab63;
        --color-ansi-yellow: #cc9903;
        --color-ansi-blue: #3a8ac6;
        --color-ansi-magenta: #d22e8b;
        --color-ansi-cyan: #00918a;
        --color-ansi-white: var(--color-console-fg-subtle);
        --color-ansi-bright-black: #46494d;
        --color-ansi-bright-red: #d15a5a;
        --color-ansi-bright-green: #93b373;
        --color-ansi-bright-yellow: #eaaf03;
        --color-ansi-bright-blue: #4e96cc;
        --color-ansi-bright-magenta: #d74397;
        --color-ansi-bright-cyan: #00b6ad;
        --color-ansi-bright-white: var(--color-console-fg);
        --color-grey: #697077;
        --color-grey-light: #7c838a;
        --color-gold: #a1882b;
        --color-white: #ffffff;
        --color-diff-added-linenum-bg: #d1f8d9;
        --color-diff-added-row-bg: #e6ffed;
        --color-diff-added-row-border: #e6ffed;
        --color-diff-added-word-bg: #acf2bd;
        --color-diff-moved-row-bg: #f1f8d1;
        --color-diff-moved-row-border: #d0e27f;
        --color-diff-removed-linenum-bg: #ffcecb;
        --color-diff-removed-row-bg: #ffeef0;
        --color-diff-removed-row-border: #f1c0c0;
        --color-diff-removed-word-bg: #fdb8c0;
        --color-diff-inactive: #f0f2f4;
        --color-error-border: #e0b4b4;
        --color-error-bg: #fff6f6;
        --color-error-bg-active: #fbb;
        --color-error-bg-hover: #fdd;
        --color-error-text: #9f3a38;
        --color-success-border: #a3c293;
        --color-success-bg: #fcfff5;
        --color-success-text: #2c662d;
        --color-warning-border: #c9ba9b;
        --color-warning-bg: #fffaf3;
        --color-warning-text: #573a08;
        --color-info-border: #a9d5de;
        --color-info-bg: #f8ffff;
        --color-info-text: #276f86;
        --color-red-badge: #db2828;
        --color-red-badge-bg: #db28281a;
        --color-red-badge-hover-bg: #db28284d;
        --color-green-badge: #21ba45;
        --color-green-badge-bg: #21ba451a;
        --color-green-badge-hover-bg: #21ba454d;
        --color-yellow-badge: #fbbd08;
        --color-yellow-badge-bg: #fbbd081a;
        --color-yellow-badge-hover-bg: #fbbd084d;
        --color-orange-badge: #f2711c;
        --color-orange-badge-bg: #f2711c1a;
        --color-orange-badge-hover-bg: #f2711c4d;
        --color-git: #f05133;
        --color-body: #ffffff;
        --color-box-header: #11141f6e;
        --color-box-body: #ffffff;
        --color-box-body-highlight: #ecf5fd;
        --color-text-dark: #01050a;
        --color-text: #181c21;
        --color-text-light: #30363b;
        --color-text-light-1: #40474d;
        --color-text-light-2: #5b6167;
        --color-text-light-3: #747c84;
        --color-footer: var(--color-nav-bg);
        --color-timeline: #d0d7de;
        --color-input-text: var(--color-text-dark);
        --color-input-background: #fff;
        --color-input-toggle-background: #d0d7de;
        --color-input-border: var(--color-secondary);
        --color-input-border-hover: var(--color-secondary-dark-1);
        --color-light: #00001706;
        --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
        --color-light-border: #0000171d;
        --color-hover: #00001708;
        --color-hover-opaque: #f1f3f5;
        --color-active: #00001714;
        --color-menu: #f8f9fb;
        --color-card: #f8f9fb;
        --color-markup-table-row: #0030600a;
        --color-markup-code-block: #00306010;
        --color-markup-code-inline: #00306012;
        --color-button: #f8f9fb;
        --color-code-bg: #fafdff;
        --color-shadow: #00001726;
        --color-shadow-opaque: #c7ced5;
        --color-secondary-bg: #f2f5f8;
        --color-expand-button: #cfe8fa;
        --color-placeholder-text: var(--color-text-light-3);
        --color-editor-line-highlight: var(--color-primary-light-6);
        --color-project-column-bg: var(--color-secondary-light-4);
        --color-caret: var(--color-text-dark);
        --color-reaction-bg: #0000170a;
        --color-reaction-hover-bg: var(--color-primary-light-5);
        --color-reaction-active-bg: var(--color-primary-light-6);
        --color-tooltip-text: #fbfdff;
        --color-tooltip-bg: #000017f0;
        --color-nav-bg: #f6f7fa;
        --color-nav-hover-bg: var(--color-secondary-light-1);
        --color-nav-text: var(--color-text);
        --color-secondary-nav-bg: #f9fafb;
        --color-label-text: var(--color-text);
        --color-label-bg: #949da64b;
        --color-label-hover-bg: #949da6a0;
        --color-label-active-bg: #949da6ff;
        --color-accent: var(--color-primary-light-1);
        --color-small-accent: var(--color-primary-light-6);
        --color-highlight-fg: #eed200;
        --color-highlight-bg: #fffbdd;
        --color-overlay-backdrop: #080808c0;
        accent-color: var(--color-accent);
        color-scheme: light
    }
}

@media (prefers-color-scheme: dark) {
    .chroma .bp {
        color:#fabd2f
    }

    .chroma .c,.chroma .c1,.chroma .ch,.chroma .cm {
        color: #777e94
    }

    .chroma .cp {
        color: #8ec07c
    }

    .chroma .cpf {
        color: #649bc4
    }

    .chroma .cs {
        color: #9075cd
    }

    .chroma .dl {
        color: #649bc4
    }

    .chroma .gd {
        color: #fff;
        background-color: #5f3737
    }

    .chroma .ge {
        color: #ddee30
    }

    .chroma .gh {
        color: #ffaa10
    }

    .chroma .gi {
        color: #fff;
        background-color: #3a523a
    }

    .chroma .go {
        color: #777e94
    }

    .chroma .gp {
        color: #ebdbb2
    }

    .chroma .gr {
        color: #f43
    }

    .chroma .gs {
        color: #ebdbb2
    }

    .chroma .gt {
        color: #ff7540
    }

    .chroma .gu {
        color: #b8bb26
    }

    .chroma .il {
        color: #649bc4
    }

    .chroma .k {
        color: #ff7540
    }

    .chroma .kc {
        color: #649bc4
    }

    .chroma .kd {
        color: #ff7540
    }

    .chroma .kn {
        color: #ffaa10
    }

    .chroma .kp {
        color: #5f8700
    }

    .chroma .kr {
        color: #ff7540
    }

    .chroma .kt {
        color: #ff7b72
    }

    .chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo {
        color: #649bc4
    }

    .chroma .n {
        color: #c9d1d9
    }

    .chroma .na,.chroma .nb {
        color: #fabd2f
    }

    .chroma .nc {
        color: #ffaa10
    }

    .chroma .nd {
        color: #8ec07c
    }

    .chroma .ne {
        color: #ff7540
    }

    .chroma .nf,.chroma .ni {
        color: #fabd2f
    }

    .chroma .nl {
        color: #ff7540
    }

    .chroma .nn {
        color: #c9d1d9
    }

    .chroma .no {
        color: #649bc4
    }

    .chroma .nt {
        color: #ff7540
    }

    .chroma .nv {
        color: #ebdbb2
    }

    .chroma .nx {
        color: #b6bac5
    }

    .chroma .o {
        color: #ff7540
    }

    .chroma .ow {
        color: #5f8700
    }

    .chroma .p {
        color: #d2d4db
    }

    .chroma .s,.chroma .s1,.chroma .s2 {
        color: #b8bb26
    }

    .chroma .sa {
        color: #ffaa10
    }

    .chroma .sb {
        color: #b8bb26
    }

    .chroma .sc {
        color: #ffaa10
    }

    .chroma .sd {
        color: #b8bb26
    }

    .chroma .se {
        color: #ff8540
    }

    .chroma .sh {
        color: #b8bb26
    }

    .chroma .si {
        color: #ffaa10
    }

    .chroma .sr {
        color: #9075cd
    }

    .chroma .ss {
        color: #ff8540
    }

    .chroma .sx {
        color: #ffaa10
    }

    .chroma .vc,.chroma .vg,.chroma .vi {
        color: #649bee
    }

    .chroma .w {
        color: #7f8699
    }
}

@media (prefers-color-scheme: dark) {
    .CodeMirror.cm-s-default .cm-property,.CodeMirror.cm-s-paper .cm-property {
        color:#a0cc75
    }

    .CodeMirror.cm-s-default .cm-header,.CodeMirror.cm-s-paper .cm-header {
        color: #9daccc
    }

    .CodeMirror.cm-s-default .cm-quote,.CodeMirror.cm-s-paper .cm-quote {
        color: #090
    }

    .CodeMirror.cm-s-default .cm-keyword,.CodeMirror.cm-s-paper .cm-keyword {
        color: #cc8a61
    }

    .CodeMirror.cm-s-default .cm-atom,.CodeMirror.cm-s-paper .cm-atom {
        color: #ef5e77
    }

    .CodeMirror.cm-s-default .cm-number,.CodeMirror.cm-s-paper .cm-number {
        color: #ff5656
    }

    .CodeMirror.cm-s-default .cm-def,.CodeMirror.cm-s-paper .cm-def {
        color: #e4e4e4
    }

    .CodeMirror.cm-s-default .cm-variable-2,.CodeMirror.cm-s-paper .cm-variable-2 {
        color: #00bdbf
    }

    .CodeMirror.cm-s-default .cm-variable-3,.CodeMirror.cm-s-paper .cm-variable-3 {
        color: #085
    }

    .CodeMirror.cm-s-default .cm-comment,.CodeMirror.cm-s-paper .cm-comment {
        color: #8e9ab3
    }

    .CodeMirror.cm-s-default .cm-string,.CodeMirror.cm-s-paper .cm-string {
        color: #a77272
    }

    .CodeMirror.cm-s-default .cm-string-2,.CodeMirror.cm-s-paper .cm-string-2 {
        color: #f50
    }

    .CodeMirror.cm-s-default .cm-meta,.CodeMirror.cm-s-paper .cm-meta,.CodeMirror.cm-s-default .cm-qualifier,.CodeMirror.cm-s-paper .cm-qualifier {
        color: #ffb176
    }

    .CodeMirror.cm-s-default .cm-builtin,.CodeMirror.cm-s-paper .cm-builtin {
        color: #b7c951
    }

    .CodeMirror.cm-s-default .cm-bracket,.CodeMirror.cm-s-paper .cm-bracket {
        color: #997
    }

    .CodeMirror.cm-s-default .cm-tag,.CodeMirror.cm-s-paper .cm-tag {
        color: #f1d273
    }

    .CodeMirror.cm-s-default .cm-attribute,.CodeMirror.cm-s-paper .cm-attribute {
        color: #bfcc70
    }

    .CodeMirror.cm-s-default .cm-hr,.CodeMirror.cm-s-paper .cm-hr {
        color: #999
    }

    .CodeMirror.cm-s-default .cm-url,.CodeMirror.cm-s-paper .cm-url {
        color: #c5cfd0
    }

    .CodeMirror.cm-s-default .cm-link,.CodeMirror.cm-s-paper .cm-link {
        color: #d8c792
    }

    .CodeMirror.cm-s-default .cm-error,.CodeMirror.cm-s-paper .cm-error {
        color: #dbdbeb
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --is-dark-theme: true;
         /* Primary Color */
        --color-primary: #33D9B2;
        --color-primary-contrast: #1D2134;

        /* Darker Shades */
        --color-primary-light-1: #31d3ad;
        --color-primary-light-2: #29a88a;
        --color-primary-light-3: #238c73;
        --color-primary-light-4: #106c56;
        --color-primary-light-5: #165848;
        --color-primary-light-6: #124539;
        --color-primary-light-7: #0d2f27;

        /* Lighter Shades */
        --color-primary-dark-1: #33D9B2;
        --color-primary-dark-2: #4dd7b7;
        --color-primary-dark-3: #5ed4b9;
        --color-primary-dark-4: #72d3bd;
        --color-primary-dark-5: #84dfca;
        --color-primary-dark-6: #abecdd;
        --color-primary-dark-7: #d9f5ef;
        --color-primary-alpha-10: #33D9B219;
        --color-primary-alpha-20: #33D9B233;
        --color-primary-alpha-30: #33D9B24b;
        --color-primary-alpha-40: #33D9B266;
        --color-primary-alpha-50: #33D9B280;
        --color-primary-alpha-60: #33D9B299;
        --color-primary-alpha-70: #33D9B2b3;
        --color-primary-alpha-80: #33D9B2cc;
        --color-primary-alpha-90: #33D9B2e1;
        --color-primary-hover: var(--color-primary-light-1);
        --color-primary-active: var(--color-primary-light-2);
        --color-secondary: #33d9b22b;
        --color-secondary-dark-1: #414b54;
        --color-secondary-dark-2: #49545f;
        --color-secondary-dark-3: #576471;
        --color-secondary-dark-4: #677685;
        --color-secondary-dark-5: #758594;
        --color-secondary-dark-6: #8392a0;
        --color-secondary-dark-7: #929eab;
        --color-secondary-dark-8: #a2acb7;
        --color-secondary-dark-9: #a9b3bd;
        --color-secondary-dark-10: #b7bfc7;
        --color-secondary-dark-11: #c5cbd2;
        --color-secondary-dark-12: #cfd4da;
        --color-secondary-dark-13: #d2d7dc;
        --color-secondary-light-1: #313940;
        --color-secondary-light-2: #292f35;
        --color-secondary-light-3: #1d2226;
        --color-secondary-light-4: #171b1e;
        --color-secondary-alpha-10: #3b444c19;
        --color-secondary-alpha-20: #3b444c33;
        --color-secondary-alpha-30: #3b444c4b;
        --color-secondary-alpha-40: #3b444c66;
        --color-secondary-alpha-50: #3b444c80;
        --color-secondary-alpha-60: #3b444c99;
        --color-secondary-alpha-70: #3b444cb3;
        --color-secondary-alpha-80: #3b444ccc;
        --color-secondary-alpha-90: #3b444ce1;
        --color-secondary-button: var(--color-secondary-dark-4);
        --color-secondary-hover: var(--color-secondary-dark-3);
        --color-secondary-active: var(--color-secondary-dark-2);
        --color-console-fg: #33D9B2;
        --color-console-fg-subtle: #bdc4cc;
        --color-console-bg: #171b1e;
        --color-console-border: #2e353b;
        --color-console-hover-bg: #272d33;
        --color-console-active-bg: #2e353b;
        --color-console-menu-bg: #262b31;
        --color-console-menu-border: #414b55;
        --color-red: #cc4848;
        --color-orange: #cc580c;
        --color-yellow: #cc9903;
        --color-olive: #91a313;
        --color-green: #87ab63;
        --color-teal: #00918a;
        --color-blue: #3a8ac6;
        --color-violet: #906ae1;
        --color-purple: #b259d0;
        --color-pink: #d22e8b;
        --color-brown: #a47252;
        --color-black: #1d2328;
        --color-red-light: #d15a5a;
        --color-orange-light: #f6a066;
        --color-yellow-light: #eaaf03;
        --color-olive-light: #abc016;
        --color-green-light: #93b373;
        --color-teal-light: #00b6ad;
        --color-blue-light: #4e96cc;
        --color-violet-light: #9b79e4;
        --color-purple-light: #ba6ad5;
        --color-pink-light: #d74397;
        --color-brown-light: #b08061;
        --color-black-light: #424851;
        --color-red-dark-1: #c23636;
        --color-orange-dark-1: #f38236;
        --color-yellow-dark-1: #b88a03;
        --color-olive-dark-1: #839311;
        --color-green-dark-1: #7a9e55;
        --color-teal-dark-1: #00837c;
        --color-blue-dark-1: #347cb3;
        --color-violet-dark-1: #7b4edb;
        --color-purple-dark-1: #a742c9;
        --color-pink-dark-1: #be297d;
        --color-brown-dark-1: #94674a;
        --color-black-dark-1: #292e38;
        --color-red-dark-2: #ad3030;
        --color-orange-dark-2: #f16e17;
        --color-yellow-dark-2: #a37a02;
        --color-olive-dark-2: #74820f;
        --color-green-dark-2: #6c8c4c;
        --color-teal-dark-2: #00746e;
        --color-blue-dark-2: #2e6e9f;
        --color-violet-dark-2: #6733d6;
        --color-purple-dark-2: #9834b9;
        --color-pink-dark-2: #a9246f;
        --color-brown-dark-2: #835b42;
        --color-black-dark-2: #272930;
        --color-ansi-black: #1e2327;
        --color-ansi-red: #cc4848;
        --color-ansi-green: #87ab63;
        --color-ansi-yellow: #cc9903;
        --color-ansi-blue: #3a8ac6;
        --color-ansi-magenta: #d22e8b;
        --color-ansi-cyan: #00918a;
        --color-ansi-white: var(--color-console-fg-subtle);
        --color-ansi-bright-black: #424851;
        --color-ansi-bright-red: #d15a5a;
        --color-ansi-bright-green: #93b373;
        --color-ansi-bright-yellow: #eaaf03;
        --color-ansi-bright-blue: #4e96cc;
        --color-ansi-bright-magenta: #d74397;
        --color-ansi-bright-cyan: #00b6ad;
        --color-ansi-bright-white: var(--color-console-fg);
        --color-grey: #384149;
        --color-grey-light: #818f9e;
        --color-gold: #b1983b;
        --color-white: #ffffff;
        --color-diff-added-linenum-bg: #274227;
        --color-diff-added-row-bg: #203224;
        --color-diff-added-row-border: #314a37;
        --color-diff-added-word-bg: #3c653c;
        --color-diff-moved-row-bg: #818044;
        --color-diff-moved-row-border: #bcca6f;
        --color-diff-removed-linenum-bg: #482121;
        --color-diff-removed-row-bg: #301e1e;
        --color-diff-removed-row-border: #634343;
        --color-diff-removed-word-bg: #6f3333;
        --color-diff-inactive: #22282d;
        --color-error-border: #a04141;
        --color-error-bg: #522;
        --color-error-bg-active: #744;
        --color-error-bg-hover: #633;
        --color-error-text: #f9cbcb;
        --color-success-border: #458a57;
        --color-success-bg: #284034;
        --color-success-text: #6cc664;
        --color-warning-border: #bb9d00;
        --color-warning-bg: #3a3a30;
        --color-warning-text: #fbbd08;
        --color-info-border: #306090;
        --color-info-bg: #26354c;
        --color-info-text: #38a8e8;
        --color-red-badge: #db2828;
        --color-red-badge-bg: #db28281a;
        --color-red-badge-hover-bg: #db28284d;
        --color-green-badge: #21ba45;
        --color-green-badge-bg: #21ba451a;
        --color-green-badge-hover-bg: #21ba454d;
        --color-yellow-badge: #fbbd08;
        --color-yellow-badge-bg: #fbbd081a;
        --color-yellow-badge-hover-bg: #fbbd084d;
        --color-orange-badge: #f2711c;
        --color-orange-badge-bg: #f2711c1a;
        --color-orange-badge-hover-bg: #f2711c4d;
        --color-git: #f05133;
        --color-body: 1A1E2F;
        --color-box-header: #11141f6e;
        --color-box-body: #11141f6e;
        --color-box-body-highlight: #1e2226;
        --color-text-dark: #49fbd2;
        --color-text: #33D9B2;
        --color-text-light: #33d9b2;
        --color-text-light-1: #33d9b2c2;
        --color-text-light-2: #33d9b27a;
        --color-text-light-3: #33d9b24f;
        --color-footer: var(--color-nav-bg);
        --color-timeline: #343c44;
        --color-input-text: var(--color-text-dark);
        --color-input-background: #1D2134;
        --color-input-toggle-background: #2e353c;
        --color-input-border: var(--color-secondary);
        --color-input-border-hover: var(--color-secondary-dark-1);
        --color-light: #00001728;
        --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
        --color-light-border: #e8f3ff28;
        --color-hover: #e8f3ff19;
        --color-hover-opaque: #21252a;
        --color-active: #e8f3ff24;
        --color-menu: #1D2134;
        --color-card: #1D2134;
        --color-markup-table-row: #e8f3ff0f;
        --color-markup-code-block: #e8f3ff12;
        --color-markup-code-inline: #e8f3ff28;
        --color-button: #1D2134;
        --color-code-bg: #14171a;
        --color-shadow: #00001758;
        --color-shadow-opaque: #11141F;
        --color-secondary-bg: #2a3137;
        --color-expand-button: #2f363d;
        --color-placeholder-text: var(--color-text-light-3);
        --color-editor-line-highlight: var(--color-primary-light-5);
        --color-project-column-bg: var(--color-secondary-light-2);
        --color-caret: var(--color-text);
        --color-reaction-bg: #e8f3ff12;
        --color-reaction-hover-bg: var(--color-primary-light-4);
        --color-reaction-active-bg: var(--color-primary-light-5);
        --color-tooltip-text: #f9fafb;
        --color-tooltip-bg: #000b17f0;
        --color-nav-bg: #121521;
        --color-nav-hover-bg: var(--color-secondary-light-1);
        --color-nav-text: var(--color-text);
        --color-secondary-nav-bg: #11141F;
        --color-label-text: var(--color-text);
        --color-label-bg: #7282924b;
        --color-label-hover-bg: #728292a0;
        --color-label-active-bg: #728292ff;
        --color-accent: var(--color-primary-light-1);
        --color-small-accent: var(--color-primary-light-5);
        --color-highlight-fg: #87651e;
        --color-highlight-bg: #352c1c;
        --color-overlay-backdrop: #080808c0;
        accent-color: var(--color-accent);
        color-scheme: dark;
        --border-radius: 20px;
    }

    .emoji[aria-label="check mark"],.emoji[aria-label="currency exchange"],.emoji[aria-label="TOP arrow"],.emoji[aria-label="END arrow"],.emoji[aria-label="ON! arrow"],.emoji[aria-label="SOON arrow"],.emoji[aria-label="heavy dollar sign"],.emoji[aria-label=copyright],.emoji[aria-label=registered],.emoji[aria-label="trade mark"],.emoji[aria-label=multiply],.emoji[aria-label=plus],.emoji[aria-label=minus],.emoji[aria-label=divide],.emoji[aria-label="curly loop"],.emoji[aria-label="double curly loop"],.emoji[aria-label="wavy dash"],.emoji[aria-label="paw prints"],.emoji[aria-label="musical note"],.emoji[aria-label="musical notes"] {
        filter: invert(100%) hue-rotate(180deg)
    }

    body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;	
z-index: -1;
background: url('https://cdn.tombutcher.work/img/2026-Cloud-Wallpaper.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
     }
}
.ui.button {
    border-radius: var(--tb-border-radius);
    padding: 8px 12px;
}

.ui.menu {
    border-radius: var(--tb-border-radius);
}

.ui.segment[class*="bottom attached"], .ui.bottom.attached.header {
    border-radius: 0 0 var(--tb-border-radius) var(--tb-border-radius);
}

#navbar .item {
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

#navbar a.item:hover, #navbar button.item:hover {
    background: var(--color-primary);
    color: var(--color-primary-contrast);
}

.ui.vertical.menu>.item:first-child {
    border-radius: var(--tb-border-radius) var(--tb-border-radius) 0 0;
}

.ui.vertical.menu>.item:last-child, .user-menu>.item:last-child {
    border-radius: 0 0 var(--tb-border-radius) var(--tb-border-radius) !important;
}

.ui.menu>.item:first-child {
    border-radius: var(--tb-border-radius) 0 0 var(--tb-border-radius);
}

.ui.menu>.item:last-child {
    border-radius: 0 var(--tb-border-radius) var(--tb-border-radius) 0;
}

.ui.menu>.item:only-child {
    border-radius: var(--tb-border-radius);
}

.ui.basic.buttons .button, .ui.basic.button {
    border-radius: var(--tb-border-radius);
}

.ui.action.input>.dropdown:last-child, .ui.action.input>.button:last-child, .ui.action.input>.buttons:last-child>.button {
    border-radius: 0 var(--tb-border-radius) var(--tb-border-radius) 0;
}

.ui.segments:not(.horizontal)>.segment:only-child, .ui.segments:not(.horizontal)>.segment:has(~.tw-hidden) {
    border-radius: var(--tb-border-radius);
}

.ui.input>input {
    border-radius: var(--tb-border-radius);
}

.ui.label {
    border-radius: var(--tb-border-radius);
}

.ui.segments {
    background: color-mix(in srgb, var(--color-box-body) 50%, transparent);
    border-radius: var(--tb-border-radius);
}

.ui.segment {
    background: color-mix(in srgb, var(--color-box-body) 25%, transparent);
}

.ui.attached.segment:has(+.ui[class*="top attached"].header), .ui.attached.segment:has(+.page.buttons), .ui.attached.segment:last-child, .ui.segment:has(+.ui.segment:not(.attached)), .ui.attached.segment:has(+.ui.modal) {
    border-bottom-right-radius: var(--tb-border-radius);
    border-bottom-left-radius: var(--tb-border-radius);
}

.ui.top.attached.header {
    border-radius: var(--tb-border-radius) var(--tb-border-radius) 0 0;
}

.repository.view.issue .comment-list .comment>.content>div:first-child {
    border-top-left-radius: var(--tb-border-radius);
    border-top-right-radius: var(--tb-border-radius);
}

.repository.view.issue .comment-list .comment>.content>div:last-child {
    border-bottom-left-radius: var(--tb-border-radius);
    border-bottom-right-radius: var(--tb-border-radius);
}

.ui.labeled.button>.label {
    border: 2px solid color-mix(in srgb, var(--color-accent) 15%, transparent);
    padding-right: 13px;
}

.ui.labeled.button>.button:first-child {
    border-right: 0px;
}

.ui.ui.labeled.button {
 gap: 1px;
}

.repo-buttons {
    gap: 10px;
}

.repository .comment.form .content .segment:after, .repository .comment.form .content .segment:before {
    display: none;
}

.tippy-svg-arrow {
    display: none;
}

.comment-header:before, .comment-header:after {
    display: none;
}

.ui.selection.dropdown, .ui.input>input, .ui.input textarea, .ui.form textarea, .ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=text], .ui.form input[type=file], .ui.form input[type=url] {
    border-radius: var(--tb-border-radius);
    padding: 5px 10px;
    border: 2px solid color-mix(in srgb, var(--color-accent) 15%, transparent);
    background-color: transparent;
    color: var(--color-accent);
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.ui.form textarea:focus {
    border-radius: var(--tb-border-radius);
}

.ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=time]:focus, .ui.form input[type=text]:focus, .ui.form input[type=file]:focus, .ui.form input[type=url]:focus {
    border-radius: var(--tb-border-radius);
}

.ui.form textarea {
    border-radius: var(--tb-border-radius);
}

.ui.form select {
    border-radius: var(--tb-border-radius);
}

.ui.pointing.dropdown>.menu {
    border-radius: var(--tb-border-radius);
}

.ui.dropdown .menu, .tippy-box {
    border-radius: var(--tb-border-radius);
    background: color-mix(in srgb, var(--color-menu) 25%, transparent);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.branch-selector-dropdown .branch-tag-item.active {
    background: color-mix(in srgb, var(--color-menu) 25%, transparent);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.ui.primary.button, .ui.primary.buttons .button, .ui.basic.buttons .button, .ui.basic.button, .ui.button {
    background-color: transparent;
    border: 2px solid color-mix(in srgb, var(--color-accent) 15%, transparent);
    color: var(--color-accent);
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
    transform: scale(1);
    transform-origin: center;
    backdrop-filter: blur(5px);
}

.ui.dropdown .menu .item:only-of-type {
    border-radius: 0;
}


.ui.top.pointing.dropdown>.left.menu:after, .ui.top.right.pointing.dropdown>.menu:after {
    display: none;
}

.ui.dropdown .menu>.divider {
    margin: 0;
}

.ui.primary.button:hover, .ui.primary.buttons .button:hover {
    color: var(--color-primary-contrast) !important;
    background-color: var(--color-primary-dark-1);
}
[data-modal-id="delete-account-link"] {
    display: none !important;
}

.navbar-left>.item, .navbar-right>.item {
 border-radius: var(--tb-border-radius);
}

.ui.secondary.menu .dropdown.item>.menu {
border-radius: var(--tb-border-radius);
}

.ui.menu .ui.dropdown .menu>.item {
 padding-top: 11px !important;ø

}

.ui.secondary.menu .active.item:not(:only-type) {
 border-radius: var(--tb-border-radius);
}

.ui.floating.dropdown>.menu {
 border-radius: var(--tb-border-radius) !important;
}

.ui.floating.dropdown>.menu>*:last-child {
  border-radius: 0 0 var(--tb-border-radius) var(--tb-border-radius);
}

.ui.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-radius: var(--tb-border-radius);
}

.ui.active.selection.dropdown {
  border-bottom-left-radius: var(--tb-border-radius) !important;
  border-bottom-right-radius: var(--tb-border-radius) !important;
}