:root {
    --progress-inactive: #656080;
    --forward-arrow: url('assets/svg/off.svg');
    /* A vivid pink lifted just enough to read at small monospace sizes. Inline code sits on the
       --code-bg chip: 6.3:1 there on the very dark section background, 5.8:1 on the dark one.
       Light sections override both below. */
    --code-color: #ff7ac0;
    --code-bg: rgba(242, 85, 151, .14);
    --prism-dark: #1c1e30;
    --prism-very-dark: #151623;
}

.muted {
    filter: brightness(0.5);
}

.my-error {
    z-index: 2000 !important; /* display above dialog backdrop */
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

figure {
    display: table;
    margin-bottom: 1rem;
    text-align: center
}

figcaption {
    display: table-caption;
    caption-side: bottom;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: 0.0rem;
    /* Copied from _mixins.scss: small */
    font-size: 1rem; /* $small-font-size; */
    font-weight: 400; /* $font-weight-normal; */
    line-height: 1.5;
}

.pdiv {
    margin-bottom: 0.5rem;
}

img.region-screenshot-dark {
    background: #333333;
    padding: 1px;
    border-radius: 8px;
}

img.region-screenshot-light {
    background: white;
    padding: 10px;
    border-radius: 8px;
}

img.windows-screenshot {
    border-radius: 8px;
    outline: 1px solid #555;
    outline-offset: -1px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.no-border-left-radius {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.no-border-right-radius {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.validation-error {
    font-size: small;
    color: #dc3545;
}

.validation-warning {
    font-size: small;
    /*color: #dcdc45;*/
    color: #bbbb44;
}

.no-padding {
    padding: 0;
}

.input-group > .form-field-prefix {
    padding: 0;
    flex: 0 1 content;
    margin-right: 1%;
    color: #a0a0a0;
}

.modal-content {
    background-color: #1D1E32;
    white-space: normal;
    overflow-wrap: break-word;
}

.modal-header {
    border-bottom: 0px;
}

.modal-footer {
    border-top: 0px;
}

.navbar .nav-item .dropdown-menu-end {
    margin-right: 0;
    right: 0;
}

.context-menu-container {
    /* Prevent scrollbar within container when opening context menu */
    overflow: inherit;
}

.context-menu-dropdown-item {
    font-size: 1rem;
    padding: .5rem
}

/* MyPages navigation bar style overrides. */
.mp-nav {
    text-transform: initial;
    flex-direction: column;
}

.mp-nav .nav-item {
    /*margin: .33rem;*/
}

.mp-nav .nav-link {
    padding: .66rem;
}

.mp-nav button {
    width: 100%;
    text-align: left;
}

.mp-nav a:not(.btn) {
    /*text-decoration: none;*/
    /*list-style: none;*/
    -webkit-text-fill-color: initial;
}

.mp-header-link.mp-header-link {
    cursor: pointer;
    text-decoration: none;
    -webkit-text-fill-color: initial;
}

/* Basics */

a {
    cursor: pointer;
}

section ul:not(.list-unstyled) {
    list-style-image: none;
    list-style-type: "⬤";
}

section ul:not(.list-unstyled) li {
    padding-left: .5rem;
}

html {
    /* Constant body width regardless of scrollbars */
    scrollbar-gutter: stable;
}

code {
    color: var(--code-color);
}

/* Inline code reads as a token, not as coloured prose; code in a pre block is left alone. */
:not(pre) > code {
    padding: .1em .35em;
    border-radius: 4px;
    background: var(--code-bg);
}

/* 5.2:1 on the chip over white. */
.theme-light {
    --code-color: #c2185b;
    --code-bg: rgba(194, 24, 91, .07);
}

.banner {
    min-height: 340px;
    max-height: 540px;
    overflow-y: clip;
}

@media (max-height: 1500px) {
    .compactive-banner, .compactive-banner figcaption {
        min-height: 420px !important;
        max-height: 420px !important;
    }
    .compactive-banner figcaption {
        padding-top: 8vw !important;
    }
}

@media (max-height: 1200px) {
    .compactive-banner, .compactive-banner figcaption {
        min-height: 320px !important;
        max-height: 320px !important;
    }
}

/* Columns */

.columns-regular {
    column-width: 20em;
    -moz-column-width: 20em;
    -webkit-column-width: 20em;
    column-gap: 4em;
    -moz-column-gap: 4em;
    -webkit-column-gap: 4em;
}

.column-span-all {
    column-span: all;
    -webkit-column-span: all;
}

/* Cookies */

#cookie-consent-preferences .modal-dialog {
    max-width: 50rem;
    /*transform: scale(0.80);*/
}

.cookie-link {
    font-size: 1rem;
}

/* Statical logo */

.icon-statical {
    width: 25rem;
    height: 10rem;
    -webkit-mask-image: url(./assets/svg/statical-logo.svg);
    mask-image: url(./assets/svg/statical-logo.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background: #fff;
    margin: 0 auto
}

/* NavBar */

ul.dropdown-menu {
    filter: drop-shadow(0px 0px 8px #00000008)
            drop-shadow(4px 4px 4px #ffffff10) drop-shadow(4px 4px 4px #00000010);
}

.box {
    margin-bottom: 0px;
}

/* Account Pages */

.account-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    background-image: none;
    background-color: var(--bs-body-bg);
}

/* MyPages */

.icon-my-pages {
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
    margin-top: -2rem;
    -webkit-mask-image: url(./assets/svg/fluent/ic_fluent_home_person_20_regular.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background: linear-gradient(135deg, #F25597 0%, #7C68E3 25%, #014FA4 50%, #1c7fee 55%, #5f15f2 60%, #ba0cf8 65%, #fb07d9 70%, red 75%, #ff9a00 80%, #d0de21 85%, #4fdc4a 90%, #3fdad8 95%, #2fc9e2 100%);
    background-size: 300%;
    transition: background-position ease-in-out .3s
}

.icon-my-pages:hover .icon-my-pages {
    background-position: 100%
}

/* The AL mark's hover lives in illumi (_icons.scss). A copy here silently won on load order and
   made edits there look like they did nothing. */

/* Link effects */
section a:not(.btn):not(.carousel-logo-link) {
    transition: filter 0.3s ease-in-out, color 0.3s ease-in-out;
    filter: brightness(1.2) hue-rotate(10deg) saturate(0.8) drop-shadow(0px 0px 0px #fff0);
}

section button.copy-code-button:hover,
section a:not(.btn):not(.carousel-logo-link):hover {
    filter: brightness(1.4) hue-rotate(0) saturate(1) drop-shadow(0px 0px 4px #fff6);
}

section.theme-dark button.copy-code-button:hover,
section.theme-dark a:not(.btn):not(.carousel-logo-link):hover {
    filter: brightness(1.4) hue-rotate(0) saturate(1) drop-shadow(0px 0px 4px #fff4) !important;
}

section a:not(.btn):not([role="button"]) {
    /* background-position drives the underline's gradient sliding on hover; the rule that sets it
       up lives in illumi (_typography.scss), but this selector is more specific, so a transition
       declared there alone would be replaced by this one and never run. */
    transition: text-decoration-color 0.3s ease-in-out, background-position 0.45s ease-in-out;
    text-decoration-color: #ffffff50;
}

@media (prefers-reduced-motion: reduce) {
    section a:not(.btn):not([role="button"]) {
        transition: none;
    }
}

section a:not(.btn):hover {
    /* does not interpolate - so turned off: text-decoration-color: #ffffffff;*/
}

.mp-nav a:hover {
    filter: brightness(1.0) !important;
}

.box a {
    transition: filter 0.3s ease-in-out !important;
    background-image: inherit !important;
    filter: 
        brightness(0.8) 
        contrast(2) 
        grayscale(0) 
        drop-shadow(0px 0px 4px #ffffff3c) 
        drop-shadow(0px 0px 2px #ffffff81) 
        drop-shadow(0px 0px 1.5px #ffffffa7) 
        drop-shadow(0px 0px 1px #fff) 
        !important;
}

/* Remove special effects from anchor containers */
section a.linkContainer:not(.btn) {
    text-decoration: unset;
    -webkit-text-fill-color: unset;
    filter: unset;
}

section a.linkContainer:not(.btn):not(.carousel-logo-link):hover {
    filter: drop-shadow(0px 0px 2px #fff6);
}

.box a:hover {
    filter: brightness(0.5) contrast(8) grayscale(1) !important;
}

/* Effects */

.drop-shadow {
    filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.6));
    -webkit-filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.6));
    -moz-filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.6));
    -ms-filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.6));
    -o-filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.6));
}

.drop-shadow2 {
    filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.4));
    -webkit-filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.4));
    -moz-filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.4));
    -ms-filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.4));
    -o-filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.4));
}

