html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

@font-face {
    font-family: RobotoSlabVariable;
    src: url(RobotoSlab-VariableFont_wght.ttf) format("truetype");
    font-weight: 1 999;
    font-display: swap
}

@font-face {
    font-family: RobotoSlab;
    src: url(RobotoSlab-Regular.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: RobotoSlab;
    src: url(RobotoSlab-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: RobotoSlab;
    src: url(RobotoSlab-Bold.ttf) format("truetype");
    font-weight: 900;
    font-display: swap
}

:root {
    --col-1-darkest: #D1D1D1;
    --col-1-darker: #E0E0E0;
    --col-1-dark: #F0F0F0;
    --col-1: #FFF;
    --col-2-darkest: #AFAFAF;
    --col-2-darker: #BEBEBE;
    --col-2-dark: #CECECE;
    --col-2: #DDD;
    --col-2-light: #ECECEC;
    --col-2-lighter: #FCFCFC;
    --col-3-darkest: #5A5A5A;
    --col-3-darker: #696969;
    --col-3-dark: #797979;
    --col-3: #888;
    --col-3-light: #979797;
    --col-3-lighter: #A7A7A7;
    --col-3-lightest: #B6B6B6;
    --col-4-darkest: #272727;
    --col-4-darker: #363636;
    --col-4-dark: #464646;
    --col-4: #555;
    --col-4-light: #646464;
    --col-4-lighter: #747474;
    --col-4-lightest: #838383;
    --col-5-darkest: #050505;
    --col-5-darker: #141414;
    --col-5-dark: #242424;
    --col-5: #333;
    --col-5-light: #424242;
    --col-5-lighter: #525252;
    --col-5-lightest: #616161;
    --col-6-dark: #020202;
    --col-6: #111;
    --col-6-light: #202020;
    --col-6-lighter: #303030;
    --col-6-lightest: #3F3F3F;
    --col-6-main-light: #37C3A6;
    --white: #ffffff;
}

BODY {
    --body-bg: var(--col-1);
    --body-color: var(--col-5-darker);
    --link-color: var(--col-5);
    --link-color-hover: var(--col-5-lighter);
    --aside-bg: var(--col-5);
    --aside-header-color: var(--col-6-dark);
    --nav-marker-bg: var(--body-bg);
    --nav-marker-border: var(--col-4);
/*    --nav-link: var(--col-3-lighter);*/
    --nav-link: var(--col-6-dark);
    --nav-link-hover: var(--col-2);
    --nav-link-current: var(--col-1);
    --nav-scrollbar-bg: var(--nav-marker-border);
    --nav-thumb-bg: var(--nav-link);
    --mark-bg: var(--col-4-dark);
    --mark-color: var(--col-2-lighter);
/*    --code-bg: var(--col-2);*/
    --code-bg: var(--col-6-darkest);
/*    --code-color: var(--col-5);*/
    --code-color: var(--white);
    --term-color: var(--col-4-darker);
    --control-bg: var(--col-6-main-light);
    --control-color: var(--col-2);
    --control-current-bg: var(--col-5);
    --control-current-color: var(--col-1);
    --parent-border: var(--col-4);
    --group-title-color: var(--col-5);
    --prop-border: var(--col-4);
    --prop-title-color: var(--col-4);
    --prop-values-title-color: var(--col-5-lightest);
    --demo-bg: #14b4e4;
    --demo-featured-bg: var(--col-2-darker);
    --demo-border: var(--col-1);
    --demo-color: var(--col-5);
    --demo-code-bg: var(--col-1-darker);
    --demo-code-bg-featured: var(--col-2-lightest);
    --note-bg: var(--col-2);
    --note-border: var(--col-3);
    --project-icon: var(--col-5-darkest);
    --project-icon-hover: var(--nav-link);
    --theme-control-color: var(--col-4)
}

[data-theme="gray"] {
    --col-1-darkest: #D1D1D1;
    --col-1-darker: #E0E0E0;
    --col-1-dark: #F0F0F0;
    --col-1: #FFF;
    --col-2-darkest: #AFAFAF;
    --col-2-darker: #BEBEBE;
    --col-2-dark: #CECECE;
    --col-2: #DDD;
    --col-2-light: #ECECEC;
    --col-2-lighter: #FCFCFC;
    --col-3-darkest: #5A5A5A;
    --col-3-darker: #696969;
    --col-3-dark: #797979;
    --col-3: #888;
    --col-3-light: #979797;
    --col-3-lighter: #A7A7A7;
    --col-3-lightest: #B6B6B6;
    --col-4-darkest: #272727;
    --col-4-darker: #363636;
    --col-4-dark: #464646;
    --col-4: #555;
    --col-4-light: #646464;
    --col-4-lighter: #747474;
    --col-4-lightest: #838383;
    --col-5-darkest: #050505;
    --col-5-darker: #141414;
    --col-5-dark: #242424;
    --col-5: #333;
    --col-5-light: #424242;
    --col-5-lighter: #525252;
    --col-5-lightest: #616161;
    --col-6-dark: #020202;
    --col-6: #111;
    --col-6-light: #202020;
    --col-6-lighter: #303030;
    --col-6-lightest: #3F3F3F;
    --aside-bg: var(--col-3-lighter);
    --nav-marker-border: var(--col-2-dark);
    --nav-link: var(--col-4-darker);
    --nav-link-hover: var(--col-6);
    --nav-link-current: var(--col-6-dark);
    --demo-bg: var(--col-2-dark);
    --control-bg: var(--col-4-light);
    --control-color: var(--col-2-light);
    --control-current-bg: var(--col-5-dark);
    --demo-featured-bg: var(--col-3-light);
    --demo-code-bg: var(--col-1-dark);
    --demo-code-bg-featured: var(--col-2-dark)
}

[data-theme="winter"] {
    --col-1-darkest: #D9BB83;
    --col-1-darker: #E1CA9E;
    --col-1-dark: #EAD9BA;
    --col-1: #F2E8D5;
    --col-1-light: #FAF7F0;
    --col-2-darkest: #E0B763;
    --col-2-darker: #E6C581;
    --col-2-dark: #ECD29F;
    --col-2: #F2E0BD;
    --col-2-light: #F8EEDB;
    --col-2-lighter: #FEFCF9;
    --col-3-darkest: #E6693C;
    --col-3-darker: #EA825C;
    --col-3-dark: #EE9A7B;
    --col-3: #F2B29B;
    --col-3-light: #F6CABA;
    --col-3-lighter: #FAE3DA;
    --col-3-lightest: #FEFBFA;
    --col-4-darkest: #122B3A;
    --col-4-darker: #1A3F55;
    --col-4-dark: #235371;
    --col-4: #2B678C;
    --col-4-light: #337BA7;
    --col-4-lighter: #3C8FC3;
    --col-4-lightest: #579FCB;
    --col-5-darkest: #030609;
    --col-5-darker: #0C1923;
    --col-5-dark: #152C3E;
    --col-5: #1E3E59;
    --col-5-light: #275174;
    --col-5-lighter: #30648E;
    --col-5-lightest: #3977A9;
    --col-6-dark: #050B10;
    --col-6: #0C1923;
    --col-6-light: #132736;
    --col-6-lighter: #193449;
    --col-6-lightest: #20425C;
    --nav-link: var(--col-2-darker);
    --aside-bg: var(--col-4-dark);
    --control-bg: var(--col-4-light);
    --control-current-bg: var(--col-5-dark);
    --demo-code-bg: var(--col-3-light);
    --demo-code-bg-featured: var(--col-2-dark)
}

[data-theme="seagreen"] {
    --col-1-darkest: #AEE65C;
    --col-1-darker: #B9E972;
    --col-1-dark: #C4ED88;
    --col-1: #CFF09E;
    --col-1-light: #DAF3B4;
    --col-1-lighter: #E5F7CA;
    --col-1-lightest: #F0FAE0;
    --col-2-darkest: #72C572;
    --col-2-darker: #84CC84;
    --col-2-dark: #96D496;
    --col-2: #A8DBA8;
    --col-2-light: #BAE3BA;
    --col-2-lighter: #CCEACC;
    --col-2-lightest: #DEF1DE;
    --col-3-darkest: #4D9C73;
    --col-3-darker: #57AC80;
    --col-3-dark: #68B58D;
    --col-3: #79BD9A;
    --col-3-light: #8AC5A7;
    --col-3-lighter: #9BCEB4;
    --col-3-lightest: #ACD6C1;
    --col-4-darkest: #245151;
    --col-4-darker: #2B6262;
    --col-4-dark: #337474;
    --col-4: #3B8686;
    --col-4-light: #439898;
    --col-4-lighter: #4AA9A9;
    --col-4-lightest: #58B5B5;
    --col-5-darkest: #041925;
    --col-5-darker: #06293D;
    --col-5-dark: #093854;
    --col-5: #0B486B;
    --col-5-light: #0D5782;
    --col-5-lighter: #106799;
    --col-5-lightest: #1276B0;
    --col-6-dark: #01090E;
    --col-6: #041925;
    --col-6-light: #06283C;
    --col-6-lighter: #093853;
    --col-6-lightest: #0B476A;
    --prop-title-color: var(--col-5-light);
    --prop-values-title-color: var(--col-5-lighter);
    --control-current-color: var(--col-1-lighter);
    --control-color: var(--col-1-light);
    --demo-featured-bg: var(--col-4);
    --demo-color: var(--col-5-dark);
    --demo-code-bg: var(--col-2);
    --demo-code-bg-featured: var(--col-3)
}

[data-theme="sunny"] {
    --col-1-darkest: #FFE867;
    --col-1-darker: #FFEC80;
    --col-1-dark: #FFF09A;
    --col-1: #FFF4B3;
    --col-1-light: #FFF7CD;
    --col-1-lighter: #FFFBE6;
    --col-2-darkest: #ECA201;
    --col-2-darker: #FEB009;
    --col-2-dark: #FEB923;
    --col-2: #FEC13C;
    --col-2-light: #FEC956;
    --col-2-lighter: #FED16F;
    --col-2-lightest: #FED988;
    --col-3-darkest: #9E960E;
    --col-3-darker: #B5AD10;
    --col-3-dark: #CCC312;
    --col-3: #E4DA14;
    --col-3-light: #ECE225;
    --col-3-lighter: #EEE53D;
    --col-3-lightest: #F0E854;
    --col-4-darkest: #2B7268;
    --col-4-darker: #328479;
    --col-4-dark: #39978A;
    --col-4: #40A99B;
    --col-4-light: #49BAAB;
    --col-4-lighter: #5BC1B3;
    --col-4-lightest: #6EC8BC;
    --col-5-darkest: #312A1E;
    --col-5-darker: #413728;
    --col-5-dark: #514431;
    --col-5: #61523B;
    --col-5-light: #715F45;
    --col-5-lighter: #816D4E;
    --col-5-lightest: #917A58;
    --col-6-darkest: #020101;
    --col-6-darker: #110F0B;
    --col-6-dark: #211C14;
    --col-6: #312A1E;
    --col-6-light: #413828;
    --col-6-lighter: #514531;
    --col-6-lightest: #61533B;
    --mark-color: var(--col-1);
    --control-color: var(--col-1-dark);
    --code-bg: var(--col-5-darker);
    --main-dark: #1a5c4fe6;
}

[data-theme="warm"] {
    --col-1-darkest: hsl(40, 80%, 61%);
    --col-1-darker: hsl(40, 80%, 68%);
    --col-1-dark: hsl(40, 80%, 75%);
    --col-1: hsl(40, 80%, 82%);
    --col-1-light: hsl(40, 80%, 89%);
    --col-1-lighter: hsl(40, 80%, 96%);
    --col-2-darkest: hsl(30, 80%, 50%);
    --col-2-darker: hsl(30, 80%, 57%);
    --col-2-dark: hsl(30, 80%, 64%);
    --col-2: hsl(30, 80%, 71%);
    --col-2-light: hsl(30, 80%, 78%);
    --col-2-lighter: hsl(30, 80%, 85%);
    --col-2-lightest: hsl(30, 80%, 92%);
    --col-3-darkest: hsl(358, 60%, 43%);
    --col-3-darker: hsl(358, 60%, 50%);
    --col-3-dark: hsl(358, 60%, 57%);
    --col-3: hsl(358, 60%, 64%);
    --col-3-light: hsl(358, 60%, 71%);
    --col-3-lighter: hsl(358, 60%, 78%);
    --col-3-lightest: hsl(358, 60%, 85%);
    --col-4-darkest: hsl(345, 45%, 12.9%);
    --col-4-darker: hsl(345, 45%, 19.9%);
    --col-4-dark: hsl(345, 45%, 26.9%);
    --col-4: hsl(345, 45%, 33.9%);
    --col-4-light: hsl(345, 45%, 40.9%);
    --col-4-lighter: hsl(345, 45%, 47.9%);
    --col-4-lightest: hsl(345, 45%, 54.9%);
    --col-5-darkest: hsl(340, 50%, 3.9%);
    --col-5-darker: hsl(340, 50%, 10.9%);
    --col-5-dark: hsl(340, 50%, 17.9%);
    --col-5: hsl(340, 50%, 24.9%);
    --col-5-light: hsl(340, 50%, 31.9%);
    --col-5-lighter: hsl(340, 50%, 38.9%);
    --col-5-lightest: hsl(340, 50%, 45.9%);
    --col-6-dark: hsl(337, 71.7%, 3.9%);
    --col-6: hsl(337, 71.7%, 10.9%);
    --col-6-light: hsl(337, 71.7%, 17.9%);
    --col-6-lighter: hsl(337, 71.7%, 24.9%);
    --col-6-lightest: hsl(337, 71.7%, 31.9%);
    --body-bg: var(--col-1);
    --body-color: var(--col-6-dark);
    --nav-marker-bg: var(--body-bg);
    --aside-bg: var(--col-5-light);
    --code-bg: var(--col-2-light);
    --nav-marker-border: var(--col-4-lighter);
    --control-color: var(--col-2-light);
    --control-bg: var(--col-4-light);
    --demo-featured-bg: var(--col-4-lighter);
    --demo-code-bg: var(--col-3-light);
    --demo-code-bg-featured: var(--col-3)
}

[data-theme="brown"] {
    --col-1-darkest: hsl(50, 80%, 69%);
    --col-1-darker: hsl(50, 80%, 76%);
    --col-1-dark: hsl(50, 80%, 83%);
    --col-1: hsl(50, 80%, 90%);
    --col-1-light: hsl(50, 80%, 97%);
    --col-2-darkest: hsl(45, 75%, 59%);
    --col-2-darker: hsl(45, 75%, 66%);
    --col-2-dark: hsl(45, 75%, 73%);
    --col-2: hsl(45, 75%, 80%);
    --col-2-light: hsl(45, 75%, 87%);
    --col-2-lighter: hsl(45, 75%, 94%);
    --col-3-darkest: hsl(41, 60%, 49%);
    --col-3-darker: hsl(41, 60%, 56%);
    --col-3-dark: hsl(41, 60%, 63%);
    --col-3: hsl(41, 60%, 70%);
    --col-3-light: hsl(41, 60%, 77%);
    --col-3-lighter: hsl(41, 60%, 84%);
    --col-3-lightest: hsl(41, 60%, 91%);
    --col-4-darkest: hsl(34, 33%, 24%);
    --col-4-darker: hsl(34, 33%, 31%);
    --col-4-dark: hsl(34, 33%, 38%);
    --col-4: hsl(34, 33%, 45%);
    --col-4-light: hsl(34, 33%, 52%);
    --col-4-lighter: hsl(34, 33%, 59%);
    --col-4-lightest: hsl(34, 33%, 66%);
    --col-5-darkest: hsl(32, 33%, 14%);
    --col-5-darker: hsl(32, 33%, 21%);
    --col-5-dark: hsl(32, 33%, 28%);
    --col-5: hsl(32, 33%, 33%);
    --col-5-light: hsl(32, 33%, 42%);
    --col-5-lighter: hsl(32, 33%, 49%);
    --col-5-lightest: hsl(32, 33%, 56%);
    --col-6-darker: hsl(32, 35%, 1%);
    --col-6-dark: hsl(32, 35%, 8%);
    --col-6: hsl(32, 35%, 15%);
    --col-6-light: hsl(32, 35%, 22%);
    --col-6-lighter: hsl(32, 35%, 29%);
    --col-6-lightest: hsl(32, 35%, 36%);
    --project-icon: var(--col-6-darker);
    --aside-header-color: var(--col-6-darker);
    --control-bg: var(--col-4-dark);
    --control-color: var(--col-2-light);
    --control-current-bg: var(--col-5-darker);
    --demo-color: var(--col-5-darker);
    --demo-featured-bg: var(--col-4-light);
    --demo-code-bg: var(--col-2);
    --demo-code-bg-featured: var(--col-3-dark)
}

HTML {
    scroll-behavior: smooth
}

BODY {
    display: flex;
    min-height: 100vh;
    font: 16px/1.4 Georgia, serif;
    color: var(--body-color)
}

A {
    transition: all .25s;
    color: var(--link-color)
}

A:hover {
    text-decoration: none;
    color: var(--link-color-hover)
}

A[href*="http"]::after {
    display: inline-block;
    width: .9em;
    height: .9em;
    margin-left: .1em;
    vertical-align: middle;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L8.7 16.71a1 1 0 1 1-1.4-1.42L17.58 5H14a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1v6a1 1 0 0 1-2 0V6.41zM17 14a1 1 0 0 1 2 0v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7c0-1.1.9-2 2-2h5a1 1 0 0 1 0 2H5v12h12v-5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L8.7 16.71a1 1 0 1 1-1.4-1.42L17.58 5H14a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1v6a1 1 0 0 1-2 0V6.41zM17 14a1 1 0 0 1 2 0v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7c0-1.1.9-2 2-2h5a1 1 0 0 1 0 2H5v12h12v-5z'/%3E%3C/svg%3E");
    background: currentColor;
    opacity: .5;
    transition: inherit
}

A[href*="http"]:hover::after {
    opacity: 1
}

.marked-link {
    box-shadow: 0 0 0 2px;
    border-radius: 3px
}

UL {
    list-style-type: none
}

H1,
H2,
H3,
H4 {
    margin-top: 0;
    font-family: RobotoSlab, Georgia, serif;
    font-weight: 600
}

@supports (font-variation-settings: normal) {
    H1,
    H2,
    H3,
    H4 {
        font-family: RobotoSlabVariable, Georgia, serif
    }
}

UL,
LI {
    margin: 0;
    padding: 0
}

DD+DT {
    margin-top: 1rem
}

MARK {
    box-shadow: 0 0 0 2px var(--mark-bg), 0 0 0 2px var(--mark-bg) inset;
    background: var(--mark-bg);
    color: var(--mark-color)
}

PRE {
    white-space: pre-line
}

DFN {
    font-weight: bold
}

P:first-child {
    margin-top: 0
}

.hidden-content {
    display: none
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.note {
    padding: 1em;   
    border-left: 10px solid #14d1e4;
    border-radius: 3px;
    border-top: 3px solid #37C3A6;
    border-bottom: 3px solid #37C3A6;
    background-color: #fff;
}

.table-data--centered {
    text-align: center
}

.self-link {
    opacity: 0;
    color: inherit
}

.self-link::before {
    content: "#"
}

DT:hover .self-link,
H2:hover .self-link,
H3:hover .self-link {
    opacity: 1
}

.page-container {
    display: flex;
    width: 100%;
    min-height: 100%
}

.page-main {
    flex: 1
}

.page-aside,
.page-aside__content {
    width: 23%;
    min-width: 250px;
    max-width: 254px
}

.page-aside {
    --mob-collapsed-width: 40px;
    --mob-expanded-width: 320px;
    --mob-hidden-width: calc((var(--mob-expanded-width) - var(--mob-collapsed-width)) * -1);
    --stripe-width: 3px;
    --duration: .2s;
    position: relative;
    order: -1;
    z-index: 2;
    flex-shrink: 0
}

@media (max-width: 900px) {
    .page-aside {
        min-width: 0;
        width: var(--mob-collapsed-width)
    }
}

.page-aside__content {
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: auto;
    background: #efefef;
    background-image: linear-gradient(to left, var(--nav-marker-border), var(--nav-marker-border));
    background-size: var(--stripe-width) 100%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    scrollbar-width: thin;
    scrollbar-color: var(--nav-thumb-bg) var(--nav-scrollbar-bg)
}

.page-aside__content::-webkit-scrollbar {
    width: 10px
}

.page-aside__content::-webkit-scrollbar-track {
    background: var(--nav-scrollbar-bg)
}

.page-aside__content::-webkit-scrollbar-thumb {
    background-color: var(--nav-thumb-bg);
    border-radius: 6px;
    border: 3px solid var(--nav-scrollbar-bg)
}

@media (max-width: 900px) {
    .page-aside__content {
        --stripe-width: 6px;
        width: var(--mob-expanded-width);
        transition: transform var(--duration)
    }
    .page-aside--collapsed .page-aside__content {
        transform: translateX(var(--mob-hidden-width));
        overflow: hidden
    }
    .page-aside--collapsed .page-aside__content .nav {
        opacity: 0
    }
    .page-aside__content .nav__marker {
        display: none
    }
}

.page-aside__toggler {
    --button-size: 2rem;
    --offset: calc((var(--mob-expanded-width) - var(--button-size)) - 12px);
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(var(--offset));
    width: var(--button-size);
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    transition: transform var(--duration)
}

.page-aside__toggler::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--button-size);
    height: var(--button-size);
    margin: auto;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 56.083'%3E%3Cpath d='M29.344 52.229c.875.886.875 2.31 0 3.191a2.214 2.214 0 0 1-3.158 0L.656 29.64a2.27 2.27 0 0 1 0-3.191L26.186.664a2.212 2.212 0 0 1 3.158 0 2.27 2.27 0 0 1 0 3.191L6.064 28.042l23.28 24.187z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 56.083'%3E%3Cpath d='M29.344 52.229c.875.886.875 2.31 0 3.191a2.214 2.214 0 0 1-3.158 0L.656 29.64a2.27 2.27 0 0 1 0-3.191L26.186.664a2.212 2.212 0 0 1 3.158 0 2.27 2.27 0 0 1 0 3.191L6.064 28.042l23.28 24.187z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    background: var(--nav-link);
    transition: transform var(--duration)
}

.page-aside--collapsed .page-aside__toggler {
    transform: translateX(0)
}

.page-aside--collapsed .page-aside__toggler::before {
    transform: rotate(180deg)
}

@media (max-width: 900px) {
    .page-aside__toggler {
        display: block
    }
}

.page-aside__container {
    padding: 1.5rem 1rem
}

@media (min-width: 1200px) {
    .page-aside__container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.page-aside__clarification {
    margin-bottom: 1rem;
    color: var(--nav-link)
}

.page-aside__clarification A {
    color: inherit
}

.container {
    padding-left: 1em;
    padding-right: 1em;
    box-sizing: border-box
}

@media (min-width: 800px) {
    .container {
        padding-left: 2em;
        padding-right: 2em
    }
}

.group {
    padding-top: 1.75rem
}

.group--hidden-title {
    padding-top: 0
}

.group__title {
    margin: 0 0 1em;
    font-size: 2em;
    font-weight: 500;
    color: var(--group-title-color)
}

@media (max-width: 768px) {
    .group__title {
        margin-bottom: .5em
    }
}

.group__link {
    display: inline-block;
    margin: 0 0 2em
}

@media (max-width: 768px) {
    .group__link {
        margin-bottom: 1.5em
    }
}

.group TABLE {
    margin: auto
}

.group TH,
.group TD {
    padding: .5em
}

@media (max-width: 375px) {
    .group TH,
    .group TD {
        padding: .5em .15em
    }
}

.group TR:not(:last-child) {
    border-bottom: 1px solid var(--col-3)
}

.prop {
    display: block;
    width: 100%;
    min-height: 100vh;
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-sizing: border-box;
    border-bottom: 1px dotted var(--prop-border)
}

.prop--child,
.prop--has-children {
    min-height: 0
}

.prop__title {
    margin-top: .75rem;
    font-size: 1.7em;
    font-weight: 470;
    color: var(--prop-title-color)
}

.prop--child .prop__title {
    margin-top: 1rem;
    font-size: 1.4em;
    color: var(--prop-values-title-color)
}

.prop__link {
    display: inline-block;
    margin: 0 0 2rem
}

.prop UL {
    list-style-type: disc;
    padding-left: 2rem
}

.prop CODE {
    display: inline-block;
    padding: 0 2px;
    border-radius: 3px;
    background: #d9dddf
}

.prop PRE {
    margin: 1em 0;
    white-space: normal
}

.prop PRE CODE {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: pre-line;
    padding: 4px
}

.prop-values__title {
    margin-bottom: 0;
    font-size: 1.4em;
    color: var(--prop-values-title-color)
}

.prop-values__list {
    margin-left: 1rem
}

.prop-values--title-hidden .prop-values__list {
    margin-left: 0;
    margin-top: 0
}

@media (max-width: 768px) {
    .prop-values__list {
        margin-left: 0
    }
}

.prop-values__term {
    font-weight: bold;
    color: var(--term-color)
}

.prop-values__desc {
    margin-top: .5rem;
    margin-bottom: 1rem;
    margin-left: 2rem
}

@media (max-width: 768px) {
    .prop-values__desc {
        margin-left: 1rem
    }
}

.demo {
    margin: 0 0 2rem
}

.demo__control {
    margin: 0 .5rem .5rem 0;
    padding: .3rem .7rem;
    border: 0;
    border-radius: 3px;
    background: var(--control-bg);
    white-space: pre-line;
    color: #fff
}

.demo__control--current {
    background: var(--main-dark);
    color: #fff
}

.demo__content {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
}

.demo__view {
    min-height: 275px;
    padding: .5rem;
    box-sizing: border-box;
    border: 2px solid var(--control-bg)
}

@media (max-width: 960px) {
    .demo__view {
        width: 100%;
        margin-right: 0
    }
}

.demo__code {
    position: relative;
    padding: 1rem;
    box-sizing: border-box;
    background: var(--code-bg);
    border-radius: .75rem;
    white-space: pre-wrap;
    font-family: monospace;
    color: var(--code-color)
}

.demo__code-prop {
    margin-left: 1rem
}

.parent {
    position: relative;
    grid-auto-columns: 1fr;
    overflow: hidden;
    border: 1px dashed var(--parent-border)
}

.parent--grid-view {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0;
    justify-items: stretch !important;
    grid-auto-flow: dense;
    pointer-events: none
}

.child {
    position: relative;
    min-width: 2.5rem;
    min-height: 2.5rem;
    padding: .5rem;
    box-sizing: border-box;
    background-color: var(--demo-bg);
    border: 1px solid var(--demo-border)
}

.parent--grid-view .child {
    grid-row: auto !important;
    grid-column: auto !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    background: none !important;
    box-shadow: 0 0 0 1px var(--demo-color) inset;
    border-color: transparent;
    opacity: .25;
    color: transparent
}

.child--rtl {
    direction: rtl
}

.child--huge-text {
    font-size: 30px
}

.child::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--demo-color);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%
}

