@charset "utf-8";

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"), url(../fonts/open-sans/open-sans-v13-latin-300.woff2) format("woff2");
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url(../fonts/open-sans/open-sans-v13-latin-300italic.woff2) format("woff2");
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url(../fonts/open-sans/open-sans-v13-latin-regular.woff2) format("woff2");
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local("Open Sans Italic"), local("OpenSans-Italic"), url(../fonts/open-sans/open-sans-v13-latin-italic.woff2) format("woff2");
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(../fonts/open-sans/open-sans-v13-latin-600.woff2) format("woff2");
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url(../fonts/open-sans/open-sans-v13-latin-600italic.woff2) format("woff2");
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/open-sans/open-sans-v13-latin-700.woff2) format("woff2");
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(../fonts/open-sans/open-sans-v13-latin-700italic.woff2) format("woff2");
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(../fonts/open-sans/open-sans-v13-latin-800.woff2) format("woff2");
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(../fonts/open-sans/open-sans-v13-latin-800italic.woff2) format("woff2");
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Cond Light"), local("OpenSans-CondensedLight"), url(../fonts/open-sans-condensed/open-sans-condensed-v10-latin-300.woff2) format("woff2"),;
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: italic;
    font-weight: 300;
    src: local("Open Sans Cond Light Italic"), local("OpenSans-CondensedLightItalic"), url(../fonts/open-sans-condensed/open-sans-condensed-v10-latin-300italic.woff2) format("woff2");
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Condensed Bold"), local("OpenSans-CondensedBold"), url(../fonts/open-sans-condensed/open-sans-condensed-v10-latin-700.woff2) format("woff2");
}


html {
    display: flex;
    flex-direction: column;
    font: 400 16px/22px "Open Sans", sans-serif;
    align-items: center;
    overflow-x: hidden;
}

input,
textarea {
    font-family: "Open Sans", sans-serif;
}

body {
    margin: 0;
    color: var(--color-dark);
    background: var(--background-base);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    flex: 1 0 50%;
    width: 50%;
    max-width: 1280px;
}

body.-landing {
    flex: 1 0 90%;
    width: 90%;
}

/* Headings */

a {
    cursor: pointer;
    text-decoration: none;
    color: var(--color-accent-light);
}

a:hover {
    color: var(--color-success);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.36em;
}

article h1, article h4, article h5, article h6 {
    margin-top: 0;
}

article {
    padding-bottom: 1em;
}

article > hr {
    border: solid var(--border-light-blue);
    border-width: 0 0 1px;
}