.drop-shadow-dark {
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.3)) drop-shadow(0px 0px 1.5px rgba(0,0,0,0.6));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.3)) drop-shadow(0px 0px 1.5px rgba(0,0,0,0.6));
    -moz-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.3)) drop-shadow(0px 0px 1.5px rgba(0,0,0,0.6));
    -ms-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.3)) drop-shadow(0px 0px 1.5px rgba(0,0,0,0.6));
    -o-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.3)) drop-shadow(0px 0px 1.5px rgba(0,0,0,0.6));
}

.drop-shadow-white1 {
    filter: drop-shadow(2px 2px 7px rgba(255,255,255,0.6));
    -webkit-filter: drop-shadow(2px 2px 7px rgba(255,255,255,0.6));
    -moz-filter: drop-shadow(2px 2px 7px rgba(255,255,255,0.6));
    -ms-filter: drop-shadow(2px 2px 7px rgba(255,255,255,0.6));
    -o-filter: drop-shadow(2px 2px 7px rgba(255,255,255,0.6));
}

.drop-shadow-white2 {
    filter: drop-shadow(2px 2px 7px rgba(255,255,255,0.4));
    -webkit-filter: drop-shadow(2px 2px 7px rgba(255,255,255,0.4));
    -moz-filter: drop-shadow(2px 2px 7px rgba(255,255,255,0.4));
    -ms-filter: drop-shadow(2px 2px 7px rgba(255,255,255,0.4));
    -o-filter: drop-shadow(2px 2px 7px rgba(255,255,255,0.4));
}

.drop-shadow-bw1 {
    filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.45)) drop-shadow(2px 2px 7px rgba(255,255,255,0.5));
    -webkit-filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.45)) drop-shadow(2px 2px 7px rgba(255,255,255,0.5));
    -moz-filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.45)) drop-shadow(2px 2px 7px rgba(255,255,255,0.5));
    -ms-filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.45)) drop-shadow(2px 2px 7px rgba(255,255,255,0.5));
    -o-filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.45)) drop-shadow(2px 2px 7px rgba(255,255,255,0.5));
}

/* Prism Gradient 1 */

.img-gradient:after {
    background: linear-gradient(135deg, hsl(335, 86%, 64%) 20%, hsl(250, 69%, 65%) 50%, hsl(211, 99%, 32%) 80%);
    filter: hue-rotate(0deg);
    animation: img-gradient-stops 12s ease-in-out alternate infinite;
    /* hue-rotate(), brightness(), contrast() */
}

@keyframes img-gradient-stops {
    0% {
        filter: hue-rotate(0deg);
    }
    30% {
        filter: hue-rotate(0deg);
    }

    40% {
        filter: hue-rotate(-15deg);
    }
    50% {
        filter: hue-rotate(0deg);
    }
    60% {
        filter: hue-rotate(15deg);
    }

    70% {
        filter: hue-rotate(0deg);
    }
    100% {
        filter: hue-rotate(0deg);
    }
}

/* Prism Gradient 2 */

.img-gradient2 {
    filter: hue-rotate(0deg);
    animation: img-gradient2-stops 50s ease infinite;
}

@keyframes img-gradient2-stops {
    0% {
        filter: hue-rotate(0deg);
    }

    10% {
        filter: hue-rotate(0deg);
    }

    50% {
        filter: hue-rotate(180deg);
    }

    80% {
        filter: hue-rotate(360deg);
    }

    100% {
        filter: hue-rotate(360deg);
    }
}