.parent--fade-children .child::before {
    opacity: .15
}

.parent--grid-view .child::before {
    content: none
}

.child CODE {
    background: var(--demo-code-bg)
}

.child--featured CODE {
    background: var(--demo-code-bg-featured)
}

.demo__content--highlight-featured .child--featured {
    background-color: var(--demo-featured-bg)
}

.child:nth-child(1)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 1 %3C/text%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 1 %3C/text%3E%3C/svg%3E")
}

.child:nth-child(2)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 2 %3C/text%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 2 %3C/text%3E%3C/svg%3E")
}

.child:nth-child(3)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 3 %3C/text%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 3 %3C/text%3E%3C/svg%3E")
}

.child:nth-child(4)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 4 %3C/text%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 4 %3C/text%3E%3C/svg%3E")
}

.child:nth-child(5)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 5 %3C/text%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 5 %3C/text%3E%3C/svg%3E")
}

.child:nth-child(6)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 6 %3C/text%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 6 %3C/text%3E%3C/svg%3E")
}

.child:nth-child(7)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 7 %3C/text%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 7 %3C/text%3E%3C/svg%3E")
}

.child:nth-child(8)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 8 %3C/text%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 8 %3C/text%3E%3C/svg%3E")
}

.child:nth-child(9)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 9 %3C/text%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.25em' style='font: 30px/1 Georgia, serif' fill='black' fill-opacity='.65'%3E 9 %3C/text%3E%3C/svg%3E")
}

