@font-face {
    font-family: "Noto Chess";
    font-display: block;
    src: url(../fonts/lichess.chess.woff2) format("woff2")
}

@font-face {
    font-family: "racer-car";
    src: url(../fonts/racer-car.woff2) format("woff2")
}

@font-face {
    font-family: "storm";
    src: url(../fonts/storm.woff2) format("woff2")
}

@font-face {
    font-family: "Noto Sans";
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/noto-sans-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: "Noto Sans";
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/noto-sans-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: "Noto Sans";
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/noto-sans-cyrillic.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: "Noto Sans";
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/noto-sans-cyrillic-ext.woff2) format("woff2");
    unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: "Noto Sans";
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/noto-sans-greek-ext.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: "Noto Sans";
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/noto-sans-greek.woff2) format("woff2");
    unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}

@font-face {
    font-family: "Noto Sans";
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/noto-sans-devanagari.woff2) format("woff2");
    unicode-range: U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/roboto-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/roboto-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/roboto-cyrillic.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/roboto-cyrillic-ext.woff2) format("woff2");
    unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/roboto-greek.woff2) format("woff2");
    unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/roboto-greek-ext.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

:root {
    --c-bg: hsl(37, 7%, 14%);
    --c-bg-box: hsl(37, 7%, 14%);
    --c-bg-high: hsl(37, 7%, 14%);
    --c-bg-low: hsl(37, 7%, 22%);
    --c-bg-page: hsl(37, 10%, 8%);
    --c-bg-zebra: hsl(37, 5%, 19%);
    --c-bg-zebra2: hsl(37, 5%, 24%);
    --c-bg-popup: hsl(37, 7%, 22%);
    --c-bg-header-dropdown: hsl(37, 7%, 22%);
    --c-bg-input: hsl(37, 10%, 13%);
    --c-bg-variation: hsl(37, 5%, 15%);
    --c-header-dropdown: hsl(0, 0%, 73%);
    --c-body-gradient: hsl(37, 12%, 16%);
    --c-font: hsl(0, 0%, 73%);
    --c-shade: hsl(0, 0%, 30%);
    --c-dark: #333;
    --c-dimmer: #000;
    --c-clearer: #fff;
    --c-page-input: hsl(37, 7%, 14%);
    --c-page-mask: hsla(0, 0%, 0%, 0.6);
    --c-metal-top: hsl(37, 7%, 22%);
    --c-metal-bottom: hsl(37, 5%, 19%);
    --c-metal-top-hover: hsl(37, 7%, 25%);
    --c-metal-bottom-hover: hsl(37, 5%, 22%);
    --c-font-dim: hsl(0, 0%, 58%);
    --c-font-dimmer: hsl(0, 0%, 42%);
    --c-font-clear: hsl(0, 0%, 80%);
    --c-font-clearer: hsl(0, 0%, 89%);
    --c-font-page: var(--c-font-dim);
    --c-font-shadow: hsla(0, 0, 0%, 0);
    --c-primary-dim: rgb(46.0377, 123.89141, 196.7223);
    --c-link-hover: rgb(86.7, 173.655, 255);
    --c-chat-host-bg: rgba(78, 122, 29, 0.4);
    --c-chat-mention-bg: rgba(59, 92, 22, 0.4);
    --c-fancy: hsl(294, 62%, 48%);
    --c-border: hsl(0, 0%, 25%);
    --c-border-page: hsl(0, 0%, 22%);
    --c-border-tour: rgb(39.27, 38.488, 37.23);
    --c-border-light: hsl(0, 0%, 40%);
    --c-primary: hsl(209, 79%, 56%);
    --c-primary-clear: rgb(94.3296, 167.60368, 236.1504);
    --c-secondary: hsl(88, 62%, 37%);
    --c-secondary-dim: rgb(78.59984, 122.2776, 28.6824);
    --c-secondary-dimmer: rgb(58.94988, 91.7082, 21.5118);
    --c-good: hsl(88, 62%, 37%);
    --c-accent: hsl(22, 100%, 42%);
    --c-link: hsl(209, 79%, 56%);
    --c-link-dim: var(--c-primary-dim);
    --c-link-clear: var(--c-primary-clear);
    --c-over: #fff;
    --c-brag: hsl(37, 74%, 43%);
    --c-contours: rgb(167.9328, 118.16632, 38.1072);
    --c-accent-dim: rgb(171.36, 62.832, 0);
    --c-accent-faint: hsla(22, 100%, 42%, 0.4);
    --c-accent-clear: rgb(171.36, 62.832, 0);
    --c-dasher: hsl(88, 62%, 37%);
    --c-clas: rgb(127, 90, 240);
    --c-clas-light: rgb(144.92, 113.1, 242.1);
    --c-bot: var(--c-fancy);
    --c-good: hsl(88, 62%, 37%);
    --c-warn: hsl(37, 74%, 43%);
    --c-bad: hsl(0, 60%, 50%);
    --c-error: hsl(0, 60%, 50%);
    --c-live: hsl(0, 60%, 50%);
    --c-dasher-light: rgb(75.31612, 95.34858, 45.645);
    --c-racer-boost: hsl(37, 124%, 113%);
    --c-marathon: hsl(19, 9%, 56%);
    --c-tutor-bg: rgb(85.5727294235, 121.291379, 43.565441);
    --c-inaccuracy: hsl(202, 78%, 62%);
    --c-mistake: hsl(41, 100%, 45%);
    --c-blunder: hsl(0, 69%, 60%);
    --c-good-move: hsl(88, 62%, 37%);
    --c-brilliant: hsl(129, 71%, 45%);
    --c-interesting: hsl(307, 80%, 70%);
    --c-mv-branch-white: #fff;
    --c-mv-branch-black: #000;
    --c-pool-button: hsla(37, 7%, 19%, 0.66);
    --c-paper: hsl(60, 56%, 91%);
    --m-accent--fade-30: hsla(22, 100%, 42%, 0.7);
    --m-accent--fade-40: hsla(22, 100%, 42%, 0.6);
    --m-accent--fade-50: hsla(22, 100%, 42%, 0.5);
    --m-accent--fade-70: hsla(22, 100%, 42%, 0.3);
    --m-accent--fade-80: hsla(22, 100%, 42%, 0.2);
    --m-accent--fade-85: hsla(22, 100%, 42%, 0.15);
    --m-accent_bg--mix-10: hsl(25, 30%, 17%);
    --m-accent_bg--mix-12: hsl(24, 34%, 17%);
    --m-accent_bg--mix-15: hsl(24, 39%, 18%);
    --m-accent_bg--mix-20: hsl(23, 47%, 20%);
    --m-accent_bg--mix-60: hsl(22, 83%, 31%);
    --m-accent_bg--mix-70: hsl(22, 88%, 34%);
    --m-accent_bg-popup--mix-10: hsl(26, 23%, 24%);
    --m-accent_bg-zebra--mix-10: hsl(25, 24%, 21%);
    --m-accent_black--mix-70: hsl(22, 100%, 29%);
    --m-accent_white--mix-80: hsl(22, 72%, 54%);
    --m-bad--alpha-50: hsla(0, 60%, 50%, 0.5);
    --m-bad--fade-40: hsla(0, 60%, 50%, 0.6);
    --m-bad--fade-80: hsla(0, 60%, 50%, 0.2);
    --m-bad--lighten-11: hsl(0, 60%, 61%);
    --m-bad_bg--mix-10: hsl(8, 22%, 18%);
    --m-bad_bg--mix-15: hsl(6, 28%, 19%);
    --m-bad_bg--mix-20: hsl(4, 32%, 21%);
    --m-bad_bg--mix-25: hsl(3, 36%, 23%);
    --m-bad_bg--mix-30: hsl(3, 39%, 25%);
    --m-bad_bg--mix-50: hsl(1, 48%, 32%);
    --m-bad_bg--mix-60: hsl(1, 52%, 36%);
    --m-bad_bg--mix-80: hsl(0, 57%, 43%);
    --m-bad_bg-zebra--mix-20: hsl(4, 27%, 25%);
    --m-bad_bg-zebra2--mix-20: hsl(5, 24%, 29%);
    --m-bad_bg-zebra2--mix-30: hsl(3, 31%, 32%);
    --m-bad_bg-zebra2--mix-60: hsl(1, 47%, 40%);
    --m-bad_clearer--mix-80: hsl(0, 60%, 60%);
    --m-bad_dark--mix-80: hsl(0, 55%, 44%);
    --m-bg--alpha-40: hsla(37, 7%, 14%, 0.4);
    --m-bg--fade-20: hsla(37, 7%, 14%, 0.8);
    --m-bg--fade-30: hsla(37, 7%, 14%, 0.7);
    --m-bg--fade-40: hsla(37, 7%, 14%, 0.6);
    --m-bg--fade-50: hsla(37, 7%, 14%, 0.5);
    --m-bg-page--fade-40: hsla(37, 10%, 8%, 0.6);
    --m-bg-page_bg--mix-50: hsl(40, 8%, 11%);
    --m-bg-zebra2--fade-1: hsla(37, 5%, 24%, 0.99);
    --m-bg_bad--mix-80: hsl(4, 32%, 21%);
    --m-bg_high--lighten-11: hsl(37, 7%, 25%);
    --m-blunder_bg--mix-25: hsl(3, 30%, 25%);
    --m-blunder_bg--mix-30: hsl(3, 32%, 28%);
    --m-blunder_bg--mix-60: hsl(1, 41%, 42%);
    --m-blunder_font--mix-70: hsl(0, 53%, 64%);
    --m-body-gradient_bg-page--mix-50: hsl(39, 11%, 12%);
    --m-border--fade-50: hsla(0, 0%, 25%, 0.5);
    --m-brag--alpha-70: hsla(37, 74%, 43%, 0.7);
    --m-brag--fade-50: hsla(37, 74%, 43%, 0.5);
    --m-brag_bg--mix-15: hsl(37, 31%, 18%);
    --m-brag_bg--mix-20: hsl(37, 36%, 20%);
    --m-brag_bg--mix-40: hsl(37, 52%, 26%);
    --m-brag_bg--mix-60: hsl(37, 62%, 31%);
    --m-brag_bg--mix-70: hsl(37, 66%, 34%);
    --m-brag_bg--mix-80: hsl(37, 69%, 37%);
    --m-brag_bg-page--mix-20: hsl(38, 47%, 15%);
    --m-brag_bg-page--mix-60: hsl(37, 67%, 29%);
    --m-brag_dark--mix-85: hsl(37, 68%, 40%);
    --m-brag_font--mix-60: hsl(37, 42%, 55%);
    --m-brag_white--mix-25: hsl(37, 56%, 86%);
    --m-brag_white--mix-80: hsl(37, 56%, 55%);
    --m-brilliant_bg--mix-25: hsl(124, 35%, 22%);
    --m-brilliant_bg--mix-30: hsl(125, 39%, 24%);
    --m-brilliant_bg--mix-60: hsl(128, 58%, 33%);
    --m-clas--alpha-30: hsla(255, 83%, 65%, 0.3);
    --m-clas_bg--mix-10: hsl(267, 13%, 19%);
    --m-clas_bg--mix-30: hsl(257, 29%, 29%);
    --m-clas_bg--mix-7: hsl(275, 9%, 17%);
    --m-clas_bg--mix-80: hsl(255, 51%, 54%);
    --m-clas_bg-zebra--mix-20: hsl(260, 19%, 28%);
    --m-clas_white--mix-20: hsl(255, 83%, 93%);
    --m-clas_white--mix-28: hsl(255, 83%, 90%);
    --m-clearer_bg-page--mix-70: hsl(45, 1%, 72%);
    --m-clearer_bg-page--mix-80: hsl(45, 1%, 82%);
    --m-clearer_body-gradient--mix-65: hsl(36, 2%, 71%);
    --m-clearer_body-gradient--mix-75: hsl(36, 2%, 79%);
    --m-dark--fade-40: hsla(0, 0%, 20%, 0.6);
    --m-dimmer_clearer--mix-63: hsl(0, 0%, 37%);
    --m-dimmer_font--mix-60: hsl(0, 0%, 29%);
    --m-dimmer_font--mix-90: hsl(0, 0%, 7%);
    --m-font--fade-50: hsla(0, 0%, 73%, 0.5);
    --m-font--fade-70: hsla(0, 0%, 73%, 0.3);
    --m-font--fade-83: hsla(0, 0%, 73%, 0.17);
    --m-font_bg--mix-20: hsl(36, 3%, 26%);
    --m-font_bg--mix-30: hsl(36, 2%, 32%);
    --m-font_clas--mix-40: hsl(255, 55%, 68%);
    --m-font_dimmer--mix-50: hsl(0, 0%, 36%);
    --m-font_dimmer--mix-85: hsl(0, 0%, 62%);
    --m-font_white--mix-20: hsl(0, 0%, 95%);
    --m-good_bg--mix-25: hsl(83, 32%, 19%);
    --m-good_bg--mix-30: hsl(84, 35%, 21%);
    --m-good_bg--mix-50: hsl(87, 47%, 25%);
    --m-good_bg--mix-60: hsl(87, 51%, 28%);
    --m-inaccuracy_bg--mix-25: hsl(201, 26%, 26%);
    --m-inaccuracy_bg--mix-30: hsl(201, 29%, 28%);
    --m-inaccuracy_bg--mix-60: hsl(202, 41%, 43%);
    --m-inaccuracy_font--mix-70: hsl(202, 60%, 65%);
    --m-interesting_bg--mix-25: hsl(314, 22%, 28%);
    --m-interesting_bg--mix-30: hsl(313, 24%, 31%);
    --m-interesting_bg--mix-60: hsl(309, 31%, 48%);
    --m-mistake_bg--mix-25: hsl(41, 55%, 22%);
    --m-mistake_bg--mix-30: hsl(41, 61%, 23%);
    --m-mistake_bg--mix-60: hsl(41, 84%, 33%);
    --m-mistake_font--mix-70: hsl(41, 68%, 53%);
    --m-paper--fade-40: hsla(60, 56%, 91%, 0.6);
    --m-paper_dimmer--mix-50: hsl(60, 6%, 45%);
    --m-paper_dimmer--mix-75: hsl(60, 12%, 68%);
    --m-primary--alpha-30: hsla(209, 79%, 56%, 0.3);
    --m-primary--alpha-70: hsla(209, 79%, 56%, 0.7);
    --m-primary--fade-10: hsla(209, 79%, 56%, 0.9);
    --m-primary--fade-50: hsla(209, 79%, 56%, 0.5);
    --m-primary--fade-70: hsla(209, 79%, 56%, 0.3);
    --m-primary--fade-80: hsla(209, 79%, 56%, 0.2);
    --m-primary--lighten-10: hsl(209, 79%, 66%);
    --m-primary--lighten-11: hsl(209, 79%, 67%);
    --m-primary--lighten-7: hsl(209, 79%, 63%);
    --m-primary_bg--mix-10: hsl(206, 14%, 18%);
    --m-primary_bg--mix-12: hsl(207, 17%, 19%);
    --m-primary_bg--mix-15: hsl(207, 22%, 20%);
    --m-primary_bg--mix-17: hsl(208, 24%, 21%);
    --m-primary_bg--mix-18: hsl(208, 25%, 21%);
    --m-primary_bg--mix-20: hsl(208, 28%, 22%);
    --m-primary_bg--mix-25: hsl(208, 33%, 24%);
    --m-primary_bg--mix-30: hsl(208, 37%, 27%);
    --m-primary_bg--mix-35: hsl(208, 40%, 29%);
    --m-primary_bg--mix-40: hsl(208, 43%, 31%);
    --m-primary_bg--mix-50: hsl(209, 48%, 35%);
    --m-primary_bg--mix-60: hsl(209, 52%, 39%);
    --m-primary_bg--mix-70: hsl(209, 55%, 43%);
    --m-primary_bg--mix-75: hsl(209, 57%, 45%);
    --m-primary_bg--mix-80: hsl(209, 58%, 47%);
    --m-primary_bg-page--mix-15: hsl(206, 30%, 15%);
    --m-primary_bg-page--mix-20: hsl(207, 36%, 17%);
    --m-primary_bg-page--mix-60: hsl(209, 56%, 37%);
    --m-primary_bg-page__mix-20--fade-70: hsla(209, 79%, 56%, 0.3);
    --m-primary_bg-zebra--mix-10: hsl(206, 11%, 23%);
    --m-primary_bg-zebra2--mix-20: hsl(207, 20%, 30%);
    --m-primary_black--mix-70: hsl(209, 62%, 39%);
    --m-primary_black--mix-80: hsl(209, 62%, 45%);
    --m-primary_dark--mix-80: hsl(209, 57%, 49%);
    --m-primary_font--mix-35: hsl(209, 37%, 67%);
    --m-primary_font--mix-50: hsl(209, 49%, 64%);
    --m-primary_font--mix-90: hsl(209, 74%, 58%);
    --m-primary_white--mix-30: hsl(209, 79%, 87%);
    --m-primary_white--mix-40: hsl(209, 79%, 82%);
    --m-primary_white--mix-60: hsl(209, 79%, 74%);
    --m-primary_white--mix-80: hsl(209, 79%, 65%);
    --m-secondary--fade-30: hsla(88, 62%, 37%, 0.7);
    --m-secondary--fade-40: hsla(88, 62%, 37%, 0.6);
    --m-secondary--fade-50: hsla(88, 62%, 37%, 0.5);
    --m-secondary--fade-60: hsla(88, 62%, 37%, 0.4);
    --m-secondary--fade-80: hsla(88, 62%, 37%, 0.2);
    --m-secondary--lighten-11: hsl(88, 62%, 48%);
    --m-secondary--lighten-4: hsl(88, 62%, 41%);
    --m-secondary_bg--mix-10: hsl(75, 18%, 16%);
    --m-secondary_bg--mix-12: hsl(77, 20%, 16%);
    --m-secondary_bg--mix-15: hsl(80, 23%, 17%);
    --m-secondary_bg--mix-20: hsl(82, 28%, 18%);
    --m-secondary_bg--mix-25: hsl(83, 32%, 19%);
    --m-secondary_bg--mix-30: hsl(84, 35%, 21%);
    --m-secondary_bg--mix-35: hsl(85, 39%, 22%);
    --m-secondary_bg--mix-40: hsl(86, 42%, 23%);
    --m-secondary_bg--mix-50: hsl(87, 47%, 25%);
    --m-secondary_bg--mix-70: hsl(87, 54%, 30%);
    --m-secondary_bg--mix-75: hsl(88, 56%, 31%);
    --m-secondary_bg--mix-80: hsl(88, 57%, 32%);
    --m-secondary_bg-page--mix-50: hsl(87, 53%, 22%);
    --m-secondary_bg-popup--mix-10: hsl(70, 14%, 23%);
    --m-secondary_bg-popup--mix-27: hsl(82, 27%, 26%);
    --m-secondary_bg-popup--mix-36: hsl(84, 33%, 27%);
    --m-secondary_bg-zebra--mix-12: hsl(77, 16%, 21%);
    --m-secondary_bg-zebra--mix-20: hsl(82, 23%, 22%);
    --m-secondary_dark--mix-50: hsl(88, 40%, 29%);
    --m-secondary_dark--mix-85: hsl(88, 57%, 35%);
    --m-secondary_dimmer--mix-82: hsl(88, 62%, 30%);
    --m-secondary_white--mix-80: hsl(88, 37%, 50%);
    --m-shade--fade-40: hsla(0, 0%, 30%, 0.6);
    --m-yellow_bg--mix-30: hsl(59, 63%, 25%)
}