/* Prism Gradient 3 */

.prismatic1:after {
    content: "";
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: prismatic-gradient-stops 15s ease infinite;
}

.prismatic2:after {
    content: "";
    background: rgb(34,193,195);
    background: linear-gradient(-45deg, rgba(34,193,195,1), rgba(190,173,120,1), rgba(45,166,253,1));
    background-size: 400% 400%;
    animation: prismatic-gradient-stops 30s ease infinite;
}

@keyframes prismatic-gradient-stops {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* Gradient hue */

.hue-cycle {
    position: relative;
    overflow: hidden;
}

.hue-cycle picture,
.hue-cycle img {
    display: block;
    width: 100%;
}

/* Gradient overlay with auto-reverse scroll */
.hue-cycle::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(90deg,
    hsl(0, 100%, 50%),
    hsl(60, 100%, 50%),
    hsl(120, 100%, 50%),
    hsl(180, 100%, 50%),
    hsl(240, 100%, 50%),
    hsl(300, 100%, 50%),
    hsl(360, 100%, 50%),
    hsl(0, 100%, 50%) /* repeat start color */
    );

    background-size: 200% 100%;
    animation: hue-cycle 10s linear infinite alternate;
    mix-blend-mode: hue;
}

@keyframes hue-cycle {
    0%   { background-position: 0% 0; }
    100% { background-position: -50% 0; }
}

/* Blurring */

.blurring {
    filter: blur(3px);
    animation: blurring-stops 20s ease-in-out infinite;
}

@keyframes blurring-stops {
    0% {
        filter: blur(3px);
    }

    10% {
        filter: blur(6px);
    }

    50% {
        filter: blur(4px);
    }

    80% {
        filter: blur(8px);
    }

    100% {
        filter: blur(3px);
    }
}

/* Effects: Loader */

:root {
    --loader-point-color: #fff;
    --loader-size: 5px;
}

.loader {
    display: flex;
    z-index: 100000;
}

.loader__element {
    border-radius: 100%;
    border: var(--loader-size) solid var(--loader-point-color);
    margin: calc(var(--loader-size)*2);
}

    .loader__element:nth-child(1) {
        animation: preloader .6s ease-in-out alternate infinite;
    }

    .loader__element:nth-child(2) {
        animation: preloader .6s ease-in-out alternate .2s infinite;
    }

    .loader__element:nth-child(3) {
        animation: preloader .6s ease-in-out alternate .4s infinite;
    }

@keyframes preloader {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(1.1);
    }

    60% {
        transform: scale(1.9);
    }

    100% {
        transform: scale(2);
    }
}

/* Effects: 404 */

.neonText {
    color: #fff;
    text-shadow: 0 0 2px rgba(255,255,255, 255), 0 0 4px rgba(255,255,255, 255), 0 0 6px rgba(255,255,255, 255), 0 0 10px rgba(0,255,170, 255), 0 0 45px rgba(0,255,170, 255), 0 0 55px rgba(0,255,170, 255), 0 0 70px rgba(0,255,170, 255), 0 0 80px rgba(0,255,170, 255);
}

.pulsate {
    animation: pulsate 1.5s infinite alternate;
}

@keyframes pulsate {
    100% {
        text-shadow: 0 0 2px rgba(255,255,255, 255), 0 0 4px rgba(255,255,255, 255), 0 0 6px rgba(255,255,255, 255), 0 0 10px rgba(0,255,170, 255), 0 0 45px rgba(0,255,170, 255), 0 0 55px rgba(0,255,170, 255), 0 0 70px rgba(0,255,170, 255), 0 0 80px rgba(0,255,170, 255);
    }

    0% {
        text-shadow: 0 0 1px rgba(255,255,255, 150), 0 0 2px rgba(255,255,255, 100), 0 0 4px rgba(255,255,255, 90), 0 0 8px rgba(0,255,170, 80), 0 0 20px rgba(0,255,170, 60), 0 0 30px rgba(0,255,170, 50), 0 0 40px rgba(0,255,170, 40), 0 0 50px rgba(0,255,170, 30);
    }
}

/* Patterns */