article img {
    max-width: 100%;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a,
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {
    top: 80px;
    width: auto;
    color: var(--color-dark);
    display: block;
    position: relative;
    margin-top: -75px;
    margin-bottom: 100px;
}

h2 > a:hover:before, h3 > a:hover:before, h4 > a:hover:before, h5 > a:hover:before, h6 > a:hover:before {
    left: -1.4em;
    content: "\f0c1";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: .6em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-right: .4em;
    margin-right: -1.4em;
    line-height: 1em;
}

h1 {
    font-size: 2.8rem;
    letter-spacing: -.036em;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0;
}

h2,
html .k-window-title {
    font-size: 2.25rem;
}

h2 {
    margin: .6em 0 3em;
}

h3 {
    font-size: 1.75rem;
    line-height: 1.28em;
    margin: .8em 0 3.7em;
}

h4 {
    font-size: 1.3125rem;
    line-height: 1.43em;
}

h5 {
    font-size: 1.125rem;
}

.-allcaps {
    font-weight: 600;
    letter-spacing: -.02em;
    text-transform: uppercase;
}

pre {
    font-size: .8125rem;
    line-height: 1.36em;
}

/* Navigation */

.ns-navigation,
.ns-tip-container {
    background: var(--background-accent);
    font-size: .95em;
    height: 5.26em;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    width: calc(100% + 600px);
    margin-left: -300px;
}

.ns-tip-container {
    height: 3em;
    font-size: 1.13em;
    align-items: center;
    letter-spacing: -.03em;
    color: var(--color-secondary);
    background: var(--background-tip);
}

body.-landing .ns-tip-container,
body.-landing .ns-navigation {
    width: auto;
    margin-left: unset;
}

.ns-page:before,
.ns-start-links:before,
.ns-navigation:before,
.ns-tip-container:before {
    position: absolute;
    display: block;
    content: "\a0";
    width: 100vw;
    height: 100%;
    left: calc((100% - 100vw) / 2);
    background: inherit;
    z-index: -1;
    transition: box-shadow .3s ease-out;
}

html.ns-state-scrolled .ns-navigation:before {
    box-shadow: 0 2px 10px var(--transparent-dark-50);
}

.navigation__logo {
    width: 9.8em;
    background: transparent no-repeat center center url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkAAAA4CAMAAACWuv46AAABOFBMVEUAAAD///////////////////////////////////////////88Wv3///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////88Wv3///////88Wv3///////////+Imf7///////////////////////88Wv3///88Wv08Wv3///////////////////////88Wv08Wv08Wv08Wv08Wv3///88Wv3///88Wv08Wv08Wv3///88Wv3DzP7P1/9WcP3v8f9DYP29x/7q7f+5w/6XqP49W/2Rov5IZP2TpP7z9f/d4//Z3/9yh/5uhf5kfP12jP50if6RZI/pAAAAUXRSTlMAoNCwUJCAQHDxMAMQ+/QJYBTWxBm9DzctBs3JI95U662IHwvTtGPhjIRYKXRq+vja2HxHOwO5qaSWZiXnmjMI5ZN5XEMy8s2VcFNMSp5bnHc4p+yiAAAH3ElEQVR42u2caVfaQBSGLxIUkkIIYd8EBWTR1qq1orWrdrPb0Fpbu+///x+UzNzMZIFm6Wl7TuH5RCYwSZ5M3rnxJILJlUf3790d/ZK79+4/ugIzzpUH10a+uPbgBswy1y+PfHP5OswuDy+OAnDxCcwqD9+OgjGrqq5fHAXk4mxegFcujwJzeSZj/cEoBM9g9rhyLYypazM4qB6NOO/fvXo+5vzMJeaN0f7q3XvR8hBmjvsjk2+vCeOVay58Tigvv/GWpzBz3OMjioqivHGbQlV8VF2GmYPf670jgi9OUy6HF2Hm4DbOieDj6RRTr3jTn4p0uXm4XwIP/sm2HDaQT2eTTb3gTRfgj3AnSQiprMLfALcV3hSm+j8xpSaIwRYERDvZ2FqMS9nQ2wpvirwJY6qZGFNbAcFewqAJU8nKBuZPdgglB0FQ0jpBFuIl8MT3tqqygeZhinwJYSrGdncVOFHaEoOpLBKDCDCKhNKAAAwWiIXaEvgEtxWFaeDOp71MfTwNa4q0lbCmlBZdrAcRtUxsJCXwg9hWeFMi1cOaIrGwpqBaISS1Doi/43VwaQB+ENsKb0qkelhTZCOEKWSlqAaawMyEGg7L+LEN/sBthTcleBPaVHJ7sqmsPNA8THmiVOUDkYQNQunAmO0EoRyASb4oZxXwTakqV5UwpsiPsKZIYuA2lW2uGQubvewgYrAIw0iExXGNNqyMxdEPg17U4DYgHbp4aGiS2ikyJtPDimCTGOhA2ebaDKpdujLVritsLe27A5CP79bW9s1tgcTaS2k9aXy9QecEbdy0xvo21g4nmXptTfWwpkhNc5raSBEkNWQXDCSIDRmAiVvaZ9/L4yhiu9wEKJYJ74Rd4cu2qb5cu7p+xAaceitJTFoFGBPH4XtCf7NubguHdU5MoVdXAVaIjYTFFBf0/IMz1YWpl2+9TSG6ajfVJBa8TK2yNRu2obICJ0w2cghjMuxqx2EjqiltwZbydWGqnsS+hSknC/lfmPpCuKnRuTPVxZX53bcpsmcz1SFBTMEtYlAGylUM6uMUsbFF1zGWG+s7KnBUIYqpXDJN6dhJ2m1KsDvd1Olri6mzz45UF6ZennqbShLGosWUlghmasBbALRL9PN2KYN7reOH5ABAsuqo9HaAgqYtrKnUlECabAq5M9nU2emHl0SYGnuzLP5AU8jHD6dnHqbaDcLoC1M9lHOyWiq0uamiLA/ZT2QDVZiCHP1wS+RLTekwHeslXpfvAX5R0DqhYZ5kx7dYOJB0LFwcprZdpmr9vCI/JpTN0nh/WNdb8pjiFFOjr9ZUD2oqquqYDjvc1Jolu6CLptxVgjBVZ4dq/KBFWALrluzKJugGVACtTOwMFbPXZVouKGwfKhZTua20pDlNtdj8sU4oBUeVMPnqG2NL9YBXXxS0TQyPKprCsVwFipLxNlW6ya4CgAKzruXpOElJDHa+jwBA7TniqwlQsR5jNkkS7dsFbmqhCBSHKRkYzPy6w9TkRDewpXqwRI8CHODNWCbHTG3jaUVue5vCFTrAIX6jQNzEWX3ZaSwTQbIKKRxxjLqsiKuY3NTAbQpnDzGoHk+vPF/bTNlT3X+VgKZgx3aeY32MFUTyYSqbZPU2FgwF2CZuFsVNXL+rX8LWXollDdhBUx1wm3LvXNSzRkdT9lR/HajyjNLzaDPFlhqA1L1MifuUZto840vTTSlAWd1gdnMKm+4mmkqqLlOTdq7h2xSmOhLcFMStpnbsux7zY+qIRV3FHAgD1kfcSgHyS/FIK7UK1sprASv3LDC6Tcn4GEfnk03dRN1YIt/yZQr5ENaUq6SJ5QnlBHDi4qYwshouU/yWjs+BSooOCTz8PJPT4zUo5THKYIVIFyhFKuIQTbWnmCJ3sGNmeZ+bWvc2NTr/LVNKVJjCyWj5mIqqEGEK7/CqAHDgMBW3qBYDJkrPfUknmUi8oPQxxPvMSQJHaIeIimIlw27msL+9aaZSR/QK3jVvnQAirHpQjRicaoqnenhToFbEgabxiCLpfjdBuCmePomrewskazeVF7PCgeUP37sFVZPKbGpVVs3O9Nvp/ccY6XVQzbm3u7WHvRzxO2S3KaSx3+/dJGLkbWFFGmnU1qaaEqke3hRoNW7K/adJNKWmCGffbgoOCZLjKWRHAtggVtAfwB33nZy3KUGSDv4CERSnmUK+/o4pUVbFAOSU2xQW7Jyow9SxMELJZ4iNQ8BLxEZCnnDjt6YFMnUbKLqlZaop5F1IU8jOJR4zRwnCSaIpx+GnVLspTDcxLWXLxMJj2qw0iY2bBaDYmjMr4GUqaa/yee4h+nRTyHlIU0hdBHI1R5B2H01Rsrv8eLIOU2lnfVna4vte6wNSjIqjTHTzgCxxrameCp6m9hZT5virg8lxhgeAp6mzzwFMFSWDAljYMVqKQCl09c1WrncMmmRg+MD2XCajx44UgCW6RgOGKuGiIJ+OVGqtXGy7BAKtM8wt1Mq7XQlbsd/ebmazEumgvKpkcAwMvi1e0mnxRrlWjvStfSjSsLLZ2l0sup/gQFNTUv0Vb/6PHspDU8GfChKmRKr/108FoangT5oJU8Lhf/2kGZoK/vSiMCUuzP/66UU0FfyJ2DcuU2fn//UTsWhq/pS1J/2oQXz+5P78bRCfzN8wCsb8rTXfzN+E9MX87VrfzN/Y/ovM/wuAX34CigQonPAMA7gAAAAASUVORK5CYII=");
    background-size: contain;
}

.navigation__right {
    flex: 1;
    text-align: right;
    visibility: hidden;
    position: relative;
}

.navigation__right,
.navigation__right > * {
    height: 100%;
}

.navigation__right .k-menu {
    display: inline-block;
    color: var(--color-light);
    font-weight: 400;
    border: 0;
}

.ns-navigation .navigation__right > .k-menu > .k-item {
    height: 100%;
    border: 0;
    opacity: 1;
    display: flex;
    align-items: center;
}

.navigation__right > .k-menu > .k-item .k-link {
    color: inherit;
    padding: 0 1.5em;
}

.ns-navigation .navigation__right > .k-menu > .k-item > .k-link {
    line-height: 4.72em;
}

.ns-navigation .navigation__right > .k-menu .k-separator {
    background: var(--transparent-white-50);
    font-size: inherit;
    width: 1px;
    height: 1.4em;
    vertical-align: middle;
    margin-top: 1.43em;
}

html .ns-navigation .navigation__right .k-menu .k-link.-github {
    padding: .8em;
    font-size: 1.2em;
    line-height: 1.2em;
}

html .ns-navigation .navigation__right .k-menu .k-link.-github:hover {
    background: none;
}

html .ns-navigation .navigation__right .k-menu .k-link.-github a {
    padding: 5px;
    display: inline-block;
    color: var(--color-light);
}

html .ns-navigation .navigation__right .k-menu .k-link.-github a:hover,
.navigation__right > .k-menu > .k-item:not(.k-state-disabled) > .k-state-active,
.navigation__right > .k-menu > .k-item:not(.k-state-disabled) > .k-link:not(.ns-button):hover {
    color: var(--color-menu-secondary);
}

.k-panelbar,
html .ns-navigation .k-menu-group {
    color: var(--color-accent);
    background: var(--background-light);
}

html .ns-menu > .k-item {
    text-align: center;
    flex-direction: column;
    justify-content: center;
}

html .ns-navigation .k-animation-container {
    padding: 40px .71em .71em;
    left: auto !important;
    min-width: 100%;
    text-align: left;
    margin-top: -50px;
}

html .ns-navigation .k-menu .k-menu-group {
    border: 0;
    text-align: left;
    min-width: 12.8em;
    box-shadow: 0 20px 40px var(--transparent-dark-20);
    border-radius: 5px;
    overflow: visible !important;
}

html .ns-navigation .k-menu .k-menu-group:before {
    content: "";
    display: block;
    position: absolute;
    top: -28px;
    left: 50%;
    width: 82px;
    height: 42px;
    margin-left: -41px;
    background: radial-gradient(circle at bottom left,transparent 0,transparent 68.5%,#fff 70.5%),
                radial-gradient(circle at bottom right,transparent 0,transparent 68.5%,#fff 70.5%);
    background-position: 0 100%,100% 100%,100% 0,0 0;
    background-size: 52% 100%;
    background-repeat: no-repeat;
    transform: scaleY(-1) scale(.35);
}
html .ns-navigation .k-menu-group .k-item {
    overflow: hidden;
}

html .ns-navigation .k-menu-group .k-item:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

html .ns-navigation .k-menu-group .k-item:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

html .k-panelbar .k-group,
html .k-panelbar .k-item .k-link,
html .ns-navigation .k-menu-group .k-item .k-link {
    line-height: 3.6em;
    font-size: .92em;
    font-weight: 600;
    color: var(--color-secondary);
    border: 0;
    text-align: left;
}

html .k-panelbar .k-item .k-state-hover,
html .k-panelbar .k-item .k-item .k-state-selected,
html .ns-navigation .k-menu-group .k-item .k-link:hover {
    color: var(--color-secondary);
    background: var(--transparent-dark-05);
}

html .k-panelbar .k-group {
    padding: 0;
}

html .k-panelbar-collapse.k-icon,
html .k-panelbar-expand.k-icon {
    right: 8px;
}

.ns-menu-trigger {
    position: absolute;
    left: -5.8%;
    width: 5em;
    height: 100%;
    color: var(--color-light);
    font-size: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ns-menu-trigger.k-state-selected,
.ns-menu-trigger:hover {
    color: var(--color-secondary);
    background: var(--color-light);
}

.ns-navigation [target=_blank]:after,
.ns-start-links [target=_blank]:after,
.ns-menu-trigger:after {
    font-family: "Font Awesome 5 Pro";
    margin: -.1em -.3em 0 .2em;
}

.ns-navigation .k-menu-expand-arrow:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid var(--transparent-white-70);
}

.ns-menu-trigger:after {
    font-size: 1.5em;
    content: "\f0c9";
    margin: 0;
}

.ns-menu-trigger.k-state-selected:after {
    content: "\00d7";
    font-size: 3em;
}

.ns-navigation [target=_blank]:after,
.ns-start-links [target=_blank]:after {
    content: "\f08e";
    font-weight: 300;
    font-size: 11px;
    position: absolute;
    margin: -.5em 0 0 .5em;
}

.ns-start-links [target=_blank]:after {
    margin-top: 0;
}

.k-panelbar {
    position: absolute;
    top: 100%;
    left: -5.6%;
    z-index: 10;
    width: 40vw;
    min-width: 250px;
    height: auto;
    border: 0;
    text-align: left;
    font-size: 1.2em;
    font-weight: 600;
    display: none;
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 20px 40px var(--transparent-dark-20);
}

/* Flavor Header */

.ns-flavor-header {
    display: flex;
    align-items: center;
    font-size: .88em;
    height: 4.71em;
}

.ns-flavor-header a {
    color: var(--color-dark);
}

.ns-flavor-header a:hover .flavor-header__title:after {
    color: var(--color-success);
}

.flavor-header__search {
    flex: 1;
    padding-left: 3.57em;
}

.flavor-header__search > div {
    width: calc(100% + 300px);
}

.flavor-header__navigation {
    color: inherit;
    width: 16.43em;
    margin-left: -20em;
}

.flavor-header__title {
    font-size: 1.5em;
    margin: 0;
}

.flavor-header__title:after {
    font-size: .57em;
    display: block;
    content: "< All Flavors";
    text-transform: uppercase;
    line-height: 1;
}

/* Left TOC */

/* TreeView */

html .k-treeview {
    white-space: normal;
    overflow: hidden;
}

html .k-treeview .k-in {
    border: 0;
    cursor: pointer;
    margin: 0;
    padding-left: 1.87em;
    user-select: none;
}

.k-treeview .k-item > div {
    display: flex;
    align-items: center;
}

.k-treeview-lines > .k-item > div > .k-icon {
    display: none;
}

.k-treeview-lines > .k-item > div > .k-in {
    text-transform: uppercase;
}

html .k-treeview .k-group .k-icon {
    margin: .5em -1.71em 0 .71em;
    font-size: .93em;
    min-width: 1em;
    align-self: flex-start;
}

.k-treeview .k-group .k-group .k-in {
    padding-top: .33em;
    padding-bottom: .33em;
    padding-right: .5em;
    font-weight: 600;
    text-transform: capitalize;
}

html .k-treeview .k-icon:before,
.k-treeview-lines .k-group .k-group .k-in:before {
    content: "\f15c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 14px;
    color: var(--color-secondary);
    margin-left: -1.25em;
    margin-right: .5em;
}

.k-treeview-lines .k-group .k-group .k-icon + .k-in:before {
    display: none;
}

html .k-treeview .k-in > a {
    color: inherit;
    font-weight: inherit;
}

html .k-treeview .k-icon:before {
    font-weight: 400;
    content: "\f105";
    margin: 0;
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

html .k-treeview .k-i-collapse:before {
    content: "\f107";
}

html .k-treeview-lines > .k-item {
    margin: 0 -1.6em 1.33em -.8em;
    padding: 0;
}

html .k-treeview-lines > .k-item > .k-group {
    padding-top: .33em;
}

html .k-treeview-lines > .k-item > .k-group > .k-item {
    margin: 0 .3em;
    padding: 0 0 0 .8em;
    width: 100%;
    box-sizing: border-box;
}

html .k-treeview-lines > .k-item > .k-group > .k-item > .k-group .k-in {
    font-weight: 400;
    color: var(--color-accent);
}

html .k-treeview-lines > .k-item > .k-group > .ns-state-expanded {
    border: solid var(--border-light-blue);
    border-width: 1px 0;
    background: var(--background-special);
}

html .k-treeview.k-treeview.k-treeview.k-treeview.k-treeview .k-state-selected {
    color: var(--color-green);
}

/* Page */

#page-inner-content {
    display: flex;
}

#page-article {
    flex: 1;
    min-width: 0;
}

html.ns-root .-hidden {
    display: none;
}

/* Collapse button and container */

.ns-side-nav {
    font-size: .88em;
    margin: -.71em 1.8em 0 -22.86em;
    overflow: hidden;
    padding: 1.43em;
}

.right-nav__input,
.side-nav__burger-input {
    opacity: 0;
    position: absolute;
}

.navigation__burger-menu,
.side-nav__burger-menu {
    display: none;
    border: 0;
    z-index: 1;
    width: 2.22em;
    height: 2.22em;
    cursor: pointer;
    font-size: 1.29em;
    position: relative;
    align-items: center;
    justify-content: center;
    background: var(--color-light);
    color: var(--color-secondary);
    transition: box-shadow .3s ease-out;
    transition-delay: .2s;
    box-shadow: 0 3px 20px var(--transparent-dark-15);
}

.side-nav__burger-menu {
    border-radius: 4px;
}

.side-nav__burger-input:checked + .side-nav__burger-menu {
    border-radius: 12px;
}

.side-nav__burger-menu:before {
    transform: rotate(-135deg);
    transform-origin: center center;
    transition: transform .2s ease-out;
}

.side-nav__burger-menu:hover {
    color: var(--color-dark);
}

.right-nav__input:checked + label,
.side-nav__burger-input:checked + label {
    box-shadow: 0 0 0 var(--transparent-dark-15);
    transition-delay: -.3s;
}

html body .side-nav__tree {
    contain: content;
    will-change: width, height;
    transition: width .3s ease-out, max-height .3s ease-out;
    background: var(--color-light);
    box-shadow: 0 3px 20px var(--transparent-dark-15);
    padding: 1.4em 1.72em 0 0;
    width: 16.43em;
    margin-top: 0;
    border-radius: 12px;
}

.side-nav__tree > ul {
    font-size: 1.07em;
    min-width: 15.33em;
}

/* Breadcrumbs */

.ns-breadcrumb ul {
    white-space: nowrap;
    list-style: none;
    padding: 0;
}

.ns-breadcrumb ul li {
    display: inline-block;
}

.ns-breadcrumb ul li:after {
    content: "/";
    display: inline-block;
    margin: 0 5px;
}

.ns-breadcrumb ul li:last-child:after {
    display: none;
}

/* Right TOC */

.right-nav__container {
    transition: all 0.5s ease;
    top: 6.25em;
    margin-left: 1.25em;
    position: -webkit-sticky;
    position: sticky;
    float: right;
    margin-right: -17em;
}

.right-nav__tree::-webkit-scrollbar {
  width: 10px;
  transition: all 0.7s ease;
}



.right-nav__tree:hover::-webkit-scrollbar-thumb {
  background: var(--border-light-blue);
  border-radius: 10px;

}

.right-nav__tree {
  scrollbar-width: thin;
  scrollbar-color: transparent;
}

.right-nav__tree:hover {
  scrollbar-color:  var(--border-light-blue);
}


.ns-tip-container ~ .ns-page .right-nav__container {
    top: 7.6em;
}


.right-nav__tree {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-left: 1px solid var(--color-purple);
    height: calc(100vh - 12.76em);
    overflow-y: auto;
}

.right-nav__tree ul {
    list-style: none;
    padding: 0 0 0 1.33em;
    display: block;
}

.right-nav__tree > ul {
    font-size: .93em;
    font-weight: 600;
    width: 13.33em;
    margin: 0 0 3.13em;
    -webkit-user-select: text;
    -moz-user-select: -moz-text;
    -ms-user-select: text;
    user-select: text;
}

.right-nav__tree ul ul {
    font-size: .93em;
    font-weight: 400;
    padding: 0;
}

.right-nav__tree > div {
    font-weight: 400;
    vertical-align: middle;
    margin-left: 1.25em;
    margin-bottom: 1.5em;
}

.right-nav__tree > div:first-child {
    display: inline-block;
}

.right-nav__tree li {
    display: block;
}

.right-nav__label {
    display: none;
    cursor: pointer;
    width: 2.5em;
    height: 2.5em;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    opacity: .75;
}

.right-nav__label:hover {
    opacity: 1;
}

.copy-button.ns-button:before,
.right-nav__label:before {
    content: "\f100";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 1.5em;
}

.right-nav__input:checked + .right-nav__label:before {
    content: "\f101";
}

.right-nav__tree ul a {
    display: block;
    padding: .33em 0;
    position: relative;
}

.right-nav__tree .-references + ul a {
    text-transform: capitalize;
}

.right-nav__tree .ns-state-selected:before {
    content: "\a0";
    position: absolute;
    top: 0;
    left: -1.53em;
    width: .2em;
    height: 100%;
    background: var(--background-green);
}

.right-nav__tree a.ns-state-selected {
    color: var(--color-green);
}

div.right-nav__links {
    text-transform: none;
    padding-bottom: 30px;
}

div.right-nav__links .ns-button {
    padding-left: 1em;
    padding-right: 1em;
}

.right-nav__links a:not(.ns-button) {
    margin-top: 1.56em;
    display: block;
}
.hide {
    display: none !important;
}

.right-nav__links a:not(.ns-button) > i {
    margin-right: .2em;
}

/* Code Container */

html .nd-code-container .k-loading {
    display: none;
}

html .nd-code-container,
html .nd-code-container .k-item {
    border: none;
}

html .nd-code-container .k-item {
    padding: 0 15px;
}

html .nd-code-container .k-item.k-first {
    padding-left: 0;
}

html .nd-code-container .k-link {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 0;
    color: var(--color-accent);
    border-bottom: 3px solid transparent;
}

.nd-code-container .k-tabstrip-items {
    margin-bottom: .5em;
}

html .nd-code-container .k-tabstrip-items .k-state-active .k-link {
    border-bottom-color: currentColor;
    color: var(--color-green);
}

html .nd-code-container .k-content {
    padding: 0;
    border: 0;
    overflow: hidden;
    margin: 0;
}

html .nd-code-container pre {
    overflow-x: auto;
    font-weight: 400;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}

html .k-tabstrip-wrapper {
    margin-bottom: 20px;
}

html .nd-code-container.k-floatwrap:after {
    display: none;
}

/* Blockquote hints */

blockquote {
    margin: 1.25em 0;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    background: var(--background-special);
    border: 1px solid var(--border-light-blue);
    padding: 1.25em 1.25em 1.25em 5.63em;
    min-height: 3em;
    border-radius: 4px;
}

blockquote:before {
    position: absolute;
    content: "\a0";
    display: block;
    top: .42em;
    left: .42em;
    width: 1em;
    height: 1em;
    font-size: 3.2em;
    line-height: 1;
    margin-right: .4em;
    background: transparent center center url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Aurl%28%23New_Gradient_Swatch_1%29%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D.cls-3%7Bfill%3A%2304a586%3B%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22New_Gradient_Swatch_1%22%20x1%3D%226.86%22%20y1%3D%2221.1%22%20x2%3D%2261.66%22%20y2%3D%2221.1%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d1e4a5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2330ce91%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ctitle%3EArtboard%201%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M43.14%2C18.14A18.14%2C18.14%2C0%2C1%2C0%2C18.24%2C35a1.87%2C1.87%2C0%2C0%2C1%2C1.17%2C1.73v5.48H30.59V36.71A1.86%2C1.86%2C0%2C0%2C1%2C31.75%2C35%2C18.13%2C18.13%2C0%2C0%2C0%2C43.14%2C18.14Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M23.83%2C22.38H18.46V20.44H31.54v1.94h-5.4V38.11H23.83Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M19%2C37.83H31a0%2C0%2C0%2C0%2C1%2C0%2C0v8.32A3.85%2C3.85%2C0%2C0%2C1%2C27.18%2C50H22.82A3.85%2C3.85%2C0%2C0%2C1%2C19%2C46.15V37.83A0%2C0%2C0%2C0%2C1%2C19%2C37.83Z%22%2F%3E%3C%2Fsvg%3E");
}

blockquote > *:first-child {
    margin-top: 0;
}

blockquote > *:last-child {
    margin-bottom: 0;
}

/* Button */

.ns-button {
    display: inline-block;
    color: var(--color-light);
    background: var(--background-success);
    border: 0;
    border-radius: 4px;
    font: 14px Avenir;
    font-weight: 600;
    min-width: 9.29em;
    white-space: nowrap;
    height: 2.86em;
    line-height: 3.15em;
    cursor: pointer;
    vertical-align: top;
    box-shadow: 0 3px 7px var(--transparent-dark-15);
    transition: background .2s ease-out;
}

.ns-button,
html .ns-navigation .navigation__right .k-menu .k-item .ns-button {
    padding: 0 2.14em;
    cursor: pointer !important;
    box-sizing: border-box;
    margin: 0 .36em;
}

.ns-feedback .ns-button,
.footer__contribute > .ns-button,
html .ns-navigation .navigation__right .k-menu .k-item .ns-button {
    height: 2.25em;
    line-height: 2.45em;
}

html .ns-navigation .navigation__right .k-menu .k-item .ns-button {
    margin-left: 20px;
    font-size: 1.05em;
}

.ns-button:last-of-type,
html .ns-navigation .navigation__right > .k-menu > .k-last .ns-button {
    margin-right: 0;
}

.ns-button:first-of-type {
    margin-left: 0;
}

.ns-button:hover {
    color: var(--color-light);
    background: var(--background-success-hover);
}

.ns-button.-action {
    color: var(--color-light);
    border-color: transparent;
    background: var(--background-button);
}

.ns-button.-action:hover {
    background: var(--background-button-hover);
}

.ns-button.-large {
    height: 3em;
    line-height: 3.15em;
}

.ns-button.-hollow {
    color: var(--background-button);
    border: 1px solid currentColor;
    background: transparent;
    box-shadow: none;
}

.ns-button.-hollow:hover {
    color: var(--background-button-hover);
    background: var(--background-special);
}

/* Copy Button */

.ns-copy-container {
    position: relative;
}

.copy-button.ns-button {
    font-size: 11px;
    position: absolute;
    right: 20px;
    top: 14px;
    display: none;
    min-width: 0;
    padding: 0 1em;
}

.copy-button.ns-button:before {
    content: "\f0c5";
    font-size: 1.4em;
    line-height: 2.1em;
    display: block;
}

.ns-copy-container:hover .copy-button {
    display: block;
}

/* Landing page */

.-landing .ns-page {
    display: flex;
    flex-flow: wrap;
    margin: 0 -1.25em;
    position: relative;
    justify-content: space-between;
    background: var(--background-special);
}

.-landing .ns-footer {
    width: auto;
    margin-left: unset;
}

.ns-card,
.ns-card:hover {
    padding: 1.88em 1.25em;
    background: var(--color-light);
    box-shadow: 0 3px 6px var(--transparent-dark-15);
    color: var(--color-secondary);
    display: inline-block;
    margin: 1.88em .94em 0;
    box-sizing: border-box;
    border-radius: 12px;
    flex: 1 1 16.5em;
    cursor: default;
    transition: transform .2s ease-out;
    transition-property: transform, box-shadow;
}

.ns-card:hover {
    transform: translateY(5px);
    box-shadow: 0 6px 12px var(--transparent-dark-15);
}

a.ns-card:hover {
    cursor: pointer;
}

.ns-card span + a {
    margin-top: 10px;
}

.ns-card a {
    display: block;
    font-size: .88em;
    font-weight: 600;
}

.card__icon {
    width: 4em;
    height: 101%;
    float: left;
    margin-right: 1.25em;
    fill: var(--color-secondary);
}

.card__title {
    color: var(--color-dark);
    margin: 0 0 .5em;
}

.card__title > span {
    top: -2px;
    position: relative;
}

.card__description {
    display: block;
}

.ns-page > h1 {
    margin: 1em .3em .4em;
    width: 100%;
}

.ns-start-links {
    width: 100%;
    margin-top: 3em;
    background: var(--color-light);
    position: relative;
}

.ns-start-links #___gcse_0 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.ns-start-links > div:first-of-type {
    margin-top: 4em;
}

.ns-start-links > div:last-of-type {
    margin-bottom: 2.5em;
}

.start-links__container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.start-links__category {
    margin: 4em .94em 0;
}

.start-links__container ul {
    padding: 0;
    list-style: none;
}

.start-links__container li {
    font-size: 1.31em;
    line-height: 1;
    margin: 1em 0;
}

.start-links__container > * {
    flex: 1 1 12.5em;
}

.start-links__container hr {
    border: 0;
    background: none;
    height: 0;
    margin: 0;
}

.start-links__title {
    font-weight: 600;
    margin: 1.42em 0 .9em;
}

/* Footer */

.ns-footer {
    z-index: 0;
    font-size: .88em;
    position: relative;
    width: calc(100% + 600px);
    margin-left: -300px;
}

.ns-footer:after,
.ns-footer:before,
#feedback-section.-detached:before {
    position: absolute;
    display: block;
    content: "\a0";
    width: 100vw;
    height: 4.29em;
    left: calc((100% - 100vw) / 2);
    background: var(--background-footer-blue);
    z-index: -1;
}