html.light {
    --c-bg: hsl(0, 0%, 100%);
    --c-bg-box: hsl(0, 0%, 100%);
    --c-bg-high: hsl(0, 0%, 100%);
    --c-bg-low: hsl(0, 0%, 89%);
    --c-bg-page: hsl(37, 10%, 92%);
    --c-bg-zebra: hsl(37, 12%, 96.5%);
    --c-bg-zebra2: hsl(37, 12%, 92%);
    --c-bg-popup: hsl(0, 0%, 100%);
    --c-bg-header-dropdown: hsl(0, 0%, 100%);
    --c-bg-input: hsl(37, 10%, 13%);
    --c-bg-variation: hsl(37, 5%, 15%);
    --c-header-dropdown: hsl(0, 0%, 30%);
    --c-body-gradient: hsl(37, 12%, 84%);
    --c-font: hsl(0, 0%, 30%);
    --c-shade: hsl(0, 0%, 84%);
    --c-dark: #333;
    --c-dimmer: #fff;
    --c-clearer: #000;
    --c-page-input: hsl(0, 0%, 100%);
    --c-page-mask: hsla(0, 0%, 0%, 0.6);
    --c-metal-top: hsl(37, 7%, 22%);
    --c-metal-bottom: hsl(37, 5%, 19%);
    --c-metal-top-hover: hsl(37, 7%, 25%);
    --c-metal-bottom-hover: hsl(37, 5%, 22%);
    --c-font-dim: hsl(0, 0%, 58%);
    --c-font-dimmer: hsl(0, 0%, 42%);
    --c-font-clear: hsl(0, 0%, 80%);
    --c-font-clearer: hsl(0, 0%, 89%);
    --c-font-page: var(--c-font-dim);
    --c-font-shadow: hsla(0, 0, 0%, 0);
    --c-primary-dim: rgb(61.18215, 140.514095, 214.72785);
    --c-link-hover: rgb(0, 90.9075, 175.95);
    --c-chat-host-bg: rgba(78, 122, 29, 0.4);
    --c-chat-mention-bg: rgba(59, 92, 22, 0.4);
    --c-fancy: hsl(294, 62%, 48%);
    --c-border: hsl(0, 0%, 85%);
    --c-border-page: hsl(0, 0%, 22%);
    --c-border-tour: rgb(146.37, 145.588, 144.33);
    --c-border-light: hsl(0, 0%, 40%);
    --c-primary: hsl(209, 77%, 46%);
    --c-primary-clear: rgb(22.39257, 99.857881, 172.32543);
    --c-secondary: hsl(88, 62%, 37%);
    --c-secondary-dim: rgb(129.59984, 173.2776, 79.6824);
    --c-secondary-dimmer: rgb(160.94988, 193.7082, 123.5118);
    --c-good: hsl(88, 62%, 37%);
    --c-accent: hsl(22, 100%, 42%);
    --c-link: hsl(209, 77%, 46%);
    --c-link-dim: var(--c-primary-dim);
    --c-link-clear: var(--c-primary-clear);
    --c-over: #fff;
    --c-brag: hsl(37, 74%, 48%);
    --c-contours: rgb(213.2208, 157.66752, 68.2992);
    --c-accent-dim: rgb(221.136, 108.5382, 43.35);
    --c-accent-faint: hsla(22, 100%, 42%, 0.4);
    --c-accent-clear: rgb(221.136, 108.5382, 43.35);
    --c-dasher: hsl(88, 62%, 37%);
    --c-clas: rgb(127, 90, 240);
    --c-clas-light: rgb(144.92, 113.1, 242.1);
    --c-bot: var(--c-fancy);
    --c-good: hsl(88, 62%, 37%);
    --c-warn: hsl(37, 74%, 48%);
    --c-bad: hsl(0, 60%, 50%);
    --c-error: hsl(0, 60%, 50%);
    --c-live: hsl(0, 60%, 50%);
    --c-dasher-light: rgb(175.46992, 197.3088, 150.5112);
    --c-racer-boost: hsl(37, 124%, 118%);
    --c-marathon: hsl(19, 7%, 46%);
    --c-tutor-bg: rgb(128.75664, 160.6296, 92.3304);
    --c-inaccuracy: hsl(202, 78%, 40%);
    --c-mistake: hsl(41, 100%, 35%);
    --c-blunder: hsl(0, 68%, 50%);
    --c-good-move: hsl(88, 62%, 37%);
    --c-brilliant: hsl(129, 71%, 30%);
    --c-interesting: hsl(307, 80%, 59%);
    --c-mv-branch-white: #fff;
    --c-mv-branch-black: #000;
    --c-pool-button: hsla(37, 7%, 19%, 0.66);
    --c-paper: hsl(60, 56%, 86%);
    --c-bg-input: hsl(37, 10%, 98%);
    --c-bg-variation: hsl(37, 12%, 92%);
    --c-bg-header-dropdown: hsl(0, 0%, 100%);
    --c-header-dropdown: hsl(0, 0%, 30%);
    --c-page-input: hsl(0, 0%, 89%);
    --c-metal-top: hsl(0, 0%, 96%);
    --c-metal-bottom: hsl(0, 0%, 93%);
    --c-metal-top-hover: hsl(0, 0%, 98%);
    --c-metal-bottom-hover: hsl(0, 0%, 95%);
    --c-font-dim: hsl(0, 0%, 47%);
    --c-font-dimmer: hsl(0, 0%, 70%);
    --c-font-clear: hsl(0, 0%, 12%);
    --c-font-clearer: hsl(0, 0%, 0%);
    --c-font-page: hsl(0, 0%, 37%);
    --c-font-shadow: #fff;
    --c-primary-dim: rgb(65.74257, 143.207881, 215.67543);
    --c-link-hover: rgb(0, 78.7865, 152.49);
    --c-chat-host-bg: rgba(125, 170, 73, 0.4);
    --c-chat-mention-bg: rgba(161, 194, 124, 0.4);
    --c-fancy: hsl(294, 61%, 62%);
    --c-border-page: hsl(0, 0%, 80%);
    --c-border-tour: rgb(220.32, 219.538, 218.28);
    --c-border-light: hsl(0, 0%, 80%);
    --m-accent--fade-30: hsla(22, 100%, 42%, 0.7);
    --m-accent--fade-40: hsla(22, 100%, 42%, 0.6);
    --m-accent--fade-50: hsla(22, 100%, 42%, 0.5);
    --m-accent--fade-70: hsla(22, 100%, 42%, 0.3);
    --m-accent--fade-80: hsla(22, 100%, 42%, 0.2);
    --m-accent--fade-85: hsla(22, 100%, 42%, 0.15);
    --m-accent_bg--mix-10: hsl(22, 72%, 94%);
    --m-accent_bg--mix-12: hsl(22, 72%, 93%);
    --m-accent_bg--mix-15: hsl(22, 72%, 91%);
    --m-accent_bg--mix-20: hsl(22, 72%, 88%);
    --m-accent_bg--mix-60: hsl(22, 72%, 65%);
    --m-accent_bg--mix-70: hsl(22, 72%, 59%);
    --m-accent_bg-popup--mix-10: hsl(22, 72%, 94%);
    --m-accent_bg-zebra--mix-10: hsl(23, 51%, 91%);
    --m-accent_black--mix-70: hsl(22, 100%, 29%);
    --m-accent_white--mix-80: hsl(22, 72%, 54%);
    --m-bad--alpha-50: hsla(0, 60%, 50%, 0.5);
    --m-bad--fade-40: hsla(0, 60%, 50%, 0.6);
    --m-bad--fade-80: hsla(0, 60%, 50%, 0.2);
    --m-bad--lighten-11: hsl(0, 60%, 61%);
    --m-bad_bg--mix-10: hsl(0, 60%, 95%);
    --m-bad_bg--mix-15: hsl(0, 60%, 93%);
    --m-bad_bg--mix-20: hsl(0, 60%, 90%);
    --m-bad_bg--mix-25: hsl(0, 60%, 88%);
    --m-bad_bg--mix-30: hsl(0, 60%, 85%);
    --m-bad_bg--mix-50: hsl(0, 60%, 75%);
    --m-bad_bg--mix-60: hsl(0, 60%, 70%);
    --m-bad_bg--mix-80: hsl(0, 60%, 60%);
    --m-bad_bg-zebra--mix-20: hsl(1, 49%, 87%);
    --m-bad_bg-zebra2--mix-20: hsl(4, 41%, 84%);
    --m-bad_bg-zebra2--mix-30: hsl(3, 47%, 79%);
    --m-bad_bg-zebra2--mix-60: hsl(1, 55%, 67%);
    --m-bad_clearer--mix-80: hsl(0, 60%, 40%);
    --m-bad_dark--mix-80: hsl(0, 55%, 44%);
    --m-bg--alpha-40: hsla(0, 0%, 100%, 0.4);
    --m-bg--fade-20: hsla(0, 0%, 100%, 0.8);
    --m-bg--fade-30: hsla(0, 0%, 100%, 0.7);
    --m-bg--fade-40: hsla(0, 0%, 100%, 0.6);
    --m-bg--fade-50: hsla(0, 0%, 100%, 0.5);
    --m-bg-page--fade-40: hsla(37, 10%, 92%, 0.6);
    --m-bg-page_bg--mix-50: hsl(30, 10%, 96%);
    --m-bg-zebra2--fade-1: hsla(37, 12%, 92%, 0.99);
    --m-bg_bad--mix-80: hsl(0, 60%, 90%);
    --m-bg_high--lighten-11: hsl(0, 0%, 100%);
    --m-blunder_bg--mix-25: hsl(0, 68%, 88%);
    --m-blunder_bg--mix-30: hsl(0, 68%, 85%);
    --m-blunder_bg--mix-60: hsl(0, 68%, 70%);
    --m-blunder_font--mix-70: hsl(0, 54%, 44%);
    --m-body-gradient_bg-page--mix-50: hsl(34, 11%, 88%);
    --m-border--fade-50: hsla(0, 0%, 85%, 0.5);
    --m-brag--alpha-70: hsla(37, 74%, 48%, 0.7);
    --m-brag--fade-50: hsla(37, 74%, 48%, 0.5);
    --m-brag_bg--mix-15: hsl(37, 68%, 92%);
    --m-brag_bg--mix-20: hsl(37, 68%, 90%);
    --m-brag_bg--mix-40: hsl(37, 68%, 79%);
    --m-brag_bg--mix-60: hsl(37, 68%, 69%);
    --m-brag_bg--mix-70: hsl(37, 68%, 64%);
    --m-brag_bg--mix-80: hsl(37, 68%, 58%);
    --m-brag_bg-page--mix-20: hsl(37, 46%, 83%);
    --m-brag_bg-page--mix-60: hsl(37, 63%, 66%);
    --m-brag_dark--mix-85: hsl(37, 69%, 44%);
    --m-brag_font--mix-60: hsl(37, 52%, 41%);
    --m-brag_white--mix-25: hsl(37, 68%, 87%);
    --m-brag_white--mix-80: hsl(37, 68%, 58%);
    --m-brilliant_bg--mix-25: hsl(129, 31%, 83%);
    --m-brilliant_bg--mix-30: hsl(129, 31%, 79%);
    --m-brilliant_bg--mix-60: hsl(129, 31%, 58%);
    --m-clas--alpha-30: hsla(255, 83%, 65%, 0.3);
    --m-clas_bg--mix-10: hsl(255, 83%, 96%);
    --m-clas_bg--mix-30: hsl(255, 83%, 89%);
    --m-clas_bg--mix-7: hsl(255, 83%, 98%);
    --m-clas_bg--mix-80: hsl(255, 83%, 72%);
    --m-clas_bg-zebra--mix-20: hsl(257, 57%, 90%);
    --m-clas_white--mix-20: hsl(255, 83%, 93%);
    --m-clas_white--mix-28: hsl(255, 83%, 90%);
    --m-clearer_bg-page--mix-70: hsl(30, 1%, 28%);
    --m-clearer_bg-page--mix-80: hsl(30, 1%, 18%);
    --m-clearer_body-gradient--mix-65: hsl(36, 2%, 29%);
    --m-clearer_body-gradient--mix-75: hsl(36, 2%, 21%);
    --m-dark--fade-40: hsla(0, 0%, 20%, 0.6);
    --m-dimmer_clearer--mix-63: hsl(0, 0%, 63%);
    --m-dimmer_font--mix-60: hsl(0, 0%, 72%);
    --m-dimmer_font--mix-90: hsl(0, 0%, 93%);
    --m-font--fade-50: hsla(0, 0%, 30%, 0.5);
    --m-font--fade-70: hsla(0, 0%, 30%, 0.3);
    --m-font--fade-83: hsla(0, 0%, 30%, 0.17);
    --m-font_bg--mix-20: hsl(0, 0%, 86%);
    --m-font_bg--mix-30: hsl(0, 0%, 79%);
    --m-font_clas--mix-40: hsl(255, 36%, 51%);
    --m-font_dimmer--mix-50: hsl(0, 0%, 65%);
    --m-font_dimmer--mix-85: hsl(0, 0%, 41%);
    --m-font_white--mix-20: hsl(0, 0%, 86%);
    --m-good_bg--mix-25: hsl(88, 36%, 84%);
    --m-good_bg--mix-30: hsl(88, 36%, 81%);
    --m-good_bg--mix-50: hsl(88, 36%, 69%);
    --m-good_bg--mix-60: hsl(88, 36%, 62%);
    --m-inaccuracy_bg--mix-25: hsl(202, 52%, 85%);
    --m-inaccuracy_bg--mix-30: hsl(202, 52%, 82%);
    --m-inaccuracy_bg--mix-60: hsl(202, 52%, 64%);
    --m-inaccuracy_font--mix-70: hsl(202, 59%, 37%);
    --m-interesting_bg--mix-25: hsl(307, 80%, 90%);
    --m-interesting_bg--mix-30: hsl(307, 80%, 88%);
    --m-interesting_bg--mix-60: hsl(307, 80%, 75%);
    --m-mistake_bg--mix-25: hsl(41, 54%, 84%);
    --m-mistake_bg--mix-30: hsl(41, 54%, 81%);
    --m-mistake_bg--mix-60: hsl(41, 54%, 61%);
    --m-mistake_font--mix-70: hsl(41, 73%, 34%);
    --m-paper--fade-40: hsla(60, 56%, 86%, 0.6);
    --m-paper_dimmer--mix-50: hsl(60, 56%, 93%);
    --m-paper_dimmer--mix-75: hsl(60, 56%, 89%);
    --m-primary--alpha-30: hsla(209, 77%, 46%, 0.3);
    --m-primary--alpha-70: hsla(209, 77%, 46%, 0.7);
    --m-primary--fade-10: hsla(209, 77%, 46%, 0.9);
    --m-primary--fade-50: hsla(209, 77%, 46%, 0.5);
    --m-primary--fade-70: hsla(209, 77%, 46%, 0.3);
    --m-primary--fade-80: hsla(209, 77%, 46%, 0.2);
    --m-primary--lighten-10: hsl(209, 77%, 56%);
    --m-primary--lighten-11: hsl(209, 77%, 57%);
    --m-primary--lighten-7: hsl(209, 77%, 53%);
    --m-primary_bg--mix-10: hsl(209, 66%, 95%);
    --m-primary_bg--mix-12: hsl(209, 66%, 94%);
    --m-primary_bg--mix-15: hsl(209, 66%, 92%);
    --m-primary_bg--mix-17: hsl(209, 66%, 91%);
    --m-primary_bg--mix-18: hsl(209, 66%, 90%);
    --m-primary_bg--mix-20: hsl(209, 66%, 89%);
    --m-primary_bg--mix-25: hsl(209, 66%, 87%);
    --m-primary_bg--mix-30: hsl(209, 66%, 84%);
    --m-primary_bg--mix-35: hsl(209, 66%, 81%);
    --m-primary_bg--mix-40: hsl(209, 66%, 78%);
    --m-primary_bg--mix-50: hsl(209, 66%, 73%);
    --m-primary_bg--mix-60: hsl(209, 66%, 68%);
    --m-primary_bg--mix-70: hsl(209, 66%, 62%);
    --m-primary_bg--mix-75: hsl(209, 66%, 60%);
    --m-primary_bg--mix-80: hsl(209, 66%, 57%);
    --m-primary_bg-page--mix-15: hsl(209, 32%, 85%);
    --m-primary_bg-page--mix-20: hsl(209, 38%, 83%);
    --m-primary_bg-page--mix-60: hsl(209, 59%, 65%);
    --m-primary_bg-page__mix-20--fade-70: hsla(209, 77%, 46%, 0.3);
    --m-primary_bg-zebra--mix-10: hsl(209, 37%, 91%);
    --m-primary_bg-zebra2--mix-20: hsl(208, 37%, 83%);
    --m-primary_black--mix-70: hsl(209, 77%, 32%);
    --m-primary_black--mix-80: hsl(209, 77%, 37%);
    --m-primary_dark--mix-80: hsl(209, 69%, 41%);
    --m-primary_font--mix-35: hsl(209, 35%, 36%);
    --m-primary_font--mix-50: hsl(209, 47%, 38%);
    --m-primary_font--mix-90: hsl(209, 72%, 44%);
    --m-primary_white--mix-30: hsl(209, 66%, 84%);
    --m-primary_white--mix-40: hsl(209, 66%, 78%);
    --m-primary_white--mix-60: hsl(209, 66%, 68%);
    --m-primary_white--mix-80: hsl(209, 66%, 57%);
    --m-secondary--fade-30: hsla(88, 62%, 37%, 0.7);
    --m-secondary--fade-40: hsla(88, 62%, 37%, 0.6);
    --m-secondary--fade-50: hsla(88, 62%, 37%, 0.5);
    --m-secondary--fade-60: hsla(88, 62%, 37%, 0.4);
    --m-secondary--fade-80: hsla(88, 62%, 37%, 0.2);
    --m-secondary--lighten-11: hsl(88, 62%, 48%);
    --m-secondary--lighten-4: hsl(88, 62%, 41%);
    --m-secondary_bg--mix-10: hsl(88, 36%, 94%);
    --m-secondary_bg--mix-12: hsl(88, 36%, 92%);
    --m-secondary_bg--mix-15: hsl(88, 36%, 91%);
    --m-secondary_bg--mix-20: hsl(88, 36%, 87%);
    --m-secondary_bg--mix-25: hsl(88, 36%, 84%);
    --m-secondary_bg--mix-30: hsl(88, 36%, 81%);
    --m-secondary_bg--mix-35: hsl(88, 36%, 78%);
    --m-secondary_bg--mix-40: hsl(88, 36%, 75%);
    --m-secondary_bg--mix-50: hsl(88, 36%, 69%);
    --m-secondary_bg--mix-70: hsl(88, 36%, 56%);
    --m-secondary_bg--mix-75: hsl(88, 36%, 53%);
    --m-secondary_bg--mix-80: hsl(88, 37%, 50%);
    --m-secondary_bg-page--mix-50: hsl(87, 33%, 64%);
    --m-secondary_bg-popup--mix-10: hsl(88, 36%, 94%);
    --m-secondary_bg-popup--mix-27: hsl(88, 36%, 83%);
    --m-secondary_bg-popup--mix-36: hsl(88, 36%, 77%);
    --m-secondary_bg-zebra--mix-12: hsl(83, 27%, 89%);
    --m-secondary_bg-zebra--mix-20: hsl(85, 30%, 84%);
    --m-secondary_dark--mix-50: hsl(88, 40%, 29%);
    --m-secondary_dark--mix-85: hsl(88, 57%, 35%);
    --m-secondary_dimmer--mix-82: hsl(88, 39%, 48%);
    --m-secondary_white--mix-80: hsl(88, 37%, 50%);
    --m-shade--fade-40: hsla(0, 0%, 84%, 0.6);
    --m-yellow_bg--mix-30: hsl(60, 100%, 85%)
}