.pattern1 {
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='59.428' patternTransform='scale(1) rotate(90)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 0%, 0%, 0)'/><path d='M0 70.975V47.881m20-1.692L8.535 52.808v13.239L20 72.667l11.465-6.62V52.808zm0-32.95l11.465-6.62V-6.619L20-13.24 8.535-6.619V6.619L20 13.24m8.535 4.927v13.238L40 38.024l11.465-6.62V18.166L40 11.546zM20 36.333L0 47.88m0 0v23.094m0 0l20 11.548 20-11.548V47.88m0 0L20 36.333m0 0l20 11.549M0 11.547l-11.465 6.619v13.239L0 38.025l11.465-6.62v-13.24L0 11.548v-23.094l20-11.547 20 11.547v23.094M20 36.333V13.24'  stroke-linecap='square' stroke-width='2' stroke='hsla(0, 0%, 100%, 3%)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
}
.pattern2 {
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='160' height='160' patternTransform='scale(3) rotate(45)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 0%, 100%, 0)'/><path d='M121.5 39.5V9.169c0-2.827 1.724-4.707 3.473-5.602l.707-.362c2.086-1.068 4.702-.631 6.359 1.026l1.985 1.985c1.349 1.349 3.235 2.018 5.14 2.128 12.336 0 12.336-18.505 0-18.505M40.75 39.499V9.17c0-2.827-1.724-4.707-3.473-5.602l-.707-.362c-2.086-1.068-4.702-.631-6.359 1.026l-1.985 1.985c-1.349 1.349-3.236 2.018-5.14 2.128-12.336 0-12.336-18.505 0-18.505m146.575 111.248c0-12.337-18.505-12.337-18.505 0 .11 1.904.78 3.79 2.128 5.139l1.985 1.985c1.657 1.657 2.094 4.273 1.026 6.36l-.362.706c-.895 1.75-2.775 3.474-5.602 3.474l-30.33-.001m49.66-63.086c0 12.336-18.505 12.336-18.505 0 .11-1.904.78-3.791 2.128-5.14l1.985-1.985c1.657-1.657 2.094-4.273 1.026-6.359l-.362-.707c-.895-1.749-2.775-3.474-5.602-3.473h-30.33m19.162 130.344c12.337 0 12.337-18.505 0-18.505-1.631 0-3.99.98-5.139 2.128l-1.985 1.985c-1.656 1.656-4.274 2.094-6.36 1.027l-.706-.362c-2.086-1.069-3.474-3.258-3.474-5.602v-34.302l.001-26.228c0-2.344-1.427-4.458-3.473-5.602l-.707-.361a5.83 5.83 0 00-6.36 1.026l-1.984 1.985c-1.144 1.152-3.508 2.128-5.14 2.128-12.336 0-12.336-18.505 0-18.505 1.904.11 3.715.86 5.14 2.128l1.985 1.985a5.812 5.812 0 006.359 1.026l.707-.362c1.287-1.485 3.473-2.775 3.473-5.602v-30.33M23.086 168.343c-12.336 0-12.336-18.505 0-18.505 1.632 0 3.992.98 5.14 2.128l1.985 1.985c1.656 1.656 4.274 2.094 6.359 1.027l.707-.362c2.086-1.069 3.474-3.258 3.474-5.602l-.001-34.302V88.485c0-2.344 1.387-4.533 3.473-5.602l.707-.361c2.085-1.068 4.703-.63 6.359 1.026l1.985 1.985c1.148 1.148 3.508 2.128 5.14 2.128 12.336 0 12.336-18.505 0-18.505-1.905.11-3.791.78-5.14 2.128l-1.985 1.985c-1.657 1.657-4.273 2.094-6.36 1.026l-.706-.362c-1.75-.895-3.474-2.775-3.474-5.602v-30.33m80.75 80.749H91.17c-2.827 0-4.707 1.724-5.602 3.473l-.362.707c-1.068 2.086-.631 4.702 1.026 6.359l1.985 1.985c1.349 1.349 2.018 3.236 2.128 5.14 0 12.336-18.505 12.336-18.505 0 0-1.632.98-3.992 2.128-5.14l1.985-1.985c1.656-1.656 2.094-4.274 1.026-6.359l-.361-.707c-1.069-2.086-3.258-3.474-5.602-3.473h-60.53c-2.344 0-4.533-1.387-5.602-3.473l-.362-.707c-1.067-2.085-.63-4.703 1.027-6.359l1.985-1.985c1.148-1.148 2.128-3.508 2.128-5.14 0-12.336-18.505-12.336-18.505 0M121.5 38H91.169c-2.827 0-4.707-1.724-5.602-3.473l-.362-.707c-1.068-2.086-.631-4.702 1.026-6.359l1.985-1.985c1.349-1.349 2.018-3.235 2.128-5.14C90.344 8 71.84 8 71.84 20.337c0 1.632.977 3.994 2.128 5.14.663.66 1.343 1.305 1.985 1.985 1.608 1.703 2.003 4.23 1.026 6.36-.11.24-.233.474-.361.706C75.48 36.577 73.359 38 71.015 38H36.712L10.485 38c-2.344 0-4.533 1.387-5.602 3.473-.12.236-.24.471-.362.707-1.067 2.085-.63 4.703 1.027 6.36l1.985 1.984c1.148 1.148 2.128 3.508 2.128 5.14C9.66 68-8.844 68-8.844 55.664'  stroke-width='1' stroke='hsla(0, 0%, 100%, 0.01)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
}
.pattern3 {
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='69.141' height='40' patternTransform='scale(5) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 0%, 100%, 0)'/><path d='M69.212 40H46.118L34.57 20 46.118 0h23.094l11.547 20zM57.665 60H34.57L23.023 40 34.57 20h23.095l11.547 20zm0-40H34.57L23.023 0 34.57-20h23.095L69.212 0zM34.57 60H11.476L-.07 40l11.547-20h23.095l11.547 20zm0-40H11.476L-.07 0l11.547-20h23.095L46.118 0zM23.023 40H-.07l-11.547-20L-.07 0h23.094L34.57 20z'  stroke-width='0.5' stroke='hsla(0, 0%, 100%, 0.04)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
}
.pattern4 {
    /* This is the site background */
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='100' height='100' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 0%, 100%, 0)'/><path d='M0 0v1l1-1H0zm6.29 0-.147.143 11.81 11.619 8.19-8.143L22.666.047 22.709 0h-1.998l-.045.047 3.477 3.572-6.19 6.143L8.238.192 8.434 0H6.289zm6.759 0 1.047 1.047L15.143 0h-2.094zm14.474 0 7.143 7.143-2.428 2.523-3.43-3.523-4.855 4.572 8.238 8.142L43.857 7.143 36.686 0h-2.008l7.226 7.191-9.666 9.713L26 10.762l2.762-2.57 3.476 3.617 4.477-4.618L29.572.047 29.62 0h-2.096zm14.288 0 4.808 4.809 4.572-4.57L50.953 0h-2.047l.285.285-2.572 2.572L43.762 0H41.81zm14.068 0-17.64 17.904 4.57 4.62L65 .333 64.697 0H62.79l.258.285-20.19 20.192-2.572-2.573L57.857 0H55.88zm14.549 0-3.62 3.62 8.145 8.142L86.666.047 86.619 0h-1.951l.047.047L75 9.762l-6.143-6.143 2.57-2.572L75 4.619 79.62 0h-2.048l-2.619 2.62L72.334 0h-1.906zm21.43 0-3.62 3.62 4.57 4.571L100 .998V0h-.953l-6.19 6.191-2.572-2.572L93.905 0h-2.048zm-88 2.191L0 6.091v2.04l3.762-3.846 2.666 3.049-6.381 6.19-.047-.05v2.098l8.38-8.095L3.858 2.19zM100 6.091l-4.572 4.624L100 15.572v-2.097l-2.572-2.713L100 8.13V6.09zm-35.762.1-4.572 4.57 4.572 4.573 4.57-4.572-4.57-4.57zm21.428 0L74.953 16.904l-3.572-3.57-4.572 4.57 8.144 8.143 15.285-15.285-4.572-4.57zm-21.428 2 2.57 2.57-2.57 2.573-2.572-2.572 2.572-2.57zm21.477 0 2.57 2.57L75 24.048l-6.143-6.143 2.57-2.57L75 18.904 85.715 8.191zM10.666 10 0 20.668v2L10.666 12l2.572 2.572L0 27.811v2l15.238-15.239L10.666 10zm46.43 3.334L42.809 27.619l-7.381-7.38-8.143 8.142 4.572 4.572 3.57-3.572 2.811 2.81-6.142 6.143L21.38 27.619l-4.572 4.572 15.287 15.286 25-25L67.809 33.19l4.572-4.572-15.285-15.285zm35.713.238-4.57 4.57 11.714 11.715.047-.046v-1.954l-9.715-9.714 2.572-2.57L100 22.714v-2.047l-.047.047-7.144-7.143zm-71.143.094-12 11.38 4.572 4.669 7.334-7.238 3.381 3.57 4.62-4.62-7.907-7.761zm35.43 1.62L70.38 28.571l-2.572 2.57-10.713-10.714-25 25-13.287-13.285 2.572-2.57 10.715 10.712 8.142-8.142-4.81-4.809-3.57 3.57-2.573-2.57 6.143-6.143 7.38 7.381 14.288-14.287zm-35.477.429 5.904 5.762L25 24l-3.38-3.523-7.335 7.285-2.57-2.62 9.904-9.427zm64.047 4.762-4.57 4.57L96.38 40.334l3.619-3.62V34.81L85.666 20.477zm.049 2L99 35.762l-2.572 2.572-13.285-13.287 2.572-2.57zm-6.953 4.904L67.809 38.334l-3.57-3.572-4.573 4.572 8.143 8.143 15.525-15.524-4.572-4.572zm-71.666.238-4.573 4.572L17.81 47.477l4.572-4.573L7.096 27.62zm50 0L45.38 39.334l4.572 4.57 11.713-11.713-4.57-4.572zm21.713 1.762 2.572 2.572-13.524 13.524-6.142-6.143 2.57-2.572 3.572 3.572L78.81 29.381zm-71.713.238L20.38 42.904l-2.572 2.573L4.523 32.19l2.573-2.572zm50 0 2.57 2.572-9.713 9.713-2.572-2.57 9.715-9.715zm28.57 5.143-4.57 4.572 11.713 11.713 4.572-4.57-11.715-11.715zM0 34.809v1.906l.953-.953L0 34.809zm85.715 1.953 9.713 9.715-2.57 2.57-9.715-9.713 2.572-2.572zm-82.192 1.81L0 41.877v2.08l2.523 2.424L0 48.973v2.12l7.096 7.098 8.142-8.144L3.523 38.572zm0 1.951L13.238 50l-6.142 6.143L.953 50l3.57-3.715L1 42.857l2.523-2.334zM100 41.877l-1.096 1.027L100 43.957v-2.08zm-57.191.027-4.57 4.573 4.57 4.57 4.572-4.57-4.572-4.573zm14.287 0L45.38 53.62l4.572 4.572 7.143-7.144 10.713 10.715 4.572-4.57-15.285-15.288zm21.476 0-8.144 8.143L75 54.619l3.572-3.572 7.143 7.144 4.57-4.572-11.713-11.715zm-35.763 2 2.572 2.573-2.572 2.57-2.57-2.57 2.57-2.573zm14.287 0L70.38 57.191l-2.572 2.57-10.713-10.714-7.143 7.144-2.572-2.572 9.715-9.715zm21.476 0 9.713 9.715-2.57 2.572-7.143-7.144L75 52.619l-2.572-2.572 6.144-6.143zm-53.619 1.573L9.666 60.762l4.572 4.572 15.285-15.287-4.57-4.57zm0 2 2.57 2.57-13.285 13.287-2.572-2.572 13.287-13.285zM100 48.973l-1.047 1.074L100 51.094v-2.121zm-64.334.074-4.57 4.572 18.857 18.858 11.713-11.715-4.57-4.57-7.143 7.142-14.287-14.287zm0 2 14.287 14.287 7.143-7.143 2.57 2.57-9.713 9.716-16.857-16.858 2.57-2.572zm60.953 1.81-4.572 4.57L100 65.382v-2.049l-5.904-5.904 2.57-2.57L100 58.19v-1.953l-3.38-3.38zm-68.096 3.334L9.666 75.047l4.572 4.572 7.143-7.142 7.142 7.142 4.573-4.572-7.143-7.143 2.57-2.57 7.143 7.143 4.572-4.573-11.715-11.713zm50 0-8.142 8.143 8.142 8.143 4.573-4.573-3.573-3.57 3.573-3.572-4.573-4.57zM0 56.238v2l9.666 9.666-2.57 2.573L0 63.38v2l7.096 7.096 4.57-4.573L0 56.238zm28.523 1.905 9.715 9.714-2.572 2.57-7.143-7.142-4.57 4.572L31.096 75l-2.573 2.572-7.142-7.144-7.143 7.144L11.666 75l16.857-16.857zm50 .048 2.573 2.57-3.573 3.573 3.573 3.57-2.573 2.573-6.142-6.143 6.142-6.143zm10.715 1.57-4.572 4.573 3.572 3.57-6.904 6.905 4.57 4.572 11.477-11.477-8.143-8.142zm.047 2 6.143 6.143-9.475 9.477-2.572-2.572 6.904-6.905-3.57-3.57 2.57-2.572zm-25.047 1.573-8.142 8.143 4.57 4.57 8.143-8.143-4.57-4.57zm0 2 2.57 2.57-6.142 6.143-2.57-2.57 6.142-6.143zm-21.43 5.143L28.524 84.762l-7.142-7.143-4.572 4.57 11.714 11.715 18.858-18.857-4.572-4.57zm28.573 0-4.572 4.57 11.714 11.715 4.573-4.573L71.38 70.477zm28.572 0L88.238 82.189l4.57 4.43 7.145-7 .047.047v-2.094l-7.143 7.047-2.572-2.476L100 72.428v-1.905l-.047-.046zM0 70.523v1.952l16.809 16.81-2.57 2.572-3.573-3.572-7.143 7.143L0 91.904v2.05l3.523 3.523 7.143-7.143 3.572 3.57 4.57-4.57L0 70.524zm42.809 1.954 2.572 2.57-16.858 16.857-9.714-9.715 2.572-2.57 7.142 7.143L42.81 72.477zm28.572 0 9.715 9.712-2.573 2.573-9.714-9.715 2.572-2.57zm-17.858 1.57-4.57 4.572 4.57 4.57 4.573-4.57-4.573-4.572zm0 2 2.573 2.572-2.573 2.57-2.57-2.57 2.57-2.572zM0 77.619v2.047l6.096 6.096-2.573 2.666L0 84.81v1.953l3.523 3.664 4.573-4.713L0 77.619zm64.238 0L53.523 88.334l-7.142-7.145-4.572 4.573 11.714 11.715L68.81 82.189l-4.57-4.57zm0 2 2.57 2.57-13.285 13.288-9.714-9.715 2.572-2.573 7.142 7.145 10.715-10.715zm7.143 5.143-8.143 8.142 4.57 4.573 3.573-3.573 3.572 3.573 4.57-4.573-8.142-8.142zm14.285 0-4.57 4.572L89 97.238l4.572-4.572-7.906-7.904zm14.287 0-4.572 4.572 4.619 4.62v-2.097l-2.572-2.572 2.572-2.57V84.81l-.047-.05zm-28.525 1.953 6.144 6.142L75 95.427l-3.572-3.57-3.57 3.57-2.573-2.57 6.143-6.142zm14.287.047 5.904 5.904-2.572 2.572-5.904-5.904 2.572-2.572zm-46.477 1.572-4.572 4.57L41.762 100h2l-7.096-7.096 2.572-2.57L48.906 100h2L39.238 88.334zm-18.095 3.57-7.096 7.143-3.332-3.332L6.289 100h2.143l2.33-2.285L13.049 100h2.094l6.095-6.096L24 96.524 20.71 100h1.999L26 96.428l-4.857-4.524zm75.476 3.334L91.857 100h2.047l2.762-2.762 2.572 2.57-.191.192H100v-1.38l-3.38-3.382zm-36.142.096L55.879 100h1.978l2.57-2.62L62.79 100h1.908l-4.22-4.666zm-28.381.094L27.523 100h2.096l2.524-2.523L34.678 100h2.008l-4.59-4.572zm50 .049L77.572 100h2.047l2.524-2.523L84.668 100h1.951l-4.523-4.523zM0 98.617V100h1l.191-.191L0 98.617zm71.38.43-.952.953h1.906l-.953-.953z'  stroke-width='1' stroke='none' fill='hsla(0, 0%, 100%, 0.05)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>") !important;
    background-attachment: fixed;
}
.pattern5 {
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='100' height='100' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 0%, 100%, 0)'/><path d='M0 0v1l1-1H0zm6.29 0-.147.143 11.81 11.619 8.19-8.143L22.666.047 22.709 0h-1.998l-.045.047 3.477 3.572-6.19 6.143L8.238.192 8.434 0H6.289zm6.759 0 1.047 1.047L15.143 0h-2.094zm14.474 0 7.143 7.143-2.428 2.523-3.43-3.523-4.855 4.572 8.238 8.142L43.857 7.143 36.686 0h-2.008l7.226 7.191-9.666 9.713L26 10.762l2.762-2.57 3.476 3.617 4.477-4.618L29.572.047 29.62 0h-2.096zm14.288 0 4.808 4.809 4.572-4.57L50.953 0h-2.047l.285.285-2.572 2.572L43.762 0H41.81zm14.068 0-17.64 17.904 4.57 4.62L65 .333 64.697 0H62.79l.258.285-20.19 20.192-2.572-2.573L57.857 0H55.88zm14.549 0-3.62 3.62 8.145 8.142L86.666.047 86.619 0h-1.951l.047.047L75 9.762l-6.143-6.143 2.57-2.572L75 4.619 79.62 0h-2.048l-2.619 2.62L72.334 0h-1.906zm21.43 0-3.62 3.62 4.57 4.571L100 .998V0h-.953l-6.19 6.191-2.572-2.572L93.905 0h-2.048zm-88 2.191L0 6.091v2.04l3.762-3.846 2.666 3.049-6.381 6.19-.047-.05v2.098l8.38-8.095L3.858 2.19zM100 6.091l-4.572 4.624L100 15.572v-2.097l-2.572-2.713L100 8.13V6.09zm-35.762.1-4.572 4.57 4.572 4.573 4.57-4.572-4.57-4.57zm21.428 0L74.953 16.904l-3.572-3.57-4.572 4.57 8.144 8.143 15.285-15.285-4.572-4.57zm-21.428 2 2.57 2.57-2.57 2.573-2.572-2.572 2.572-2.57zm21.477 0 2.57 2.57L75 24.048l-6.143-6.143 2.57-2.57L75 18.904 85.715 8.191zM10.666 10 0 20.668v2L10.666 12l2.572 2.572L0 27.811v2l15.238-15.239L10.666 10zm46.43 3.334L42.809 27.619l-7.381-7.38-8.143 8.142 4.572 4.572 3.57-3.572 2.811 2.81-6.142 6.143L21.38 27.619l-4.572 4.572 15.287 15.286 25-25L67.809 33.19l4.572-4.572-15.285-15.285zm35.713.238-4.57 4.57 11.714 11.715.047-.046v-1.954l-9.715-9.714 2.572-2.57L100 22.714v-2.047l-.047.047-7.144-7.143zm-71.143.094-12 11.38 4.572 4.669 7.334-7.238 3.381 3.57 4.62-4.62-7.907-7.761zm35.43 1.62L70.38 28.571l-2.572 2.57-10.713-10.714-25 25-13.287-13.285 2.572-2.57 10.715 10.712 8.142-8.142-4.81-4.809-3.57 3.57-2.573-2.57 6.143-6.143 7.38 7.381 14.288-14.287zm-35.477.429 5.904 5.762L25 24l-3.38-3.523-7.335 7.285-2.57-2.62 9.904-9.427zm64.047 4.762-4.57 4.57L96.38 40.334l3.619-3.62V34.81L85.666 20.477zm.049 2L99 35.762l-2.572 2.572-13.285-13.287 2.572-2.57zm-6.953 4.904L67.809 38.334l-3.57-3.572-4.573 4.572 8.143 8.143 15.525-15.524-4.572-4.572zm-71.666.238-4.573 4.572L17.81 47.477l4.572-4.573L7.096 27.62zm50 0L45.38 39.334l4.572 4.57 11.713-11.713-4.57-4.572zm21.713 1.762 2.572 2.572-13.524 13.524-6.142-6.143 2.57-2.572 3.572 3.572L78.81 29.381zm-71.713.238L20.38 42.904l-2.572 2.573L4.523 32.19l2.573-2.572zm50 0 2.57 2.572-9.713 9.713-2.572-2.57 9.715-9.715zm28.57 5.143-4.57 4.572 11.713 11.713 4.572-4.57-11.715-11.715zM0 34.809v1.906l.953-.953L0 34.809zm85.715 1.953 9.713 9.715-2.57 2.57-9.715-9.713 2.572-2.572zm-82.192 1.81L0 41.877v2.08l2.523 2.424L0 48.973v2.12l7.096 7.098 8.142-8.144L3.523 38.572zm0 1.951L13.238 50l-6.142 6.143L.953 50l3.57-3.715L1 42.857l2.523-2.334zM100 41.877l-1.096 1.027L100 43.957v-2.08zm-57.191.027-4.57 4.573 4.57 4.57 4.572-4.57-4.572-4.573zm14.287 0L45.38 53.62l4.572 4.572 7.143-7.144 10.713 10.715 4.572-4.57-15.285-15.288zm21.476 0-8.144 8.143L75 54.619l3.572-3.572 7.143 7.144 4.57-4.572-11.713-11.715zm-35.763 2 2.572 2.573-2.572 2.57-2.57-2.57 2.57-2.573zm14.287 0L70.38 57.191l-2.572 2.57-10.713-10.714-7.143 7.144-2.572-2.572 9.715-9.715zm21.476 0 9.713 9.715-2.57 2.572-7.143-7.144L75 52.619l-2.572-2.572 6.144-6.143zm-53.619 1.573L9.666 60.762l4.572 4.572 15.285-15.287-4.57-4.57zm0 2 2.57 2.57-13.285 13.287-2.572-2.572 13.287-13.285zM100 48.973l-1.047 1.074L100 51.094v-2.121zm-64.334.074-4.57 4.572 18.857 18.858 11.713-11.715-4.57-4.57-7.143 7.142-14.287-14.287zm0 2 14.287 14.287 7.143-7.143 2.57 2.57-9.713 9.716-16.857-16.858 2.57-2.572zm60.953 1.81-4.572 4.57L100 65.382v-2.049l-5.904-5.904 2.57-2.57L100 58.19v-1.953l-3.38-3.38zm-68.096 3.334L9.666 75.047l4.572 4.572 7.143-7.142 7.142 7.142 4.573-4.572-7.143-7.143 2.57-2.57 7.143 7.143 4.572-4.573-11.715-11.713zm50 0-8.142 8.143 8.142 8.143 4.573-4.573-3.573-3.57 3.573-3.572-4.573-4.57zM0 56.238v2l9.666 9.666-2.57 2.573L0 63.38v2l7.096 7.096 4.57-4.573L0 56.238zm28.523 1.905 9.715 9.714-2.572 2.57-7.143-7.142-4.57 4.572L31.096 75l-2.573 2.572-7.142-7.144-7.143 7.144L11.666 75l16.857-16.857zm50 .048 2.573 2.57-3.573 3.573 3.573 3.57-2.573 2.573-6.142-6.143 6.142-6.143zm10.715 1.57-4.572 4.573 3.572 3.57-6.904 6.905 4.57 4.572 11.477-11.477-8.143-8.142zm.047 2 6.143 6.143-9.475 9.477-2.572-2.572 6.904-6.905-3.57-3.57 2.57-2.572zm-25.047 1.573-8.142 8.143 4.57 4.57 8.143-8.143-4.57-4.57zm0 2 2.57 2.57-6.142 6.143-2.57-2.57 6.142-6.143zm-21.43 5.143L28.524 84.762l-7.142-7.143-4.572 4.57 11.714 11.715 18.858-18.857-4.572-4.57zm28.573 0-4.572 4.57 11.714 11.715 4.573-4.573L71.38 70.477zm28.572 0L88.238 82.189l4.57 4.43 7.145-7 .047.047v-2.094l-7.143 7.047-2.572-2.476L100 72.428v-1.905l-.047-.046zM0 70.523v1.952l16.809 16.81-2.57 2.572-3.573-3.572-7.143 7.143L0 91.904v2.05l3.523 3.523 7.143-7.143 3.572 3.57 4.57-4.57L0 70.524zm42.809 1.954 2.572 2.57-16.858 16.857-9.714-9.715 2.572-2.57 7.142 7.143L42.81 72.477zm28.572 0 9.715 9.712-2.573 2.573-9.714-9.715 2.572-2.57zm-17.858 1.57-4.57 4.572 4.57 4.57 4.573-4.57-4.573-4.572zm0 2 2.573 2.572-2.573 2.57-2.57-2.57 2.57-2.572zM0 77.619v2.047l6.096 6.096-2.573 2.666L0 84.81v1.953l3.523 3.664 4.573-4.713L0 77.619zm64.238 0L53.523 88.334l-7.142-7.145-4.572 4.573 11.714 11.715L68.81 82.189l-4.57-4.57zm0 2 2.57 2.57-13.285 13.288-9.714-9.715 2.572-2.573 7.142 7.145 10.715-10.715zm7.143 5.143-8.143 8.142 4.57 4.573 3.573-3.573 3.572 3.573 4.57-4.573-8.142-8.142zm14.285 0-4.57 4.572L89 97.238l4.572-4.572-7.906-7.904zm14.287 0-4.572 4.572 4.619 4.62v-2.097l-2.572-2.572 2.572-2.57V84.81l-.047-.05zm-28.525 1.953 6.144 6.142L75 95.427l-3.572-3.57-3.57 3.57-2.573-2.57 6.143-6.142zm14.287.047 5.904 5.904-2.572 2.572-5.904-5.904 2.572-2.572zm-46.477 1.572-4.572 4.57L41.762 100h2l-7.096-7.096 2.572-2.57L48.906 100h2L39.238 88.334zm-18.095 3.57-7.096 7.143-3.332-3.332L6.289 100h2.143l2.33-2.285L13.049 100h2.094l6.095-6.096L24 96.524 20.71 100h1.999L26 96.428l-4.857-4.524zm75.476 3.334L91.857 100h2.047l2.762-2.762 2.572 2.57-.191.192H100v-1.38l-3.38-3.382zm-36.142.096L55.879 100h1.978l2.57-2.62L62.79 100h1.908l-4.22-4.666zm-28.381.094L27.523 100h2.096l2.524-2.523L34.678 100h2.008l-4.59-4.572zm50 .049L77.572 100h2.047l2.524-2.523L84.668 100h1.951l-4.523-4.523zM0 98.617V100h1l.191-.191L0 98.617zm71.38.43-.952.953h1.906l-.953-.953z'  stroke-width='1' stroke='none' fill='hsla(0, 0%, 100%, 0.05)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0) scale(1.1,1.1)' fill='url(%23a)'/></svg>") !important;
    background-attachment: fixed;
}