.ns-footer:after {
    height: 100%;
    top: 0;
    background: var(--background-base);
    z-index: -2;
}

#feedback-section.-detached:before {
    position: fixed;
}

.footer__form {
    padding: 1.6em;
    border-radius: 12px;
    font-size: 1.14em;
    background: var(--background-footer-gray);
}

.footer__form {
    display: flex;
}

.footer__form > div > h4 {
    font: 1.56rem Avenir;
    font-weight: 900;
    margin-bottom: .2em;
}

.footer__form > div > h5 {
    color: var(--transparent-dark-70);
    font-size: .8em;
    margin: .6em 0 0;
}

/* Social Links */

.footer__social-links {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-evenly;
    margin-right: -1.6em;
}

.footer__social-links .slack-button,
.footer__social-links #fb-root~iframe {
	vertical-align: top;
}

.footer__social-links .slack-iframe {
	margin: 0;
}

.footer__social-links #fb-root {
	display: none;
}

.footer__social-links > span {
    display: inline-block;
    height: 23px;
}

.footer__social-links > * {
    margin: 0 5px;
}

.footer__npm-link {
    display: inline-block;
	background: #555 0 50% no-repeat url("https://img.shields.io/npm/dt/nativescript.svg?style=popout&label=+&colorB=3C5AFD&logoWidth=48&logo=data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCA3Ij48cGF0aCBmaWxsPSIjQ0IzODM3IiBkPSJNMCAwdjZoNXYxaDRWNmg5VjAiPjwvcGF0aD48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMSAxdjRoMlYyaDF2M2gxVjFoMXY1aDJWMmgxdjJIOHYxaDJWMWgxdjRoMlYyaDF2M2gxVjJoMXYzaDFWMSI+PC9wYXRoPjwvc3ZnPg==");
    width: 91px;
    height: 20px;
    border-left: 4px solid transparent;
    background-size: cover;
}