.nav {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden
}

.nav__subheader {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.45rem;
    line-height: 1;
    color: var(--aside-header-color)
}

@media (min-width: 1130px) {
    .nav__subheader {
        font-size: 1.5rem
    }
}

.nav__subheader-link {
    text-decoration: none;
    color: inherit;
    transition: all .15s
}

.nav__subheader-link:hover {
    color: inherit;
    opacity: .65
}

.nav__list {
    margin: 0 1.25rem
}

.nav__list--inner {
    margin-top: .6rem
}

@media (min-width: 900px) {
    .nav__list--inner {
        margin-top: .8rem
    }
}

.nav__item {
    margin-bottom: .6rem
}

@media (min-width: 900px) {
    .nav__item {
        margin-bottom: .8rem
    }
}

.nav__link {
    position: relative;
    display: block;
    color: var(--nav-link)
}

.nav__link:hover {
    text-decoration: none;
    color: var(--nav-link-hover)
}
.nav__item--current {
    background-color: var(--main-dark);
}
.nav__item--current>.nav__link {
    text-decoration: none;
    font-weight: bold;
    color: #ffffff
}

.nav__marker {
    position: absolute;
    z-index: 2;
    right: -1rem;
    width: 1rem;
    height: 1rem;
    border-radius: 11%;
    box-shadow: 0 0 0 10px var(--nav-marker-border);
    transition: top .5s
}