/* Progress bar */
.progress {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.progress-step {
    display: table-cell;
    position: relative;
    width: calc(100% / 3);
}

/* The circles number the steps, so the steps take none of the site's numbered list styling. */
.progress > .progress-step {
    margin: 0;
    padding: 0;
}

.progress > .progress-step::before {
    content: none;
}

.progress-step-circle {
    position: relative;
    z-index: 2;

    border: 2px solid;
    border-radius: 50%;
    height: 2rem;
    width: 2rem;

    margin: auto;

    font-size: 1rem;
    text-align: center;
    line-height: calc(2rem - 4px);

    border-color: var(--progress-inactive);
    color: var(--progress-inactive);
}

.progress-step-circle-current {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

.progress-step-circle-done {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
    color: revert;
}

.progress-step-title {
    margin-top: 1rem;
    text-align: center;
}

.progress-step-bar {
    position: absolute;
    z-index: 1;

    top: calc(1rem - (5px / 2));
    left: calc(50% - 1px);
    margin-left: 1rem;

    height: 5px;
    width: calc((100% - 2rem) + 2px);

    background-color: var(--progress-inactive);
}

/* Reconnect */
#components-reconnect-modal {
    opacity: 0.9 !important; /* even higher contrast */
    color: #000 !important;
}

#components-reconnect-modal a {
    color: #00f !important;
}