html .fb_iframe_widget {
    display: inline-flex;
}

.slack-button {
    position: relative;
    height: 20px;
}

.slack-button img.is-active {
	opacity: 0.7;
}

.slack-iframe {
	width: 330px;
	height: 420px;
	margin-top: -160px !important;
	margin-left: -4px !important;
}

.slack-popup {
	width: 304px;
	height: 230px;
	overflow: hidden;
	border-radius: 9px;
	border: 1px solid #7f7f7f;
}

.slack-wrap {
	position: absolute;
	bottom: 30px;
	left: -150px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s;
}

.slack-wrap.is-active {
	opacity: 1;
	pointer-events: all;
}

.slack-wrap:after {
	content: "";
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMBAMAAACU11D1AAAAGFBMVEUAAAB/f39/f39/f39/f39/f3/////g4ODe2rlsAAAABnRSTlMA6z9A7h7TgndpAAAAQklEQVQI12MQT4OBQgbFMigzXZiBSRwmbMAAlIAJMwAl4MIgCagwWAIqDJEAC8MkChWANESiXAhIQiVcgMIwEAomAZ4yGWDCL5O6AAAAAElFTkSuQmCC') center bottom no-repeat;
	display: block;
	width: 22px;
	height: 12px;
	bottom: -11px;
	position: absolute;
	left: 50%;
	margin-left: -11px;
}