.project-links {
    display: flex;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    justify-content: center
}

.project-link {
    position: relative;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0 1rem;
    text-indent: -1000px;
    overflow: hidden;
    transition: color .25s;
    color: var(--project-icon)
}

.project-link:hover {
    color: var(--project-icon-hover)
}

.project-link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%
}

.project-link--vk::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='1 -104 511.99902 511' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.738281 202.101562-.277343-.257812c-4.371094-4.035156-17.761719-17.066406-22.277344-22.761719-5.300782-7.105469-4.078125-11.761719-.105469-18.738281 5.019531-8.816406 15.078125-22.339844 25.722656-36.660156 34.09375-45.851563 56.105469-77.59375 51.574219-100.140625l-2.441406-12.042969-125.910156.054688c-.441407 1.1875-7.011719 30.050781-34.738282 79.199218-20.105468 35.636719-33.292968 46.832032-37.9375 48.808594l-.71875-.21875c-1.511718-1.867188-4.152344-6.90625-5.238281-19.894531-1.132813-13.605469-.128906-30.078125.84375-46.007813 1.136719-18.679687 2.117187-34.8125-.230469-46.355468l-3.824218-18.804688c-4.621094-.738281-21.539063-7.265625-68.675782-7.761719-40.808594-.417969-52.796875 5.476563-58.683594 10.671875l-19.472656 17.183594 24.613282 8.28125c9.367187 3.152344 12.476562 6.789062 15.027343 24.816406 1.664063 11.75 2.535157 31.496094.738281 49.125-2.582031 25.277344-8.773437 29.980469-9.09375 30.230469-1.066406-.363281-10.109374-4.320313-25.808593-37.511719-10.890625-23.019531-20.4375-50.25-27.414063-70.132812-7.984375-22.769532-6.546875-17.921875-10.597656-28.679688l-121.8125-.003906 7.882812 20.390625c32.863282 85.089844 63.015626 151.539063 103.367188 199.265625 44.582031 52.730469 99.988281 80.339844 174.621094 80.339844h15v-15c0-14.023438 1.160156-24.121094 3.648437-31.777344 1.519531-4.664062 3.539063-8.519531 5.660157-12.5625 3.148437-5.953125 6.226562-8.503906 7.90625-8.882812 1.523437-.347657 4.203124.769531 7.171874 2.984374 8.523438 6.355469 15.289063 14.707032 22.453126 23.550782 10.335937 12.761718 21.023437 25.953125 37.980468 34.589844 9.265625 4.71875 26.25 7.101562 35.597656 7.101562 2.472657 0 90.601563-.003906 90.710938-.003906l-.644531-15.617188c-.960938-23.351562-19.339844-52.550781-54.617188-86.777344zm-34.867187 72.394532h-.242188c-6.445312.105468-18.746094-2.007813-22.324218-3.828125-11.273438-5.742188-19.152344-15.472657-28.28125-26.738281-8.011719-9.894532-16.296876-20.125-27.832032-28.722657-9.328125-6.957031-17.800781-8.992187-24.527344-8.992187-2.6875 0-5.101562.324218-7.171874.792968-7.808594 1.757813-18.976563 7.375-27.855469 24.167969-2.503907 4.777344-5.34375 10.1875-7.644531 17.265625-2.410157 7.40625-3.910157 15.636719-4.625 25.648438-56.242188-3.195313-100.128907-25.445313-137.207032-69.300782-34.472656-40.777343-61.59375-97.8125-90.316406-170.300781 2.078125 0 54.152344.007813 57.226562.007813.941407 2.644531 1.957032 5.542968 3.035157 8.613281 7.519531 21.449219 17.820312 50.820313 29.957031 75.867187 17.378906 35.867188 33.25 51.863282 51.457031 51.863282 9.089844 0 17.242188-3.851563 23.574219-11.144532 9.027344-10.394531 14.269531-27.550781 16.027344-52.453124 1.386718-19.636719.097656-39.195313-1.425782-49.972657-1.257812-8.867187-3.050781-18.175781-7.425781-26.515625 18.644531-.839844 43.609375.488282 59.425781 2.757813 1.4375 7.828125.5 23.214843-.40625 38.101562-2.191406 35.960938-4.453124 73.070313 14.582032 90.433594 3.347656 3.054687 6.898437 4.691406 7 4.757813l9.6875 2.972656c3.738281-1.152344 25.390625 9.832031 66.390625-61.71875 13.136719-22.925782 25.367187-49.34375 31.953125-66.597656 15.273437-.03125 67.308594.027343 73.421875.035156-8.660157 19.058594-29.183594 46.242187-42.597657 64.285156-11.695312 15.726562-21.792968 29.308594-27.71875 39.714844-11.007812 19.332031-9.15625 36.5625 2.308594 51.761718l.179688.234376c6.398437 8.144531 22.199218 23.222656 25.476562 26.261718 23.742188 23.050782 35.183594 39.609375 40.628906 50.738282h-54.730468zm0 0' /%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='1 -104 511.99902 511' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.738281 202.101562-.277343-.257812c-4.371094-4.035156-17.761719-17.066406-22.277344-22.761719-5.300782-7.105469-4.078125-11.761719-.105469-18.738281 5.019531-8.816406 15.078125-22.339844 25.722656-36.660156 34.09375-45.851563 56.105469-77.59375 51.574219-100.140625l-2.441406-12.042969-125.910156.054688c-.441407 1.1875-7.011719 30.050781-34.738282 79.199218-20.105468 35.636719-33.292968 46.832032-37.9375 48.808594l-.71875-.21875c-1.511718-1.867188-4.152344-6.90625-5.238281-19.894531-1.132813-13.605469-.128906-30.078125.84375-46.007813 1.136719-18.679687 2.117187-34.8125-.230469-46.355468l-3.824218-18.804688c-4.621094-.738281-21.539063-7.265625-68.675782-7.761719-40.808594-.417969-52.796875 5.476563-58.683594 10.671875l-19.472656 17.183594 24.613282 8.28125c9.367187 3.152344 12.476562 6.789062 15.027343 24.816406 1.664063 11.75 2.535157 31.496094.738281 49.125-2.582031 25.277344-8.773437 29.980469-9.09375 30.230469-1.066406-.363281-10.109374-4.320313-25.808593-37.511719-10.890625-23.019531-20.4375-50.25-27.414063-70.132812-7.984375-22.769532-6.546875-17.921875-10.597656-28.679688l-121.8125-.003906 7.882812 20.390625c32.863282 85.089844 63.015626 151.539063 103.367188 199.265625 44.582031 52.730469 99.988281 80.339844 174.621094 80.339844h15v-15c0-14.023438 1.160156-24.121094 3.648437-31.777344 1.519531-4.664062 3.539063-8.519531 5.660157-12.5625 3.148437-5.953125 6.226562-8.503906 7.90625-8.882812 1.523437-.347657 4.203124.769531 7.171874 2.984374 8.523438 6.355469 15.289063 14.707032 22.453126 23.550782 10.335937 12.761718 21.023437 25.953125 37.980468 34.589844 9.265625 4.71875 26.25 7.101562 35.597656 7.101562 2.472657 0 90.601563-.003906 90.710938-.003906l-.644531-15.617188c-.960938-23.351562-19.339844-52.550781-54.617188-86.777344zm-34.867187 72.394532h-.242188c-6.445312.105468-18.746094-2.007813-22.324218-3.828125-11.273438-5.742188-19.152344-15.472657-28.28125-26.738281-8.011719-9.894532-16.296876-20.125-27.832032-28.722657-9.328125-6.957031-17.800781-8.992187-24.527344-8.992187-2.6875 0-5.101562.324218-7.171874.792968-7.808594 1.757813-18.976563 7.375-27.855469 24.167969-2.503907 4.777344-5.34375 10.1875-7.644531 17.265625-2.410157 7.40625-3.910157 15.636719-4.625 25.648438-56.242188-3.195313-100.128907-25.445313-137.207032-69.300782-34.472656-40.777343-61.59375-97.8125-90.316406-170.300781 2.078125 0 54.152344.007813 57.226562.007813.941407 2.644531 1.957032 5.542968 3.035157 8.613281 7.519531 21.449219 17.820312 50.820313 29.957031 75.867187 17.378906 35.867188 33.25 51.863282 51.457031 51.863282 9.089844 0 17.242188-3.851563 23.574219-11.144532 9.027344-10.394531 14.269531-27.550781 16.027344-52.453124 1.386718-19.636719.097656-39.195313-1.425782-49.972657-1.257812-8.867187-3.050781-18.175781-7.425781-26.515625 18.644531-.839844 43.609375.488282 59.425781 2.757813 1.4375 7.828125.5 23.214843-.40625 38.101562-2.191406 35.960938-4.453124 73.070313 14.582032 90.433594 3.347656 3.054687 6.898437 4.691406 7 4.757813l9.6875 2.972656c3.738281-1.152344 25.390625 9.832031 66.390625-61.71875 13.136719-22.925782 25.367187-49.34375 31.953125-66.597656 15.273437-.03125 67.308594.027343 73.421875.035156-8.660157 19.058594-29.183594 46.242187-42.597657 64.285156-11.695312 15.726562-21.792968 29.308594-27.71875 39.714844-11.007812 19.332031-9.15625 36.5625 2.308594 51.761718l.179688.234376c6.398437 8.144531 22.199218 23.222656 25.476562 26.261718 23.742188 23.050782 35.183594 39.609375 40.628906 50.738282h-54.730468zm0 0' /%3E%3C/svg%3E");
}

.project-link--home::before {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 122.88 112.07' style='enable-background:new 0 0 122.88 112.07' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M61.44,0L0,60.18l14.99,7.87L61.04,19.7l46.85,48.36l14.99-7.87L61.44,0L61.44,0z M18.26,69.63L18.26,69.63 L61.5,26.38l43.11,43.25h0v0v42.43H73.12V82.09H49.49v29.97H18.26V69.63L18.26,69.63L18.26,69.63z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 122.88 112.07' style='enable-background:new 0 0 122.88 112.07' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M61.44,0L0,60.18l14.99,7.87L61.04,19.7l46.85,48.36l14.99-7.87L61.44,0L61.44,0z M18.26,69.63L18.26,69.63 L61.5,26.38l43.11,43.25h0v0v42.43H73.12V82.09H49.49v29.97H18.26V69.63L18.26,69.63L18.26,69.63z'/%3E%3C/g%3E%3C/svg%3E");
}

.theme-control {
    position: absolute;
    right: .5rem;
    top: .5rem;
    z-index: 1;
    padding: .2rem .4rem;
    border-radius: 5px;
    background: transparent;
    border: 2px solid;
    color: var(--theme-control-color)
}