#components-reconnect-modal button {
    color: #fff !important;
}

.new {
    font-size: 0.6em;
    text-transform: uppercase;
    text-align: center;
    color: yellow;
    font-weight: bold;
    border: 2px solid yellow;
    border-radius: 0.5em;
    margin-right: 1em;
    padding: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    letter-spacing: 0.2em;
}

.ns-prefix {
    color: gray;
    font-style: italic;
}

.data-paginator {
    font-size: 1rem;
    line-height: 1.5;
}

.data-paginator .pagination {
    margin: 0;
}

.accordion-dark .data-paginator .page-item:not(.active) .page-link {
    background-color: unset;
    border-color: #484848;
}

/*.accordion-dark .dropdown-menu {*/
/*    background-color: #000;*/
/*}*/

.data-paginator .nav-icon {
    min-width: 1.3em;
    min-height: 1.5em;
    height: 100%;
}

.data-paginator .nav-ellipsis {
    color: unset;
}

.data-paginator .nav-ellipsis:hover {
    background-color: unset;
}

.data-paginator .nav-forward {
    background: var(--forward-arrow) no-repeat center;
}

.data-paginator .nav-back {
    background: var(--forward-arrow) no-repeat center;
    transform: scaleX(-1);
}

.data-paginator .nav-fforward {
    background: var(--forward-arrow) no-repeat 100% center, var(--forward-arrow) no-repeat 0 center;
}