@media only screen and (max-width: 480px) {
    .footer__social-links {
		height: 80px
	}
}

.login {
	background: white;
	height: 230px !important;
}

.login p {
	font-size: 13px;
	color: #444 !important;
	background: #f1f1f1;
	padding: 3px 5px 20px 5px;
	font-family: Open Sans, sans-serif;
}

.invite-another {
	display: none;
	margin: 50px 70px;
	background: white !important;
	padding: 0 !important;
}

.invite-another:hover {
	text-decoration: underline;
	color: blue !important;
	cursor: pointer;
}

.login label {
	margin-left: 10%;
}

.slack-email {
	margin-left: 10% !important;
	width: 80% !important;
	background: #fbfbfb;
}

.get-invitation {
	width: 40% !important;
	float: right;
	margin-right: 10%;
	font-size: 14px !important;
	margin-top: 10px;
	background: #008ec2 !important;
	font-weight: 100 !important;
	cursor: pointer !important;
}

.slack-button {
	cursor: default;
}

.slack-button img {
	cursor: pointer;
}


.footer__newsletter-frame {
    border: 0;
    max-width: 100%;
    height: 42px;
    background: var(--background-light);
    box-shadow: 0 3px 6px var(--transparent-dark-15);
}

.-landing .ns-feedback,
.-landing .ns-footer:before {
    height: 14.22em;
}

.-landing .ns-feedback #feedback-section {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--color-light);
}

.-landing .ns-feedback > div > div {
    font-size: 1.5em;
    padding: 0 0 1.43em;
}

.ns-feedback .ns-button {
    font-size: 1.135em;
}

/* Sitemap */