html.transp {
    --c-bg: hsla(0, 0%, 0%, 0.6);
    --c-bg-box: hsla(0, 0%, 0%, 0.6);
    --c-bg-high: hsla(0, 0%, 0%, 0.6);
    --c-bg-low: hsla(0, 0%, 0%, 0.5);
    --c-bg-page: hsl(37, 10%, 8%);
    --c-bg-zebra: hsla(0, 0%, 100%, 0.05);
    --c-bg-zebra2: hsl(37, 5%, 24%);
    --c-bg-popup: hsla(0, 0%, 0%, 0.6);
    --c-bg-header-dropdown: hsla(0, 0%, 0%, 0.6);
    --c-bg-input: hsl(37, 10%, 13%);
    --c-bg-variation: hsl(37, 5%, 15%);
    --c-header-dropdown: hsl(0, 0%, 80%);
    --c-body-gradient: hsl(37, 12%, 16%);
    --c-font: hsl(0, 0%, 80%);
    --c-shade: hsl(0, 0%, 30%);
    --c-dark: #333;
    --c-dimmer: #000;
    --c-clearer: #fff;
    --c-page-input: hsla(0, 0%, 0%, 0.6);
    --c-page-mask: hsla(0, 0%, 0%, 0.6);
    --c-metal-top: hsl(37, 7%, 22%);
    --c-metal-bottom: hsl(37, 5%, 19%);
    --c-metal-top-hover: hsl(37, 7%, 25%);
    --c-metal-bottom-hover: hsl(37, 5%, 22%);
    --c-font-dim: hsl(0, 0%, 58%);
    --c-font-dimmer: hsl(0, 0%, 42%);
    --c-font-clear: hsl(0, 0%, 80%);
    --c-font-clearer: hsl(0, 0%, 89%);
    --c-font-page: var(--c-font-dim);
    --c-font-shadow: hsla(0, 0, 0%, 0);
    --c-primary-dim: rgb(46.0377, 123.89141, 196.7223);
    --c-link-hover: rgb(86.7, 173.655, 255);
    --c-chat-host-bg: rgba(78, 122, 29, 0.4);
    --c-chat-mention-bg: rgba(59, 92, 22, 0.4);
    --c-fancy: hsl(294, 62%, 48%);
    --c-border: hsl(0, 0%, 25%);
    --c-border-page: hsl(0, 0%, 22%);
    --c-border-tour: rgb(39.27, 38.488, 37.23);
    --c-border-light: hsl(0, 0%, 40%);
    --c-primary: hsl(209, 79%, 56%);
    --c-primary-clear: rgb(94.3296, 167.60368, 236.1504);
    --c-secondary: hsl(88, 62%, 37%);
    --c-secondary-dim: rgb(78.59984, 122.2776, 28.6824);
    --c-secondary-dimmer: rgb(58.94988, 91.7082, 21.5118);
    --c-good: hsl(88, 62%, 37%);
    --c-accent: hsl(22, 100%, 42%);
    --c-link: hsl(209, 79%, 56%);
    --c-link-dim: var(--c-primary-dim);
    --c-link-clear: var(--c-primary-clear);
    --c-over: #fff;
    --c-brag: hsl(37, 74%, 43%);
    --c-contours: rgb(167.9328, 118.16632, 38.1072);
    --c-accent-dim: rgb(171.36, 62.832, 0);
    --c-accent-faint: hsla(22, 100%, 42%, 0.4);
    --c-accent-clear: rgb(171.36, 62.832, 0);
    --c-dasher: hsl(88, 62%, 37%);
    --c-clas: rgb(127, 90, 240);
    --c-clas-light: rgb(144.92, 113.1, 242.1);
    --c-bot: var(--c-fancy);
    --c-good: hsl(88, 62%, 37%);
    --c-warn: hsl(37, 74%, 43%);
    --c-bad: hsl(0, 60%, 50%);
    --c-error: hsl(0, 60%, 50%);
    --c-live: hsl(0, 60%, 50%);
    --c-dasher-light: rgba(65.4998666667, 101.898, 23.902, 0.7);
    --c-racer-boost: hsl(37, 124%, 113%);
    --c-marathon: hsl(19, 9%, 56%);
    --c-tutor-bg: rgba(88.1736258065, 129.5334193548, 40.9052903226, 0.92);
    --c-inaccuracy: hsl(202, 78%, 62%);
    --c-mistake: hsl(41, 100%, 45%);
    --c-blunder: hsl(0, 69%, 60%);
    --c-good-move: hsl(88, 62%, 37%);
    --c-brilliant: hsl(129, 71%, 45%);
    --c-interesting: hsl(307, 80%, 70%);
    --c-mv-branch-white: #fff;
    --c-mv-branch-black: #000;
    --c-pool-button: hsla(37, 7%, 19%, 0.66);
    --c-paper: hsl(60, 56%, 91%);
    --c-bg-input: hsla(0, 0%, 0%, 0.5);
    --c-bg-variation: hsla(0, 0%, 0%, 0.25);
    --c-bg-header-dropdown: hsla(0, 0%, 0%, 0.75);
    --c-font-dim: hsl(0, 0%, 69%);
    --c-font-dimmer: hsl(0, 0%, 48%);
    --c-font-clear: hsl(0, 0%, 89%);
    --c-font-clearer: hsl(0, 0%, 97%);
    --c-font-page: hsl(0, 0%, 97%);
    --c-metal-top: hsla(37, 7%, 19%, 0.56);
    --c-metal-bottom: hsla(37, 7%, 19%, 0.66);
    --c-metal-top-hover: hsla(22, 100%, 42%, 0.4);
    --c-metal-bottom-hover: hsla(22, 100%, 42%, 0.3);
    --m-accent--fade-30: hsla(22, 100%, 42%, 0.7);
    --m-accent--fade-40: hsla(22, 100%, 42%, 0.6);
    --m-accent--fade-50: hsla(22, 100%, 42%, 0.5);
    --m-accent--fade-70: hsla(22, 100%, 42%, 0.3);
    --m-accent--fade-80: hsla(22, 100%, 42%, 0.2);
    --m-accent--fade-85: hsla(22, 100%, 42%, 0.15);
    --m-accent_bg--mix-10: hsla(22, 100%, 4%, 0.64);
    --m-accent_bg--mix-12: hsla(22, 100%, 5%, 0.65);
    --m-accent_bg--mix-15: hsla(22, 100%, 6%, 0.66);
    --m-accent_bg--mix-20: hsla(22, 100%, 8%, 0.68);
    --m-accent_bg--mix-60: hsla(22, 100%, 25%, 0.84);
    --m-accent_bg--mix-70: hsla(22, 100%, 29%, 0.88);
    --m-accent_bg-popup--mix-10: hsla(22, 100%, 4%, 0.64);
    --m-accent_bg-zebra--mix-10: hsla(22, 72%, 94%, 0.15);
    --m-accent_black--mix-70: hsl(22, 100%, 29%);
    --m-accent_white--mix-80: hsl(22, 72%, 54%);
    --m-bad--alpha-50: hsla(0, 60%, 50%, 0.5);
    --m-bad--fade-40: hsla(0, 60%, 50%, 0.6);
    --m-bad--fade-80: hsla(0, 60%, 50%, 0.2);
    --m-bad--lighten-11: hsl(0, 60%, 61%);
    --m-bad_bg--mix-10: hsla(0, 60%, 5%, 0.64);
    --m-bad_bg--mix-15: hsla(0, 60%, 8%, 0.66);
    --m-bad_bg--mix-20: hsla(0, 60%, 10%, 0.68);
    --m-bad_bg--mix-25: hsla(0, 60%, 13%, 0.7);
    --m-bad_bg--mix-30: hsla(0, 60%, 15%, 0.72);
    --m-bad_bg--mix-50: hsla(0, 60%, 25%, 0.8);
    --m-bad_bg--mix-60: hsla(0, 60%, 30%, 0.84);
    --m-bad_bg--mix-80: hsla(0, 60%, 40%, 0.92);
    --m-bad_bg-zebra--mix-20: hsla(0, 60%, 90%, 0.24);
    --m-bad_bg-zebra2--mix-20: hsl(5, 24%, 29%);
    --m-bad_bg-zebra2--mix-30: hsl(3, 31%, 32%);
    --m-bad_bg-zebra2--mix-60: hsl(1, 47%, 40%);
    --m-bad_clearer--mix-80: hsl(0, 60%, 60%);
    --m-bad_dark--mix-80: hsl(0, 55%, 44%);
    --m-bg--alpha-40: hsla(0, 0%, 0%, 0.4);
    --m-bg--fade-20: hsla(0, 0%, 0%, 0.48);
    --m-bg--fade-30: hsla(0, 0%, 0%, 0.42);
    --m-bg--fade-40: hsla(0, 0%, 0%, 0.36);
    --m-bg--fade-50: hsla(0, 0%, 0%, 0.3);
    --m-bg-page--fade-40: hsla(37, 10%, 8%, 0.6);
    --m-bg-page_bg--mix-50: hsla(45, 10%, 4%, 0.8);
    --m-bg-zebra2--fade-1: hsla(37, 5%, 24%, 0.99);
    --m-bg_bad--mix-80: hsla(0, 60%, 10%, 0.68);
    --m-bg_high--lighten-11: hsla(0, 0%, 11%, 0.6);
    --m-blunder_bg--mix-25: hsla(0, 46%, 15%, 0.7);
    --m-blunder_bg--mix-30: hsla(0, 46%, 18%, 0.72);
    --m-blunder_bg--mix-60: hsla(0, 46%, 36%, 0.84);
    --m-blunder_font--mix-70: hsl(0, 57%, 66%);
    --m-body-gradient_bg-page--mix-50: hsl(39, 11%, 12%);
    --m-border--fade-50: hsla(0, 0%, 25%, 0.5);
    --m-brag--alpha-70: hsla(37, 74%, 43%, 0.7);
    --m-brag--fade-50: hsla(37, 74%, 43%, 0.5);
    --m-brag_bg--mix-15: hsla(37, 74%, 6%, 0.66);
    --m-brag_bg--mix-20: hsla(37, 74%, 9%, 0.68);
    --m-brag_bg--mix-40: hsla(37, 74%, 17%, 0.76);
    --m-brag_bg--mix-60: hsla(37, 74%, 26%, 0.84);
    --m-brag_bg--mix-70: hsla(37, 74%, 30%, 0.88);
    --m-brag_bg--mix-80: hsla(37, 74%, 35%, 0.92);
    --m-brag_bg-page--mix-20: hsl(38, 47%, 15%);
    --m-brag_bg-page--mix-60: hsl(37, 67%, 29%);
    --m-brag_dark--mix-85: hsl(37, 68%, 40%);
    --m-brag_font--mix-60: hsl(37, 45%, 58%);
    --m-brag_white--mix-25: hsl(37, 56%, 86%);
    --m-brag_white--mix-80: hsl(37, 56%, 55%);
    --m-brilliant_bg--mix-25: hsla(129, 71%, 11%, 0.7);
    --m-brilliant_bg--mix-30: hsla(129, 71%, 13%, 0.72);
    --m-brilliant_bg--mix-60: hsla(129, 71%, 27%, 0.84);
    --m-clas--alpha-30: hsla(255, 83%, 65%, 0.3);
    --m-clas_bg--mix-10: hsla(255, 45%, 6%, 0.64);
    --m-clas_bg--mix-30: hsla(255, 45%, 19%, 0.72);
    --m-clas_bg--mix-7: hsla(255, 45%, 5%, 0.63);
    --m-clas_bg--mix-80: hsla(255, 49%, 52%, 0.92);
    --m-clas_bg-zebra--mix-20: hsla(255, 83%, 93%, 0.24);
    --m-clas_white--mix-20: hsl(255, 83%, 93%);
    --m-clas_white--mix-28: hsl(255, 83%, 90%);
    --m-clearer_bg-page--mix-70: hsl(45, 1%, 72%);
    --m-clearer_bg-page--mix-80: hsl(45, 1%, 82%);
    --m-clearer_body-gradient--mix-65: hsl(36, 2%, 71%);
    --m-clearer_body-gradient--mix-75: hsl(36, 2%, 79%);
    --m-dark--fade-40: hsla(0, 0%, 20%, 0.6);
    --m-dimmer_clearer--mix-63: hsl(0, 0%, 37%);
    --m-dimmer_font--mix-60: hsl(0, 0%, 32%);
    --m-dimmer_font--mix-90: hsl(0, 0%, 8%);
    --m-font--fade-50: hsla(0, 0%, 80%, 0.5);
    --m-font--fade-70: hsla(0, 0%, 80%, 0.3);
    --m-font--fade-83: hsla(0, 0%, 80%, 0.17);
    --m-font_bg--mix-20: hsla(0, 0%, 16%, 0.68);
    --m-font_bg--mix-30: hsla(0, 0%, 24%, 0.72);
    --m-font_clas--mix-40: hsl(255, 60%, 71%);
    --m-font_dimmer--mix-50: hsl(0, 0%, 40%);
    --m-font_dimmer--mix-85: hsl(0, 0%, 68%);
    --m-font_white--mix-20: hsl(0, 0%, 96%);
    --m-good_bg--mix-25: hsla(88, 62%, 9%, 0.7);
    --m-good_bg--mix-30: hsla(88, 62%, 11%, 0.72);
    --m-good_bg--mix-50: hsla(88, 62%, 19%, 0.8);
    --m-good_bg--mix-60: hsla(88, 62%, 22%, 0.84);
    --m-inaccuracy_bg--mix-25: hsla(202, 48%, 16%, 0.7);
    --m-inaccuracy_bg--mix-30: hsla(202, 48%, 19%, 0.72);
    --m-inaccuracy_bg--mix-60: hsla(202, 48%, 37%, 0.84);
    --m-inaccuracy_font--mix-70: hsl(202, 64%, 68%);
    --m-interesting_bg--mix-25: hsla(307, 34%, 18%, 0.7);
    --m-interesting_bg--mix-30: hsla(307, 34%, 21%, 0.72);
    --m-interesting_bg--mix-60: hsla(307, 34%, 42%, 0.84);
    --m-mistake_bg--mix-25: hsla(41, 100%, 11%, 0.7);
    --m-mistake_bg--mix-30: hsla(41, 100%, 14%, 0.72);
    --m-mistake_bg--mix-60: hsla(41, 100%, 27%, 0.84);
    --m-mistake_font--mix-70: hsl(41, 71%, 56%);
    --m-paper--fade-40: hsla(60, 56%, 91%, 0.6);
    --m-paper_dimmer--mix-50: hsl(60, 6%, 45%);
    --m-paper_dimmer--mix-75: hsl(60, 12%, 68%);
    --m-primary--alpha-30: hsla(209, 79%, 56%, 0.3);
    --m-primary--alpha-70: hsla(209, 79%, 56%, 0.7);
    --m-primary--fade-10: hsla(209, 79%, 56%, 0.9);
    --m-primary--fade-50: hsla(209, 79%, 56%, 0.5);
    --m-primary--fade-70: hsla(209, 79%, 56%, 0.3);
    --m-primary--fade-80: hsla(209, 79%, 56%, 0.2);
    --m-primary--lighten-10: hsl(209, 79%, 66%);
    --m-primary--lighten-11: hsl(209, 79%, 67%);
    --m-primary--lighten-7: hsl(209, 79%, 63%);
    --m-primary_bg--mix-10: hsla(209, 62%, 6%, 0.64);
    --m-primary_bg--mix-12: hsla(209, 62%, 7%, 0.65);
    --m-primary_bg--mix-15: hsla(209, 62%, 8%, 0.66);
    --m-primary_bg--mix-17: hsla(209, 62%, 10%, 0.67);
    --m-primary_bg--mix-18: hsla(209, 62%, 10%, 0.67);
    --m-primary_bg--mix-20: hsla(209, 62%, 11%, 0.68);
    --m-primary_bg--mix-25: hsla(209, 62%, 14%, 0.7);
    --m-primary_bg--mix-30: hsla(209, 62%, 17%, 0.72);
    --m-primary_bg--mix-35: hsla(209, 62%, 20%, 0.74);
    --m-primary_bg--mix-40: hsla(209, 62%, 22%, 0.76);
    --m-primary_bg--mix-50: hsla(209, 62%, 28%, 0.8);
    --m-primary_bg--mix-60: hsla(209, 62%, 34%, 0.84);
    --m-primary_bg--mix-70: hsla(209, 62%, 39%, 0.88);
    --m-primary_bg--mix-75: hsla(209, 62%, 42%, 0.9);
    --m-primary_bg--mix-80: hsla(209, 62%, 45%, 0.92);
    --m-primary_bg-page--mix-15: hsl(206, 30%, 15%);
    --m-primary_bg-page--mix-20: hsl(207, 36%, 17%);
    --m-primary_bg-page--mix-60: hsl(209, 56%, 37%);
    --m-primary_bg-page__mix-20--fade-70: hsla(209, 79%, 56%, 0.3);
    --m-primary_bg-zebra--mix-10: hsla(209, 79%, 96%, 0.15);
    --m-primary_bg-zebra2--mix-20: hsl(207, 20%, 30%);
    --m-primary_black--mix-70: hsl(209, 62%, 39%);
    --m-primary_black--mix-80: hsl(209, 62%, 45%);
    --m-primary_dark--mix-80: hsl(209, 57%, 49%);
    --m-primary_font--mix-35: hsl(209, 43%, 72%);
    --m-primary_font--mix-50: hsl(209, 54%, 68%);
    --m-primary_font--mix-90: hsl(209, 75%, 58%);
    --m-primary_white--mix-30: hsl(209, 79%, 87%);
    --m-primary_white--mix-40: hsl(209, 79%, 82%);
    --m-primary_white--mix-60: hsl(209, 79%, 74%);
    --m-primary_white--mix-80: hsl(209, 79%, 65%);
    --m-secondary--fade-30: hsla(88, 62%, 37%, 0.7);
    --m-secondary--fade-40: hsla(88, 62%, 37%, 0.6);
    --m-secondary--fade-50: hsla(88, 62%, 37%, 0.5);
    --m-secondary--fade-60: hsla(88, 62%, 37%, 0.4);
    --m-secondary--fade-80: hsla(88, 62%, 37%, 0.2);
    --m-secondary--lighten-11: hsl(88, 62%, 48%);
    --m-secondary--lighten-4: hsl(88, 62%, 41%);
    --m-secondary_bg--mix-10: hsla(88, 62%, 4%, 0.64);
    --m-secondary_bg--mix-12: hsla(88, 62%, 4%, 0.65);
    --m-secondary_bg--mix-15: hsla(88, 62%, 6%, 0.66);
    --m-secondary_bg--mix-20: hsla(88, 62%, 7%, 0.68);
    --m-secondary_bg--mix-25: hsla(88, 62%, 9%, 0.7);
    --m-secondary_bg--mix-30: hsla(88, 62%, 11%, 0.72);
    --m-secondary_bg--mix-35: hsla(88, 62%, 13%, 0.74);
    --m-secondary_bg--mix-40: hsla(88, 62%, 15%, 0.76);
    --m-secondary_bg--mix-50: hsla(88, 62%, 19%, 0.8);
    --m-secondary_bg--mix-70: hsla(88, 62%, 26%, 0.88);
    --m-secondary_bg--mix-75: hsla(88, 62%, 28%, 0.9);
    --m-secondary_bg--mix-80: hsla(88, 62%, 30%, 0.92);
    --m-secondary_bg-page--mix-50: hsl(87, 53%, 22%);
    --m-secondary_bg-popup--mix-10: hsla(88, 62%, 4%, 0.64);
    --m-secondary_bg-popup--mix-27: hsla(88, 62%, 10%, 0.71);
    --m-secondary_bg-popup--mix-36: hsla(88, 62%, 13%, 0.74);
    --m-secondary_bg-zebra--mix-12: hsla(88, 36%, 92%, 0.16);
    --m-secondary_bg-zebra--mix-20: hsla(88, 36%, 87%, 0.24);
    --m-secondary_dark--mix-50: hsl(88, 40%, 29%);
    --m-secondary_dark--mix-85: hsl(88, 57%, 35%);
    --m-secondary_dimmer--mix-82: hsl(88, 62%, 30%);
    --m-secondary_white--mix-80: hsl(88, 37%, 50%);
    --m-shade--fade-40: hsla(0, 0%, 30%, 0.6);
    --m-yellow_bg--mix-30: hsla(60, 100%, 15%, 0.72)
}