.data-paginator .nav-rewind {
    background: var(--forward-arrow) no-repeat 100% center, var(--forward-arrow) no-repeat 0 center;
    transform: scaleX(-1);
}

.data-table {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
}

.accordion-dark .data-table > :not(caption) > * {
    border-color: #484848;
}

.data-table tr > td,
.data-table tr > th {
    white-space: nowrap;
}

.data-table .dropdown-button {
    padding: 0;
    min-width: 0;
    width: 100%;
    text-align: center;
}

.data-table tr > td.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 1px;
    width: 100%;
}

.data-table .data-table-filter-select option {
    padding: 4px;
}

.data-table thead .col-options {
    padding: .2em;
}

/* do not show empty cells */
.quickgrid > tbody > tr:not([aria-rowindex]) {
    display: none;
}

/* copy code */

.code-container {
    position: relative;
}

/* doc menu */
.doc-section {
    padding: 0;
}

.doc-index {
    position: sticky;
    top: calc(72px);
    height: calc(100vh - 72px);
}

@media (max-width: 576px) {
    .doc-index {
        display: none !important;
    }
}

.doc-index > .card {
    border-radius: 0;
    width: 19rem;
    overflow-y: auto;
    overflow-x: hidden;

    scrollbar-width: thin;
    scrollbar-color: #fff var(--prism-dark);
}

.doc-index > .card > .card-body {
    padding-left: 22px;
}

.doc-section .accordion-body {
    background-color: var(--prism-dark);
}

/* The content column shares its row with the menu. As a flex item it would otherwise grow to its
   longest line of code or widest table and push the page wider than the window. */
.doc-section .accordion-dark {
    min-width: 0;
}

.doc-content {
    padding-right: 22px;
    max-width: 60rem;
    height: 100%;
}

figcaption {
    font-size: small;
    margin-top: -.7rem;
}

figcaption code {
    font-size: small;
}

.nav-pills .nav-link:not(.active) {
    background-image: none;
}

p:has(+ h2, + h3) {
    margin-bottom: 1.5rem;
}