.footer__sitemap-container {
    display: flex;
    flex-direction: column;
}

.footer__sitemap-container > .row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer__sitemap-container .footer__links {
    align-items: flex-start;
    flex-wrap: wrap;
}

.footer__links > div {
    flex: 1;
}

.footer__links h5 {
    margin-bottom: -.3em;
    font-size: .9em;
}

.footer__links ul {
    list-style: none;
    padding: 0;
    font-size: 1.29em;
    line-height: 2.2em;
    margin-bottom: 2em;
}

.footer__contribute {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 1.27em;
    position: relative;
    padding: 2em;
    margin: 4em 0;
    border: 2px solid var(--border-light-blue);
    border-radius: 12px;
}

.footer__contribute .ns-button {
    font-size: .895em;
}

.footer__contribute > * {
    margin: 0 .67em 0 0;
}

.footer__last-row {
    height: 4.29em;
    margin-top: 2.14em;
}

.footer__last-row > .navigation__logo {
    height: 2em;
    width: 20em;
    display: flex;
    margin-top: -.5em;
    align-items: flex-end;
    background-position: 7em 0;
    background-image: url("https://d2odgkulk9w7if.cloudfront.net/images/default-source/logos/progress-logo-min.png?sfvrsn=381d0dfe_2");
}

.footer__last-row > *:last-child {
    flex: 1;
    min-width: 0;
}

.footer__copyright {
    text-align: right;
    color: var(--transparent-dark-50);
}

.footer__copyright a {
    color: var(--background-footer-blue);
}

.footer__copyright a:hover {
    text-decoration: underline;
}

.footer__copyright > * {
    white-space: nowrap;
}

/* Feedback Form */

#feedback-checkbox-area {
    margin-top: 24px;
}

#feedback-form-window {
    background-color: var(--background-light);
    padding: 0 30px 30px;
    overflow: hidden;
}

html .k-overlay {
    background: var(--transparent-dark-60);
}

html div.k-window {
    border: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
}

.k-widget.k-window input[type=text],
.k-widget.k-window textarea {
    box-sizing: border-box;
}

html .k-window-titlebar {
    background: var(--background-light);
    border: 0;
    padding-top: 20px;
}

html .k-window-title {
    margin: 0 .3em;
}

.feedback-extw__input,
.feedback-extw__textarea {
    margin: 12px 0 30px;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    color: var(--color-secondary);
    box-sizing: border-box;
    border: 1px solid var(--border-light-blue);
    box-shadow: none;
    outline: none;
}

.feedback-extw__textarea {
    margin: 10px 0 20px;
    width: 100%;
}

.feedback-extw__foot {
    margin-top: 15px;
}

html.ns-root input::-webkit-input-placeholder,
html.ns-root textarea::-webkit-input-placeholder {
    font-size: inherit;
    color: var(--transparent-dark-50);
}

html.ns-root input::-moz-placeholder,
html.ns-root textarea::-moz-placeholder {
    font-size: inherit;
    color: var(--transparent-dark-50);
}

html.ns-root input:-ms-input-placeholder,
html.ns-root textarea:-ms-input-placeholder {
    font-size: inherit;
    color: var(--transparent-dark-50);
}

#send-feedback {
    float: left;
}

.feedback-extw__textarea.k-invalid {
    border-color: var(--color-error);
}

#feedback-form span.k-tooltip {
    display: block;
    position: absolute;
    font-size: 13px;
    color: var(--color-error);
    border: 0;
    background-clip: padding-box;
    text-align: left;
    padding: 5px 0;
    margin-top: -26px;
}

#feedback-form-window,
#feedback-form .k-tooltip .k-icon {
    display: none;
}

#feedback-form-window .k-notification {
    position: fixed;
    left: 20px;
    width: calc(100% - 40px);
    top: -60px;
    background: var(--background-light);
}

#feedback-menu-container {
    color: var(--color-light);
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 1.5em;
}

#feedback-menu-container a {
    cursor: pointer;
    color: var(--color-light);
    opacity: .75;
}

#feedback-menu-container a:hover {
    opacity: 1;
}

#feedback-buttons-container,
#feedback-submitted-container {
    flex: 1;
    display: flex;
    align-items: center;
    padding-right: 35px;
}

#feedback-section {
    display: flex;
    align-items: center;
    width: 100%;
    height: inherit;
    background: var(--background-footer-blue);
}

#feedback-section.-detached {
    position: fixed;
    bottom: 0;
    z-index: 10000;
    width: calc(50% + 600px);
}

.ns-feedback {
    height: 4.29em;
}

.feedback__title {
    flex: 1;
}

.close-banner-button {
    width: 1.14em;
    height: 1.14em;
    position: fixed;
    margin-top: 1px;
    right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-banner-button:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: .86em;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\f00d";
}

.ns-tip-container .close-banner-button {
    position: absolute;
    right: 0;
}

/* Checkboxes and radios */

.tp-checkbox,
.tp-checkbox .checkbox__label {
    display: flex;
}

.tp-checkbox {
    position: relative;
}

.tp-checkbox.-ellipsis label .checkbox__text,
.tp-checkbox.-ellipsis label .radio__text,
.tp-radio.-ellipsis label .checkbox__text,
.tp-radio.-ellipsis label .radio__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
}

.tp-checkbox .checkbox__label,
.tp-radio .radio__label {
    position: relative;
    align-items: center;
    padding: 8px 0;
    width: 100%;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.tp-checkbox .checkbox__label .checkbox__icon,
.tp-checkbox .checkbox__label .radio__icon,
.tp-radio .radio__label .checkbox__icon,
.tp-radio .radio__label .radio__icon {
    -webkit-transition: color .3s;
    transition: color .3s;
}

.tp-checkbox .checkbox__label .checkbox__text,
.tp-checkbox .checkbox__label .radio__text,
.tp-radio .radio__label .checkbox__text,
.tp-radio .radio__label .radio__text {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    margin-left: 8px;
}

.tp-checkbox .checkbox__icon,
.tp-radio .radio__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid rgba(45, 62, 80, .3);
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
}

.tp-checkbox .checkbox__icon:before,
.tp-radio .radio__icon:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tp-checkbox.-ellipsis,
.tp-radio.-ellipsis {
    width: 100%
}

.tp-checkbox.-ellipsis label .checkbox__text,
.tp-checkbox.-ellipsis label .radio__text,
.tp-radio.-ellipsis label .checkbox__text,
.tp-radio.-ellipsis label .radio__text {
    width: 100%;
    padding-left: 21px;
    margin-left: -16px
}

.tp-checkbox .checkbox__input {
    position: absolute;
    top: 5px;
    margin: 0;
    width: 0;
    height: 0;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.tp-checkbox .checkbox__input:checked + label .checkbox__icon:before,
.tp-checkbox .checkbox__input:checked + label .radio__icon:before {
    opacity: 1;
}

.tp-checkbox .checkbox__input:indeterminate + label .checkbox__icon:before {
    opacity: 1;
    content: '';
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    margin: -25%;
}

.tp-checkbox .checkbox__input:disabled,
.tp-checkbox .checkbox__input:disabled + label {
    cursor: default;
}

.tp-radio .radio__icon,
.tp-checkbox .checkbox__icon,
.tp-checkbox .checkbox__icon:before {
    width: 1.2em;
    height: 1.2em;
    font-size: 11px;
}

.tp-checkbox .checkbox__icon {
    align-self: flex-start;
    border: 1px solid var(--color-dark);
    border-radius: 3px;
}

.tp-checkbox .checkbox__icon:before {
    width: 1em;
    height: 1em;
}

.tp-radio .radio__input:checked + label .checkbox__icon,
.tp-radio .radio__input:checked + label .radio__icon {
    border-radius: 50%;
}

.tp-radio .radio__input:checked + label .checkbox__icon:before,
.tp-radio .radio__input:checked + label .radio__icon:before {
    opacity: 1;
}

.tp-radio .radio__input:disabled,
.tp-radio .radio__input:disabled + label {
    cursor: default;
}

.tp-radio .radio__icon {
    border-radius: 50%;
}

.tp-radio .radio__icon:before {
    width: 50%;
    height: 50%;
    border-radius: 50%;
    content: "\a0";
    top: 50%;
    left: 50%;
    margin: -25%
}

html .tp-checkbox {
    line-height: 1em;
}

.tp-checkbox .checkbox__icon {
    background: var(--background-light);
}

.tp-checkbox .checkbox__input:checked + label .checkbox__icon,
.tp-checkbox .checkbox__input:checked + label .radio__icon {
    border-radius: 2px;
    border-color: var(--color-dark);
    background-color: var(--background-light);
    color: var(--color-dark);
}

/* checkbox span text */
.tp-checkbox .checkbox__label .checkbox__text {
    font-weight: 400;
    color: var(--color-dark);
}

.tp-radio .radio__input:checked + label .checkbox__icon,
.tp-radio .radio__input:checked + label .radio__icon {
    border-color: var(--color-accent);
    background-color: var(--background-light);
    color: var(--color-dark);
}

html .tp-checkbox.-disabled .checkbox__label .checkbox__icon {
    border-color: var(--transparent-dark-20);
}

html .tp-checkbox.-disabled .checkbox__label .checkbox__text {
    color: var(--transparent-dark-50);
}

html .tp-radio .radio__icon:before {
    background-color: var(--background-accent);
}

.tp-radio .radio__input:disabled + label .checkbox__icon,
.tp-radio .radio__input:disabled + label .radio__icon {
    border-color: var(--transparent-dark-20);
}

/* table styling (copied from the theme.css which is not loaded anymore */
article table {
    width: 100%;
    margin: 1.25em 0;
    text-align: left;
    border: 1px solid var(--border-light-blue);
    font-weight: 400;
    background: var(--color-light);
    border-radius: 4px;
    border-spacing: 0;
}

article table tr {
    border-left-width: 0;
    border-right-width: 0;
}

article table th {
    padding: .5em 1.25em;
    font-size: .75em;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    vertical-align: middle;
    line-height: normal;
    border-left-width: 0;
    border-right-width: 0;
}

article table td {
    padding: .63em .94em;
    line-height: normal;
    border-left-width: 0;
    border-right-width: 0;
    border-top: 1px solid var(--border-light-blue);
}

article table td h2,
article table td h3,
article table td h4,
article table td h5 {
    font-weight: 500;
    margin: 0;
}



/* Base16 Google Light Prism Theme */

pre, code {
    font-size: 14px;
}

a code {
    font-size: inherit;
    font-family: inherit;
}

a code:after,
a code:before {
    content: "\"";
}

a strong {
    font-weight: inherit;
}

code[class*="language-"],
pre[class*="language-"] {
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: var(--color-purple);
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
    text-shadow: none;
    background: var(--color-purple);
}

/* Code blocks */
pre[class*="language-"] {
    padding: 20px;
    margin: 0 0 20px;
    overflow: auto;
    background: var(--color-light);
    border: 1px solid var(--border-light-blue);
    border-radius: 4px;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
    padding: .1em;
    border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #b4b7b4;
}

.token.punctuation {
    color: #373b41;
}

.token.namespace {
    opacity: .7;
}

.token.property {
    color: #fba922;
}

.token.selector {
    color: #a36ac7;
}

.token.attr-value,
.token.string,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: #f96a38;
}

.token.attr-name,
.token.control,
.token.function,
.token.directive,
.token.annotation.punctuation,
.token.class-name,
.token.unit {
    color: var(--color-source-green);
}

.token.operator,
.token.boolean,
.token.number,
.token.statement,
.token.tag,
.token.keyword,
.token.regex,
.token.atrule,
.token.placeholder,
.token.variable {
    color: var(--color-accent);
}

.token.deleted {
    text-decoration: line-through;
}

.token.inserted {
    border-bottom: 1px dotted #1d1f21;
    text-decoration: none;
}

.token.italic {
    font-style: italic;
}

.token.important,
.token.bold {
    font-weight: bold;
}

.token.important {
    color: #cc342b;
}

.token.entity {
    cursor: help;
}

pre > code.highlight {
    outline: 0.4em solid #cc342b;
    outline-offset: .4em;
}

/* Google Search box */

html .gsc-control-cse {
    position: relative;
    border: 0;
    font-family: inherit;
    padding: 0;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 3px 6px var(--transparent-dark-15);
}

html .-landing .gsc-control-cse {
    box-shadow: none;
    border: 1px solid var(--border-light-blue);
}

.gsc-input-box table,
.gsc-input-box tr {
    height: 36px;
}

.-landing .gsc-input-box table,
.-landing .gsc-input-box tr {
    height: 41px;
}

.gsc-input-box table,
.gsc-input-box tbody,
.gsc-input-box td {
    display: block;
}

.gsc-input-box tr {
    display: flex;
    align-items: center;
}

html .gsc-input-box {
    border: 0;
    outline: none;
    box-shadow: none;
}

.gsc-input::-webkit-input-placeholder {
    color: var(--transparent-dark-50);
}

html td.gsc-search-button {
    position: relative;
    order: 1;
    width: 3em;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    margin: 0;
}

.landing  td.gsc-search-button {
    width: 4em;
}

td.gsc-search-button:before {
    content: "\f002";
    font-family: "Font Awesome 5 Pro";
    display: flex;
    line-height: inherit;
    font-size: 1.2em;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

button.gsc-search-button {
    position: absolute;
    opacity: .01;
    height: 100%;
    cursor: pointer;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
}

.gsc-search-button svg {
    margin-top: 2px;
    font-size: 1rem;
    width: 1em;
    height: 1em;
}

html form.gsc-search-box,
html table.gsc-search-box {
    margin: 0;
}

html table.gsc-search-box tr {
    display: flex;
}

html table.gsc-search-box .gsib_a {
    padding: 0;
    margin-right: 10px;
}

html table.gsc-search-box .gsib_b {
    margin-right: 10px;
}

td.gsc-input {
    order: 2;
    flex: 1;
}

html .gsc-search-box-tools .gsc-clear-button {
    display: none;
}

html .gsc-search-box-tools .gsc-search-box .gsc-input {
    background: none !important;
    text-indent: 0 !important;
    padding-right: 0;
}

html .gsst_a {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

html .gsib_a,
html .gsib_b {
    padding-top: 0;
    display: flex;
    align-items: center;
}

/* Google Search Results */

html .gsc-results-wrapper-overlay {
    border-radius: 0;
    overflow: auto;
    box-shadow: none;
    background: var(--background-base);
    width: 100%;
    height: auto;
    top: 4.2em;
    left: 0;
    bottom: 0;
    padding: 0 50px;
    transition: all 0.25s linear;
    box-sizing: border-box;
}

html .gsc-wrapper .gsc-webResult.gsc-result,
html .gsc-results .gsc-imageResult {
    border: 0;
    background: var(--background-base);
}

.gsc-above-wrapper-area {
    position: relative;
    width: 100%;
    margin-top: 90px;
    background: var(--background-base);
}

html .gsc-results-close-btn {
    z-index: 1;
    top: 95px;
    right: 40px;
    position: fixed !important;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .75;
}

html .gsc-results-close-btn:hover {
    opacity: 1;
}

html .gsc-results-close-btn:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 24px;
    content: "\f00d";
}

html .gsc-results {
    padding-top: 20px;
}

html .gsc-results:before {
    margin-top: -130px;
    padding: 10px 7px 90px;
    content: "Search Results";
    font-size: 32px;
    display: block;
}

html .gsc-modal-background-image {
    display: none;
}

html .gsc-overflow-hidden {
    overflow: visible;
}

.-overflow-hidden {
    overflow: hidden;
}

.gs-webResult {
    display: flex;
    flex-direction: column;
}

.gsc-url-top {
    order: 2;
}

html .gs-webResult.gs-result a.gs-title:link,
html .gs-webResult.gs-result a.gs-title:link b,
html .gs-imageResult a.gs-title:link,
html .gs-imageResult a.gs-title:link b,
html .gsc-results .gsc-cursor-box .gsc-cursor-page {
    color: var(--color-accent);
}

html .gs-webResult div.gs-visibleUrl {
    color: var(--color-accent);
    opacity: .7;
}

html .gsc-result .gs-title {
    overflow: visible;
}

/* Responsiveness */

@media only screen and (max-width: 1800px) {
    body.-landing {
        flex: 1 0 90%;
        width: 90%;
    }
}

@media only screen and (min-width: 1450px) {
    #feedback-buttons-container,
    #feedback-submitted-container {
        padding-right: 0;
    }
}

@media only screen and (max-width: 1280px) {
    html {
        font-size: 14px;
    }

    body {
        flex: 1 0 90%;
        width: 90%;
    }

    .ns-navigation,
    .ns-tip-container,
    .ns-footer {
        width: auto;
        margin-left: unset;
    }

    #feedback-section.-detached {
        flex: 1 0 90%;
        width: 90%;
    }

    .side-nav__burger-input,
    .side-nav__burger-menu {
        display: inline-flex;
    }

    html body .side-nav__tree {
        width: 1em;
        max-height: 0;
        margin-top: -2.86em;
        padding: 2.86em 1.72em 0 0;
    }

    .side-nav__burger-input:checked ~ .side-nav__tree {
        width: 16.43em;
        max-height: 2500px;
    }

    .side-nav__burger-input:checked + .side-nav__burger-menu:before {
        transform: rotate(45deg);
    }

    .flavor-header__search > div {
        width: auto;
    }

    .flavor-header__navigation {
        margin-left: 10px;
    }

    .ns-side-nav {
        margin: -.71em 1.43em 0 -1.43em;
    }

    .right-nav__label {
        display: inline-flex;
        position: absolute;
        left: 0;
        top: .94em;
        z-index: 1;
    }

    .right-nav__container {
        position: fixed;
        padding-right: 1.25em;
        top: 4.13em;
        right: -12.5em;
        bottom: 0;
        margin: 0;
        z-index: 1;
    }

    .right-nav__tree > div {
        margin-top: 1.38em;
    }

    .right-nav__tree {
        overflow: hidden;
        overflow-y: auto;
        margin-top: 0;
        width: 13.75em;
        height: 100%;
        background: var(--background-base);
        transition: box-shadow .2s ease-out;
    }

    .right-nav__sizer {
        transition: width .2s ease-out;
        width: 13.75em;
    }

    .right-nav__tree > div,
    .right-nav__tree > ul {
        margin-left: 4.67em;
    }

    .right-nav__input:checked ~ .right-nav__sizer {
        width: 29em;
    }

    .right-nav__input:checked ~ .right-nav__tree {
        width: 17.8em;
        box-shadow: -3px 0 6px var(--transparent-dark-15);
    }

    .right-nav__input:checked ~ .right-nav__tree > ul {
        margin-left: 1.33em;
    }

    .right-nav__input:checked ~ .right-nav__tree > div {
        margin-left: 2.5em;
    }

    .right-nav__tree .ns-state-selected:before {
        left: -2.87em;
    }

    #feedback-buttons-container,
    #feedback-submitted-container {
        padding-right: 0;
    }
}

@media only screen and (max-width: 1100px) {
    html {
        font-size: 13px;
    }

    .footer__form {
        flex-direction: column;
    }

    .footer__form > div > h5 {
        margin: .6em 0 1.2em;
    }

    .footer__social-links {
        justify-content: space-between;
        margin-right: 0;
    }
}


@media only screen and (max-width: 1020px) {
    html {
        font-size: 13px;
    }

    .ns-card,
    .footer__links > div,
    .start-links__category {
        flex: auto;
    }

    .navigation__logo {
        margin-left: calc(-5.5% + 75px);
    }

    .right-nav__container {
        display: none;
    }

    .navigation__burger-menu {
        display: inline-block;
    }

    #page-inner-content {
        flex-direction: column;
    }

    .ns-page .ns-side-nav .side-nav__tree {
        margin-top: -2.6em;
        padding: 2.6em 1.72em 0 0;
        width: calc(100% - 1.66em);
        border-radius: 4px;
    }

    .side-nav__burger-input:checked + .side-nav__burger-menu {
        border-radius: 4px;
    }

    .side-nav__tree > .k-group:first-child {
        margin-top: 1em;
    }

    .side-nav__burger-input + .side-nav__burger-menu:before {
        transform: rotate(90deg);
    }

    .side-nav__burger-input:checked + .side-nav__burger-menu:before {
        transform: rotate(270deg);
    }

    .side-nav__burger-menu {
        box-shadow: none;
        width: 100%;
        font-size: 1.2em;
        font-family: inherit;
        padding: 0 .8em;
        box-sizing: border-box;
        justify-content: space-between;
        border-bottom: 1px solid var(--border-light-blue);
    }

    .side-nav__burger-menu:before {
        justify-self: flex-end;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        order: 1;
    }

    .side-nav__burger-menu:after {
        content: "Table of Contents";
        font-family: inherit;
        order: 0;
    }

    html .k-treeview .k-group .k-group .k-in {
        padding-top: .5em;
        padding-bottom: .5em;
    }

    .ns-side-nav {
        margin: -.71em -1.43em 0;
    }

    .flavor-header__navigation {
        width: 15em;
        margin-left: 0;
    }

    .flavor-header__search {
        padding-left: 0;
    }

    html .gsc-control-cse {
        box-shadow: none;
        border: 1px solid var(--border-light-blue);
    }

    .footer__links > div {
        width: 50%;
    }

    .footer__last-row {
        margin-top: 1em;
    }

    .footer__last-row,
    .footer__contribute {
        height: 100px;
        flex-direction: column;
        text-align: center;
        align-content: space-between;
    }

    .footer__contribute > p {
        margin-bottom: 1em;
    }

    .footer__last-row > .navigation__logo {
        height: 2em;
        width: 14em;
        margin-top: -2em;
        background-position-y: .2em;
        background-size: auto 1.5em;
    }

    .footer__copyright {
        height: 3.8em;
        text-align: right;
    }

    .close-banner-button {
        right: -4vw;
    }

    .ns-start-links #___gcse_0 {
        width: 94%;
    }
}

@media only screen and (max-width: 650px) {
    .footer__social-links {
        flex-flow: wrap;
    }

    .footer__social-links > * {
        margin-bottom: 5px;
    }

    .footer__copyright {
        height: 3.8em;
        text-align: right;
    }

    .footer__copyright > span:last-child {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (max-width: 500px) {
    html .navigation__right .k-menu .-github {
        display: none;
    }

    .footer__last-row > .navigation__logo {
        height: 4em;
        width: 6.5em;
        margin-top: 0;
        background-position: 0 2em;
        background-size: auto 1.5em;
        display: block;
        text-align: left;
    }
}

@media only screen and (max-width: 420px) {
    .navigation__logo {
        width: 2.8em;
        height: 2.8em;
        background-size: cover;
        background-position-x: 0;
        align-self: center;
    }

    .footer__copyright > span:first-child {
        display: flex;
        flex-direction: column;
    }
}

.optanon-alert-box-wrapper{
	width: auto!important;
}