@charset "UTF-8";

/*
Based on
 - sanitize.css https://github.com/csstools/sanitize.css CC0
 - Bootstrap 5 https://getbootstrap.com/ MIT
*/

/* Add the correct system-ui font-family in Firefox. */

@font-face {
    font-family: system-ui;
    src: local(".AppleSystemUIFont"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("HelveticaNeue");
}

@font-face {
    font-family: system-ui;
    font-style: italic;
    src: local(".AppleSystemUIFont"), local("Segoe UI Italic"), local("Ubuntu-Italic"), local("Roboto-Italic"), local("HelveticaNeue-Italic");
}

@font-face {
    font-family: system-ui;
    font-weight: bold;
    src: local(".AppleSystemUIFont"), local("Segoe UI Bold"), local("Ubuntu-Bold"), local("Roboto-Bold"), local("HelveticaNeue-Bold");
}

@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: bold;
    src: local(".AppleSystemUIFont"), local("Segoe UI Bold Italic"), local("Ubuntu-BoldItalic"), local("Roboto-BoldItalic"), local("HelveticaNeue-BoldItalic");
}

:root {
    --border-radius-s: 0.25em;
    --border-radius-m: 0.5em;
    --border-radius-l: 1em;

    font-family:
        system-ui,
            /* macOS 10.11-10.12 */ -apple-system, BlinkMacSystemFont,
            /* Windows 6+ */ "Segoe UI",
            /* Android 4+ */ "Roboto",
            /* Ubuntu 10.10+ */ "Ubuntu",
            /* Gnome 3+ */ "Cantarell",
            /* KDE Plasma 5+ */ "Noto Sans",
            /* fallback */ "Calibri", "Open Sans", "Lucida Sans", "Lucida Grande", "Helvetica Neue", "Liberation Sans", ui-sans-serif, sans-serif,
            /* macOS emoji */ "Apple Color Emoji",
            /* Windows emoji */ "Segoe UI Emoji",
            /* Windows emoji */ "Segoe UI Symbol",
            /* Linux emoji */ "Noto Color Emoji";
    cursor: default;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. */
    font-weight: 400;
    line-height: 1.15;
    overflow-wrap: break-word;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-tap-highlight-color: transparent;
    -moz-tab-size: 2;
    tab-size: 2;
}

*,
::before,
::after {
    box-sizing: border-box;
    background-repeat: no-repeat;
}



/* Add the correct system-ui font-family in Chrome, Edge, and Firefox. */

@font-face {
    font-family: ui-monospace;
    src: local(".AppleSystemUIFontMonospaced-Regular"), local("Segoe UI Mono"), local("UbuntuMono"), local("Roboto-Mono"), local("Menlo");
}

@font-face {
    font-family: ui-monospace;
    font-style: italic;
    src: local(".AppleSystemUIFontMonospaced-RegularItalic"), local("Segoe UI Mono Italic"), local("UbuntuMono-Italic"), local("Roboto-Mono-Italic"), local("Menlo-Italic");
}

@font-face {
    font-family: ui-monospace;
    font-weight: bold;
    src: local(".AppleSystemUIFontMonospaced-Bold"), local("Segoe UI Mono Bold"), local("UbuntuMono-Bold"), local("Roboto-Mono-Bold"), local("Menlo-Bold");
}

@font-face {
    font-family: ui-monospace;
    font-style: italic;
    font-weight: bold;
    src: local(".AppleSystemUIFontMonospaced-BoldItalic"), local("Segoe UI Mono Bold Italic"), local("UbuntuMono-BoldItalic"), local("Roboto-Mono-BoldItalic"), local("Menlo-BoldItalic");
}

pre,
code,
kbd,
samp,
.font-monospace
{
    font-family:
        ui-monospace,
            /* macOS 10.10+ */ "Menlo",
            /* Windows 6+ */ "Consolas",
            /* Android 4+ */ "Roboto Mono",
            /* Ubuntu 10.10+ */ "Ubuntu Monospace",
            /* KDE Plasma 5+ */ "Noto Mono",
            /* KDE Plasma 4+ */ "Oxygen Mono",
            /* Linux/OpenOffice fallback */ "Liberation Mono",
            /* fallback */ SFMono-Regular, Monaco, monospace,
            /* macOS emoji */ "Apple Color Emoji",
            /* Windows emoji */ "Segoe UI Emoji",
            /* Windows emoji */ "Segoe UI Symbol",
            /* Linux emoji */ "Noto Color Emoji";
    font-size: 1em;
}

pre
{
    display: block;
    margin-top: 0;
    margin-bottom: 1em;
    overflow: auto;
}

pre code
{
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

code
{
    word-wrap: break-word;
}

a > code
{
    color: inherit;
}

kbd
{
    padding: 0.1875rem 0.375rem;
    color: var(--eit-fg);
    background-color: var(--eit-bg-3);
    border: 1px solid var(--eit-fg);
    border-radius: var(--border-radius-s);
}

kbd kbd
{
    padding: 0;
    font-size: 1em;
}

/* Sections */

body
{
    margin: 0;
    color: var(--eit-fg);
    background-color: var(--eit-bg-1);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-size: calc(0.8rem + 0.3vw);
}




hr
{
    box-sizing: content-box;
    height: 0;
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid currentColor;
    opacity: 0.25;
    overflow: visible;
}

a
{
    color: var(--eit-fg-link);
    text-decoration: none;
    font-weight: bolder;
    background-color: transparent;
}

a:hover
{
    color: var(--eit-fg-linkhover);
    text-decoration: none;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover
{
    color: inherit;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6
{
    margin-top: 0;
    margin-bottom: 0.5em;
    font-weight: 700;
    line-height: 1.2;
    color:var(--eit-fg-heading);
}

h1
{
    font-size: 1.8em;
}

h2
{
    font-size: 1.5em;
}

h3
{
    font-size: 1.3em;
}

h4
{
    font-size: 1.2em;
}

h5
{
    font-size: 1.1em;
}

h6
{
    font-size: 1em;
}

p
{
    margin-top: 0;
    margin-bottom: 0.5rem;
}

abbr[title]
{
    -webkit-text-decoration: underline dotted;
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    border-bottom: none;
}

b,
strong
{
    font-weight: bolder;
}

small
{
    font-size: 0.8em;
}

address
{
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul
{
    padding-left: 2rem;
}

ol,
ul,
dl
{
    margin-top: 0;
    margin-bottom: 1rem;
}

:where(dl, ol, ul) :where(dl, ol, ul) {
    margin: 0;
}

dt
{
    font-weight: 700;
}

dd
{
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote
{
    margin: 0 0 1rem;
}

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

sub
{
    bottom: -0.25em;
}

sup
{
    top: -0.5em;
}




figure
{
    margin: 0 0 1em;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
    height: auto;
}

:where(svg:not([fill])) {
    fill: currentColor;
}

table
{
    caption-side: bottom;
    border-collapse: collapse;
    border-color: currentColor;
    text-indent: 0;
}

caption
{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--eit-accent-dark);
    text-align: left;
}

th
{
    text-align: inherit;
    text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th
{
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}


label
{
    display: block;
    line-height: 1.5em;
}

label:has(input[required], select[required], textarea[required]) span:after {
    content: ' *';
    color: var(--eit-danger);
}


is-required:after {
}

invalid-feedback {
    display: block;
    margin-top: 0.1em;
    margin-bottom: 0.25em;
    color: var(--eit-danger);
}

/**
         * Correct the inability to style buttons in iOS and Safari.
         */

:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
    -webkit-appearance: button;
}

input,
button,
select,
optgroup,
textarea
{
    font-family: inherit;
    font-size: 1em;
    line-height: 1.15;
    margin: 0;
}

button,
select
{
    text-transform: none;
}

button,
input
{
    overflow: visible;
}

select {
    word-wrap: normal;
    /*            -webkit-appearance: none;
            appearance: none;
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center / 1em;
            border-radius: 0;
            padding-right: 1em;*/
}

/*
        :where(select[multiple]) {
            background-image: none;
        }
        */

select:disabled {
    opacity: 1;
}


[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important;
}

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

:where(input:not([type=color]), select, textarea) {
    height: auto;
    max-width: 100%;
}

textarea {
    resize: vertical;
    min-height: calc(1.5em + 0.75rem + 2px);
    /*overflow: auto;*/
    /*    max-width: 100%;*/
    /*    scrollbar-color: var(--eit-fg-a20) var(--eit-fg-a5);*/
    /*    scrollbar-width: thin;*/
}

[type=color] {
    width: 3rem;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem;
}
[type=color]:not(:disabled):not([readonly]) {
    cursor: pointer;
}
[type=color]::-moz-color-swatch {
    border: 0 !important;
    border-radius: var(--border-radius-m);
}
[type=color]::-webkit-color-swatch {
    border-radius: var(--border-radius-m);
}



fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend
{
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
}

legend + * {
    clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button,
::-webkit-inner-spin-button,
::-webkit-outer-spin-button
{
    /*height: auto;*/
    -webkit-appearance: none;
}

input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield !important;
}

::placeholder,
::-moz-placeholder,
::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.5;
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}

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

.search-input-container {
    position: relative;
    display: inline-flex;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

.search-input-container > .search-input-field {
    padding-inline-end: 2.75em;
}

button.search-input-clear {
    --btn-fg: var(--eit-fg-input-field);
    --btn-bg: transparent;
    --btn-border: transparent;
    --btn-fg-hover: var(--eit-fg-input-field);
    --btn-bg-hover: transparent;
    --btn-border-hover: transparent;
    --btn-fg-active: var(--eit-fg-input-field);
    --btn-bg-active: transparent;
    --btn-border-active: transparent;
    position: absolute;
    z-index: 2;
    inset-block: 0;
    inset-inline-end: 0;
    display: inline-flex;
    width: 2.75em;
    padding: 0;
    align-items: center;
    justify-content: center;
    color: var(--eit-fg-input-field);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

button.search-input-clear:hover,
button.search-input-clear:focus-visible,
button.search-input-clear:active,
button.search-input-clear:active:focus-visible {
    color: var(--eit-fg-input-field);
    border: 0;
    background: transparent;
}

button.search-input-clear[hidden] {
    display: none;
}

::-webkit-color-swatch-wrapper {
    padding: 0;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
    border-radius: 0 !important;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
    border-radius: 0 !important;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
}

[type=file] {
    padding: 0 !important;
    overflow: hidden;
}

[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer;
}

::-webkit-date-and-time-value {
    height: 1.5em;
}

output {
    display: inline-block;
}

iframe {
    border: 0;
}

details {
    display: block;
}

summary {
    display: list-item;
    cursor: pointer;
}

progress {
    vertical-align: baseline;
}

.hidden, [hidden], template
{
    display: none !important;
}




.dimmed {
    color: var(--eit-fg-dimmed);
}

.active {
    color: var(--eit-fg-active);
    font-weight: bold;
}

mark,
.mark,
.marked
{
    padding: 0.1875em;
    background-color: var(--eit-bg-mark);
    color: var(--eit-fg-mark);
}

::selection,
.selection {
    background-color: var(--eit-bg-selection);
    color: var(--eit-fg-selection);
}

code {
    background: #ecf0f1; /*TODO*/
    color: #2c3e50; /*TODO*/
}

i {
    margin-right: 0.25em
}



/* Interactive
         * ========================================================================== */

/*
         * Add the correct styles in Safari.
         */

:where(dialog) {
    background-color: white;
    border: solid;
    color: black;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content;
}

:where(dialog:not([open])) {
    display: none;
}

/*
         * Add the correct display in Safari.
         */

:where(details > summary:first-of-type) {
    display: list-item;
}

/* Accessibility
         * ========================================================================== */

/**
         * Change the cursor on busy elements in all browsers (opinionated).
         */

:where([aria-busy="true" i]) {
    cursor: progress;
}

/*
         * Change the cursor on disabled, not-editable, or otherwise
         * inoperable elements in all browsers (opinionated).
         */

:where([aria-disabled="true" i], [disabled]) {
    cursor: not-allowed;
}

/*
         * Change the display on visually hidden accessible elements
         * in all browsers (opinionated).
         */

:where([aria-hidden="false" i][hidden]) {
    display: initial;
}

:where([aria-hidden="false" i][hidden]:not(:focus)) {
    clip: rect(0, 0, 0, 0);
    position: absolute;
}









input-group {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    background-color: var(--eit-bg-input-field);
}
input-group > .form-control,
input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
input-group > .form-control:focus,
input-group > .form-select:focus {
    z-index: 5;
}
input-group .btn {
    position: relative;
    z-index: 2;
}
input-group .btn:focus {
    z-index: 5;
}

input-group-addon {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: var(--eit-fg);
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid var(--eit-border-input-element);
    border-radius: var(--border-radius-m);
}

input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* unused */
input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}







input:not([type=button], [type=submit], [type=reset], [type=radio], [type=checkbox], [type=range]),
textarea {
    display: block;
    width: 100%;
    padding: 0.375em 0.75em;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: var(--eit-fg-input-field);
    background-color: var(--eit-bg-input-field);
    background-clip: padding-box;
    border: 1px solid var(--eit-border-input-element);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--border-radius-m);

}

input:not([type=button], [type=submit], [type=reset], [type=range]).is-invalid,
select.is-invalid,
textarea.is-invalid {
    border-color: var(--eit-danger) !important;
}

@media (prefers-reduced-motion: no-preference)
{
    input:not([type=button], [type=submit], [type=reset], [type=radio], [type=checkbox], [type=range]),
    textarea {
        /*transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
}

input,
select,
textarea {
    --eit-shadow-focus: 0 0 0 0.15em;
    --input-focus-color: color-mix(in srgb, var(--eit-primary-a50) 60%, transparent);
}

input:not([type=button], [type=submit], [type=reset], [type=radio], [type=checkbox]):focus-visible,
input:not([type=button], [type=submit], [type=reset], [type=radio], [type=checkbox]):focus,
textarea:focus-visible,
textarea:focus
{
    outline: 0;
    box-shadow: var(--eit-shadow-focus) var(--input-focus-color);
}

/* Keep autofill text consistent, including the browser's initial preview. */
input:is(:autofill, :-webkit-autofill)::first-line {
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
}

:is(input, select, textarea):is(:autofill, :-webkit-autofill) {
    --input-autofill-background: color-mix(in srgb, var(--eit-bg-input-field) 85%, var(--eit-fg-input-field));
    --input-autofill-shadow: inset 0 0 0 1000px var(--input-autofill-background);
    caret-color: var(--eit-fg-input-field);
    -webkit-text-fill-color: var(--eit-fg-input-field);
    /* An inset shadow covers the browser's protected autofill background. */
    box-shadow: var(--input-autofill-shadow);
}

:is(input, select, textarea):is(:autofill, :-webkit-autofill):is(:focus, :focus-visible) {
    box-shadow: var(--input-autofill-shadow), var(--eit-shadow-focus) var(--input-focus-color);
}

input:is([type=text]):is(:disabled):is([readonly]) {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}






button:focus:not(:focus-visible)
{
    outline: 0;
}

/*button::-moz-focus-inner,*/
/*:is([type=button], [type=submit], [type=reset])::-moz-focus-inner,*/
::-moz-focus-inner
{
    padding: 0;
    border-style: none;
}

button:-moz-focusring,
:is([type=button], [type=submit], [type=reset]):-moz-focusring
{
    color: transparent;
    /*outline: 1px dotted ButtonText;*/
}

input:is([type=button], [type=submit], [type=reset]),
input[type=file]::file-selector-button,
button,
:is([class^="btn-"], [class*=" btn-"])
{
    --btn-fg: var(--eit-fg-highlight);
    --btn-bg: var(--eit-primary);
    --btn-border: var(--eit-primary);
    --btn-fg-hover: var(--eit-fg-linkhover-highlight);
    --btn-bg-hover: var(--eit-primary-dark);
    --btn-border-hover: var(--eit-primary-dark);
    --btn-fg-active: var(--eit-fg-active-highlight);
    --btn-bg-active: var(--eit-primary-dark);
    --btn-border-active: var(--eit-primary-dark);
    --btn-shadow: var(--eit-shadow);
    --btn-shadow-active: var(--eit-shadow-active);
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-primary-a50);

    display: inline-block;
    padding: 0.375em 0.75em;
    font-size: 1em;
    font-weight: bolder;
    line-height: 1.5;
    color: var(--btn-fg);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 0.2rem solid var(--btn-border);
    border-radius: var(--border-radius-m);
    background-color: var(--btn-bg);
}

@media (prefers-reduced-motion: no-preference)
{
    :is([class^="btn-"], [class*=" btn-"])
    {
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
}

button:hover,
:is([type=button], [type=submit], [type=reset]):hover,
:is([class^="btn-"], [class*=" btn-"]):hover,
:not(.btn-check) + :is([class^="btn-"], [class*=" btn-"]):hover,
:is([class^="btn-"], [class*=" btn-"]):first-child:hover
{
    color: var(--btn-fg-hover);
    background-color: var(--btn-bg-hover);
    border-color: var(--btn-border-hover);
}

button:focus-visible,
:is([type=button], [type=submit], [type=reset]):focus-visible,
:is([class^="btn-"], [class*=" btn-"]):focus-visible
{
    color: var(--btn-fg-hover);
    background-color: var(--btn-bg-hover);
    border-color: var(--btn-border-hover);
    outline: 0;
    box-shadow: var(--btn-shadow-focus);
}

/* unused */
.btn-check:focus-visible + :is([class^="btn-"], [class*=" btn-"])
{
    border-color: var(--btn-border-hover);
    outline: 0;
    box-shadow: var(--btn-shadow-focus);
}

button:active,
:is([type=button], [type=submit], [type=reset]):active,
.btn-check:checked + :is([class^="btn-"], [class*=" btn-"]),
:not(.btn-check) + :is([class^="btn-"], [class*=" btn-"]):active,
:is([class^="btn-"], [class*=" btn-"]):first-child:active,
:is([class^="btn-"], [class*=" btn-"]).active,
:is([class^="btn-"], [class*=" btn-"]).show
{
    color: var(--btn-fg-active);
    background-color: var(--btn-bg-active);
    border-color: var(--btn-border-active);
}

button:active:focus-visible,
:is([type=button], [type=submit], [type=reset]):active:focus-visible,
.btn-check:checked + :is([class^="btn-"], [class*=" btn-"]):focus-visible,
:not(.btn-check) + :is([class^="btn-"], [class*=" btn-"]):active:focus-visible,
:is([class^="btn-"], [class*=" btn-"]):first-child:active:focus-visible,
:is([class^="btn-"], [class*=" btn-"]).active:focus-visible,
:is([class^="btn-"], [class*=" btn-"]).show:focus-visible
{
    box-shadow: var(--btn-shadow-focus);
}

button:disabled,
button.disabled,
:is([type=button], [type=submit], [type=reset]):disabled,
:is([type=button], [type=submit], [type=reset]).disabled,
:is([class^="btn-"], [class*=" btn-"]):disabled,
:is([class^="btn-"], [class*=" btn-"]).disabled,
fieldset:disabled :is([class^="btn-"], [class*=" btn-"])
{
    pointer-events: none;
    cursor: default;
    opacity: 0.60;
}

.btn-primary {
    --btn-fg: var(--eit-fg-highlight) !important;
    --btn-bg: var(--eit-primary) !important;
    --btn-border: var(--eit-primary) !important;
    --btn-fg-hover: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-hover: var(--eit-primary-dark) !important;
    --btn-border-hover: var(--eit-primary-dark) !important;
    --btn-fg-active: var(--eit-fg-active-highlight) !important;
    --btn-bg-active: var(--eit-primary-dark) !important;
    --btn-border-active: var(--eit-primary-dark) !important;
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-primary-a50) !important;
}

.btn-secondary {
    --btn-fg: var(--eit-fg-highlight) !important;
    --btn-bg: var(--eit-secondary) !important;
    --btn-border: var(--eit-secondary) !important;
    --btn-fg-hover: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-hover: var(--eit-secondary-dark) !important;
    --btn-border-hover: var(--eit-secondary-dark) !important;
    --btn-fg-active: var(--eit-fg-active-highlight) !important;
    --btn-bg-active: var(--eit-secondary-dark) !important;
    --btn-border-active: var(--eit-secondary-dark) !important;
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-secondary-a50) !important;
}

.btn-success {
    --btn-fg: var(--eit-fg-highlight) !important;
    --btn-bg: var(--eit-success) !important;
    --btn-border: var(--eit-success) !important;
    --btn-fg-hover: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-hover: var(--eit-success-dark) !important;
    --btn-border-hover: var(--eit-success-dark) !important;
    --btn-fg-active: var(--eit-fg-active-highlight) !important;
    --btn-bg-active: var(--eit-success-dark) !important;
    --btn-border-active: var(--eit-success-dark) !important;
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-success-a50) !important;
}

.btn-info {
    --btn-fg: var(--eit-fg-highlight) !important;
    --btn-bg: var(--eit-info) !important;
    --btn-border: var(--eit-info) !important;
    --btn-fg-hover: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-hover: var(--eit-info-dark) !important;
    --btn-border-hover: var(--eit-info-dark) !important;
    --btn-fg-active: var(--eit-fg-active-highlight) !important;
    --btn-bg-active: var(--eit-info-dark) !important;
    --btn-border-active: var(--eit-info-dark) !important;
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-info-a50) !important;
}

.btn-warning {
    --btn-fg: var(--eit-fg-highlight) !important;
    --btn-bg: var(--eit-warning) !important;
    --btn-border: var(--eit-warning) !important;
    --btn-fg-hover: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-hover: var(--eit-warning-dark) !important;
    --btn-border-hover: var(--eit-warning-dark) !important;
    --btn-fg-active: var(--eit-fg-active-highlight) !important;
    --btn-bg-active: var(--eit-warning-dark) !important;
    --btn-border-active: var(--eit-warning-dark) !important;
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-warning-a50) !important;
}

.btn-danger {
    --btn-fg: var(--eit-fg-highlight) !important;
    --btn-bg: var(--eit-danger) !important;
    --btn-border: var(--eit-danger) !important;
    --btn-fg-hover: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-hover: var(--eit-danger-dark) !important;
    --btn-border-hover: var(--eit-danger-dark) !important;
    --btn-fg-active: var(--eit-fg-active-highlight) !important;
    --btn-bg-active: var(--eit-danger-dark) !important;
    --btn-border-active: var(--eit-danger-dark) !important;
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-danger-a50) !important;
}

.btn-outline-primary {
    --btn-fg: var(--eit-primary) !important;
    --btn-bg: transparent !important;
    --btn-border: var(--eit-primary) !important;
    --btn-fg-hover: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-hover: var(--eit-primary-dark) !important;
    --btn-border-hover: var(--eit-primary-dark) !important;
    --btn-fg-active: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-active: var(--eit-primary-dark) !important;
    --btn-border-active: var(--eit-primary-dark) !important;
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-primary-a50) !important;
}

.btn-outline-secondary {
    --btn-fg: var(--eit-secondary) !important;
    --btn-bg: transparent !important;
    --btn-border: var(--eit-secondary) !important;
    --btn-fg-hover: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-hover: var(--eit-secondary-dark) !important;
    --btn-border-hover: var(--eit-secondary-dark) !important;
    --btn-fg-active: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-active: var(--eit-secondary-dark) !important;
    --btn-border-active: var(--eit-secondary-dark) !important;
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-secondary-a50) !important;
}

.btn-outline-success {
    --btn-fg: var(--eit-success) !important;
    --btn-bg: transparent !important;
    --btn-border: var(--eit-success) !important;
    --btn-fg-hover: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-hover: var(--eit-success-dark) !important;
    --btn-border-hover: var(--eit-success-dark) !important;
    --btn-fg-active: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-active: var(--eit-success-dark) !important;
    --btn-border-active: var(--eit-success-dark) !important;
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-success-a50) !important;
}

.btn-outline-info {
    --btn-fg: var(--eit-info) !important;
    --btn-bg: transparent !important;
    --btn-border: var(--eit-info) !important;
    --btn-fg-hover: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-hover: var(--eit-info-dark) !important;
    --btn-border-hover: var(--eit-info-dark) !important;
    --btn-fg-active: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-active: var(--eit-info-dark) !important;
    --btn-border-active: var(--eit-info-dark) !important;
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-info-a50) !important;
}

.btn-outline-warning {
    --btn-fg: var(--eit-warning) !important;
    --btn-bg: transparent !important;
    --btn-border: var(--eit-warning) !important;
    --btn-fg-hover: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-hover: var(--eit-warning-dark) !important;
    --btn-border-hover: var(--eit-warning-dark) !important;
    --btn-fg-active: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-active: var(--eit-warning-dark) !important;
    --btn-border-active: var(--eit-warning-dark) !important;
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-warning-a50) !important;
}

.btn-outline-danger {
    --btn-fg: var(--eit-danger) !important;
    --btn-bg: transparent !important;
    --btn-border: var(--eit-danger) !important;
    --btn-fg-hover: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-hover: var(--eit-danger-dark) !important;
    --btn-border-hover: var(--eit-danger-dark) !important;
    --btn-fg-active: var(--eit-fg-linkhover-highlight) !important;
    --btn-bg-active: var(--eit-danger-dark) !important;
    --btn-border-active: var(--eit-danger-dark) !important;
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-danger-a50) !important;
}

span-xxl
{
    display: inline;
    font-size: 2em;
}

span-xl
{
    display: inline;
    font-size: 1.5em;
}

span-l
{
    display: inline;
    font-size: 1.25em;
}

span-s
{
    display: inline;
    font-size: 0.85em;
}

span-xs
{
    display: inline;
    font-size: 0.7em;
}

.highlight .btn-primary {
    --btn-fg: var(--eit-fg-highlight);
    --btn-bg: var(--eit-primary);
    --btn-border: var(--eit-fg-highlight);
    --btn-fg-hover: var(--eit-fg-linkhover-highlight);
    --btn-bg-hover: var(--eit-primary-dark);
    --btn-border-hover: var(--eit-fg-linkhover-highlight);
    --btn-fg-active: var(--eit-fg-linkhover-highlight);
    --btn-bg-active: var(--eit-primary-dark);
    --btn-border-active: var(--eit-fg-linkhover-highlight);
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-fg-active-highlight);
}

.highlight .btn-outline-primary {
    --btn-fg: var(--eit-fg-highlight);
    --btn-bg: transparent;
    --btn-border: var(--eit-fg-highlight);
    --btn-fg-hover: var(--eit-fg-linkhover-highlight);
    --btn-bg-hover: var(--eit-primary-dark);
    --btn-border-hover: var(--eit-primary-dark);
    --btn-fg-active: var(--eit-fg-linkhover-highlight);
    --btn-bg-active: var(--eit-primary-dark);
    --btn-border-active: var(--eit-fg-linkhover-highlight);
    --btn-shadow-focus: var(--eit-shadow-focus) var(--eit-fg-active-highlight);
}

[data-theme=contrast] button,
[data-theme=contrast] [type=button],
[data-theme=contrast] [type=reset],
[data-theme=contrast] [type=submit],
[data-theme=contrast] [class^="btn-"],
[data-theme=contrast] [class*=" btn-"]
{
    --btn-fg: ButtonText !important;
    --btn-bg: ButtonFace !important;
    --btn-border: CanvasText !important;
    --btn-fg-hover: ActiveText !important;
    --btn-bg-hover: ButtonFace !important;
    --btn-border-hover: ActiveText !important;
    --btn-fg-active: ActiveText !important;
    --btn-bg-active: ButtonFace !important;
    --btn-border-active: ActiveText !important;
    --btn-shadow: none !important;
    --btn-shadow-active: none !important;
    --btn-shadow-focus: var(--eit-shadow-focus) ActiveText !important;
}

/* Support for high-contrast browser modes */
@media (forced-colors: active), (-ms-high-contrast: active) {
    :root {
        --btn-fg: ButtonText !important;
        --btn-bg: ButtonFace !important;
        --btn-border: ButtonBorder !important;
        --btn-fg-hover: ActiveText !important;
        --btn-bg-hover: ButtonFace !important;
        --btn-border-hover: ButtonBorder !important;
        --btn-fg-active: ActiveText !important;
        --btn-bg-active: ButtonFace !important;
        --btn-border-active: ButtonBorder !important;
        --btn-shadow: none !important;
        --btn-shadow-active: none !important;
        --btn-shadow-focus: var(--eit-shadow-focus) ButtonBorder !important;
    }
}






input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    width: 100%;
    height: 1.5em;
    padding: 0.375em 0em;
    background-color: transparent;
    border: transparent;
    border-radius: var(--border-radius-m);
}

input[type=range]:focus {
    outline: none;
}

input[type=range]:focus::-webkit-slider-thumb {
    box-shadow: var(--eit-shadow-focus) var(--input-focus-color);
}
input[type=range]:focus::-moz-range-thumb {
    box-shadow: var(--eit-shadow-focus) var(--input-focus-color);
}

input[type=range]:focus::-webkit-slider-runnable-track {

}
input[type=range]:focus::-moz-range-track {

}

input[type=range]::-moz-focus-outer {
    border: 0;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 1em;
    height: 1em;
    margin-top: -0.25em; /* 0.5 * (0.5em (track-height) - 1em (thumb-height)) */
    background-color: var(--eit-primary);
    border: 0;
    border-radius: .5em;
    box-shadow: var(--eit-shadow);
}
input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 1em;
    height: 1em;
    background-color: var(--eit-primary);
    border: 0;
    border-radius: .5em;
    box-shadow: var(--eit-shadow);
}

@media (prefers-reduced-motion: no-preference) {
    input[type=range]::-webkit-slider-thumb {
        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
    input[type=range]::-moz-range-thumb {
        -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
}

input[type=range]::-webkit-slider-thumb:active {
    background-color: var(--eit-primary-dark);
}
input[type=range]::-moz-range-thumb:active {
    background-color: var(--eit-primary-dark);
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5em;
    color: transparent;
    cursor: pointer;
    background-color: var(--eit-fg-a30);
    border-color: transparent;
    border-radius: .25em;
    box-shadow: var(--eit-shadow);
}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 0.5em;
    color: transparent;
    cursor: pointer;
    background-color: var(--eit-fg-a30);
    border-color: transparent;
    border-radius: .25em;
    box-shadow: var(--eit-shadow);
}

input[type=range]:disabled {
    pointer-events: none;
}

input[type=range]:disabled::-webkit-slider-thumb {
    opacity: 0.60;
}
input[type=range]:disabled::-moz-range-thumb {
    opacity: 0.60;
}



select {
    display: block;
    width: 100%;
    padding: 0.375em 2.25em 0.375em 0.75em;
    -moz-padding-start: calc(0.75em - 3px);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: var(--eit-fg-input-field);
    background-color: var(--eit-bg-input-field);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75em center;
    background-size: 1em 0.75em;
    border: 1px solid var(--eit-border-input-element);
    border-radius: var(--border-radius-m);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media (prefers-reduced-motion: no-preference) {
    select {
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
}
select:focus {
    border-color: var(--eit-primary-light);
    outline: 0;
    box-shadow: var(--eit-shadow-focus) var(--input-focus-color);
}
select[multiple], select[size]:not([size="1"]) {
    padding-right: 0.75em;
    background-image: none;
    scrollbar-color: var(--eit-fg-a20) var(--eit-fg-a5);
    scrollbar-width: thin;
}
select:disabled {
    /*background-color: #e9ecef;*/
    color: var(--eit-fg-dimmed);
}
select:-moz-focusring {
    color: transparent;
    /*text-shadow: 0 0 0 #212529;*/
}

option {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: var(--eit-fg-input-field);
    background-color: var(--eit-bg-input-field);
}

:where(select:focus option:checked, select:active option:checked, option:checked) {
    background-color: var(--eit-bg-selection) !important;
    color: var(--eit-fg-selection) !important;
}


input[type=checkbox], input[type=radio] {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: var(--eit-bg-input-field);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--eit-border-input-element);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type=checkbox] {
    margin-inline-end: 4px;
    border-radius: 0.25em;
}
input[type=radio] {
    border-radius: 50%;
}
input[type=checkbox]:active, input[type=radio]:active {
    filter: brightness(90%);
}
input[type=checkbox]:focus, input[type=radio]:focus {
    border-color: var(--eit-border-input-element);
    outline: 0;
    box-shadow: var(--eit-shadow-focus) var(--input-focus-color);
}
input[type=checkbox]:checked, input[type=radio]:checked {
    background-color: var(--eit-primary);
    border-color: var(--eit-border-input-element);
}
input:checked[type=checkbox] {
    background-image: var(--checkbox-check);
}
input:checked[type=radio] {
    background-image: var(--radio-ckeck);
}
input[type=checkbox]:indeterminate {
    background-color: var(--eit-primary);
    border-color: var(--eit-border-input-element);
    background-image: var(--ckeckbox-indeterminate);
}
input[type=checkbox]:disabled, input[type=radio]:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}
input[type=checkbox][disabled] ~ label, input[type=radio][disabled] ~ label, input[type=checkbox]:disabled ~ label, input[type=radio]:disabled ~ label {
    cursor: default;
    opacity: 0.5;
}

input[type=checkbox].switch, input[type=radio].switch {
    width: 2em;
    background-image: var(--circle-switch-off);
    background-position: left center;
    border-radius: .5em;
}
@media (prefers-reduced-motion: no-preference) {
    input[type=checkbox].switch, input[type=radio].switch {
        transition: background-position 0.15s ease-in-out;
    }
}
/*
        input[type=checkbox].switch:focus, input[type=radio].switch:focus {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
        }
        */
input[type=checkbox].switch:checked, input[type=radio].switch:checked {
    background-position: right center;
    background-image: var(--circle-switch-on);
}


/*
        toggle-switch {
            height: 1.125em;
        }

        toggle-switch::part(track) {
            padding: 0.125em;
            border-radius: 1em;
            background-color: var(--eit-fg-dimmed);
        }

        toggle-switch::part(slider) {
            border-radius: 1em;
            background-color: var(--eit-bg-1);
            box-shadow: 0.0625em 0.0625em 0.125em hsla(0, 0%, 0%, 0.25);
        }

        toggle-switch[checked]::part(track) {
            background-color: var(--eit-primary);
        }
        */

toggle-switch {
    width: 2em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
}
@media (prefers-reduced-motion: no-preference) {
    toggle-switch {
        transition: background-position 0.15s ease-in-out;
    }
}
toggle-switch:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
toggle-switch:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}




flex-row,
.flex-row {
    --x-gap-x: 1em;
    --x-gap-y: 1em;
    position: relative;
    display: flex;
    flex-direction: row !important;
    justify-content: center;
    align-items: stretch;
    column-gap: var(--x-gap-x);
    row-gap: var(--x-gap-y);
    min-width: 0;
}

flex-row[reverse],
.flex-row-reverse {
    flex-direction: row-reverse !important;
}

flex-row[wrap],
.flex-wrap {
    flex-wrap: wrap !important;
}

flex-row[nowrap],
.flex-nowrap {
    flex-wrap: nowrap !important;
}

flex-row[wrap-reverse],
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

flex-row > * {
    --flex-basis: auto;
    flex: 0 0 var(--flex-basis);
}

flex-row[grow] {
    justify-content: stretch;
}

flex-row[grow] > * {
    flex-grow: 1;
}


flex-column,
.flex-column {
    --x-gap-x: 1em;
    --x-gap-y: 1em;
    position: relative;
    display: flex;
    flex-direction: column !important;
    justify-content: center;
    align-items: stretch;
    column-gap: var(--x-gap-x);
    row-gap: var(--x-gap-y);
    min-height: 0;
}

flex-column[reverse],
.flex-column-reverse {
    flex-direction: column-reverse !important;
}

/* unused */
.align-items-start {
    align-items: flex-start !important;
}

/* unused */
.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

/* unused */
.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.justify-content-center {
    justify-content: center !important;
}

/* unused */
.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

/* unused */
.justify-content-around {
    justify-content: space-around !important;
}

/* unused */
.justify-content-evenly {
    justify-content: space-evenly !important;
}

/* unused */
.align-content-start {
    align-content: flex-start !important;
}

/* unused */
.align-content-end {
    align-content: flex-end !important;
}

/* unused */
.align-content-center {
    align-content: center !important;
}

/* unused */
.align-content-between {
    align-content: space-between !important;
}

/* unused */
.align-content-around {
    align-content: space-around !important;
}

/* unused */
.align-content-stretch {
    align-content: stretch !important;
}

/* unused */
.align-self-auto {
    align-self: auto !important;
}

/* unused */
.align-self-start {
    align-self: flex-start !important;
}

/* unused */
.align-self-end {
    align-self: flex-end !important;
}

/* unused */
.align-self-center {
    align-self: center !important;
}

/* unused */
.align-self-baseline {
    align-self: baseline !important;
}

/* unused */
.align-self-stretch {
    align-self: stretch !important;
}



/* unused */
.mw-10 {
    min-width: 10rem;
    --flex-basis: 10rem;
}

.mw-15 {
    min-width: 15rem;
    --flex-basis: 15rem;
}

/* unused */
.mw-20 {
    min-width: 20rem;
    --flex-basis: 20rem;
}

.mw-25 {
    min-width: 25rem;
    --flex-basis: 25rem;
}

.mw-30 {
    min-width: 30rem;
    --flex-basis: 30rem;
}

/* unused */
.mw-35 {
    min-width: 35rem;
    --flex-basis: 35rem;
}

/* unused */
.mw-40 {
    min-width: 40rem;
    --flex-basis: 40rem;
}

/* unused */
.mw-45 {
    min-width: 45rem;
    --flex-basis: 45rem;
}


.col {
    flex: 1 0 0%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

/* unused */
.col-1 {
    flex: 1 1 var(--flex-basis);
    width: calc(8.3% - var(--x-gap-x));
}

/* unused */
.col-2 {
    flex: 2 2 var(--flex-basis);
    width: calc(16.6% - var(--x-gap-x));
}

.col-3 {
    flex: 3 0 var(--flex-basis);
    width: calc(25% - var(--x-gap-x));
}

/* unused */
.col-4 {
    flex: 4 4 var(--flex-basis);
    width: calc(33% - var(--x-gap-x));
}

/* unused */
.col-5 {
    flex: 5 5 var(--flex-basis);
    width: calc(41.6% - var(--x-gap-x));
}

.col-6 {
    flex: 6 6 var(--flex-basis);
    width: calc(50% - var(--x-gap-x));
}

/* unused */
.col-7 {
    flex: 7 7 var(--flex-basis);
    width: calc(58.3% - var(--x-gap-x));
}

/* unused */
.col-8 {
    flex: 8 8 var(--flex-basis);
    width: calc(66.6% - var(--x-gap-x));
}

/* unused */
.col-9 {
    flex: 9 9 var(--flex-basis);
    width: calc(75% - var(--x-gap-x));
}

/* unused */
.col-10 {
    flex: 10 10 var(--flex-basis);
    width: calc(83.3% - var(--x-gap-x));
}

/* unused */
.col-11 {
    flex: 11 11 var(--flex-basis);
    width: calc(91.6% - var(--x-gap-x));
}

.col-12 {
    flex: 12 12 var(--flex-basis);
    width: 100%;
}

/* unused */
.g-0,
.gx-0 {
    --x-gap-x: 0;
}

/* unused */
.g-0,
.gy-0 {
    --x-gap-y: 0;
}

/* unused */
.g-1,
.gx-1 {
    --x-gap-x: 0.25rem;
}

/* unused */
.g-1,
.gy-1 {
    --x-gap-y: 0.25rem;
}

/* unused */
.g-2,
.gx-2 {
    --x-gap-x: 0.5rem;
}

.g-2,
.gy-2 {
    --x-gap-y: 0.5rem;
}

/* unused */
.g-3,
.gx-3 {
    --x-gap-x: 1rem;
}

/* unused */
.g-3,
.gy-3 {
    --x-gap-y: 1rem;
}

/* unused */
.g-4,
.gx-4 {
    --x-gap-x: 1.5rem;
}

/* unused */
.g-4,
.gy-4 {
    --x-gap-y: 1.5rem;
}

/* unused */
.g-5,
.gx-5 {
    --x-gap-x: 3rem;
}

/* unused */
.g-5,
.gy-5 {
    --x-gap-y: 3rem;
}






card-rounded {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid var(--eit-border);
    border-radius: var(--border-radius-l);
    box-shadow: var(--eit-shadow);
    overflow: clip;
}

card-rounded > hr,
card-rounded > img,
card-rounded > svg {
    width: 100%;
    margin: 0;
}


card-row {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

card-row > img,
card-row > svg {
    height: 100%;
    margin: 0;
    flex-grow: 0;
}

card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*align-items: stretch;*/
    flex-grow: 1;
    /*padding: 0 1rem;*/
}

card-rounded > :not(hr, img, svg, card-header, card-footer, card-body, card-row, card-overlay, card-hover-overlay, .list-group),
card-row > card-body > :not(img, svg, card-header, card-footer, card-body, card-row, card-overlay, card-hover-overlay, .list-group) {
    /*flex: 1 1 auto;*/
    margin: 0 1rem;
}

card-rounded > :not(hr, img, svg, card-header, card-footer, card-body, card-row, card-overlay, card-hover-overlay, .list-group):first-child,
card-row > card-body > :not(img, svg, card-header, card-footer, card-body, card-row, card-overlay, card-hover-overlay, .list-group):first-child {
    margin-top: 1rem;
    /*flex-grow: 0;*/
}

card-rounded > :not(hr, img, svg, card-header, card-footer, card-body, card-row, card-overlay, card-hover-overlay, .list-group):last-child,
card-row > card-body > :not(img, svg, card-header, card-footer, card-body, card-row, card-overlay, card-hover-overlay, .list-group):last-child {
    margin-bottom: 1rem;
    /*flex-grow: 0;*/
}

card-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    /*border-bottom: 1px solid var(--eit-border);*/
}

card-header card-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 1em;
}

card-footer {
    padding: 0.5rem 1rem;
    /*border-top: 1px solid var(--eit-border);*/
}

card-overlay,
card-hover-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    z-index: 1000;
}

card-hover-overlay {
    display: none;
}

card-rounded:hover card-hover-overlay {
    display: unset;
}

.background-level-1 {
    background-color: var(--eit-bg-1);
}

.background-level-2 {
    background-color: var(--eit-bg-2);
}

.background-level-3 {
    background-color: var(--eit-bg-3);
}

.title
{
    font-size: 1.5em;
}

.highlight {
    background-color: var(--eit-bg-1-highlight);
    color: var(--eit-fg-highlight);
}

.highlight * {
    color: var(--eit-fg-highlight);
}

.highlight a {
    color: var(--eit-fg-link-highlight);
    text-decoration: none;
}

.highlight a:hover {
    color: var(--eit-fg-linkhover-highlight);
    text-decoration: none;
}

.highlight h1, .highlight h2, .highlight h3, .highlight h4, .highlight h5, .highlight h6 {
    color:var(--eit-fg-heading-highlight);
}

.highlight .dimmed {
    color: var(--eit-fg-dimmed-highlight);
}

.highlight .active {
    color: var(--eit-fg-active-highlight);
    font-weight: bold;
}

.highlight .background-level-1 {
    background-color: var(--eit-bg-1-highlight);
}

.highlight .background-level-2 {
    background-color: var(--eit-bg-2-highlight);
}

.highlight .background-level-3 {
    background-color: var(--eit-bg-3-highlight);
}













.back-to-top {
    position: fixed;
    display: none;
    opacity: 0.5;
    right: 15px;
    bottom: 15px;
    z-index: 999;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    transition: all 0.4s;
    color: var(--eit-bg-3);
    background-color: var(--eit-accent);
}
.back-to-top:hover {
    background-color: var(--eit-accent-dark);
}

[data-scroll100=gt] .back-to-top {
    display: unset;
}

/*
Scrollbar Selectors
::-webkit-scrollbar the scrollbar.
::-webkit-scrollbar-button the buttons on the scrollbar (arrows pointing upwards and downwards).
::-webkit-scrollbar-thumb the draggable scrolling handle.
::-webkit-scrollbar-track the track (progress bar) of the scrollbar.
::-webkit-scrollbar-track-piece the track (progress bar) NOT covered by the handle.
::-webkit-scrollbar-corner the bottom corner of the scrollbar, where both horizontal and vertical scrollbars meet.
::-webkit-resizer the draggable resizing handle that appears at the bottom corner of some elements.
*/

@media (min-width: 992px) {
    :root,
    .panel-left {
        scrollbar-color: var(--eit-fg-a20) var(--eit-fg-a5);
        scrollbar-width: thin;
    }

    ::-webkit-scrollbar {
        width: 0.4rem;
        height: 0.4rem;
    }

    ::-webkit-scrollbar-track {
        background-color: var(--eit-fg-a5);
        box-shadow: inset 0 0 0.1rem var(--eit-fg-a30);
        border-radius: 0.2rem;
    }

    ::-webkit-scrollbar-thumb {
        background-color: var(--eit-fg-a20);
        box-shadow: inset 0 0 0.1rem var(--eit-fg-a30);
        border-radius: 0.2rem;
    }

    ::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    :hover {
        scrollbar-color: var(--eit-fg-a30) var(--eit-fg-a5);
    }

    :hover::-webkit-scrollbar-thumb {
        background-color: var(--eit-fg-a30);
    }

    :hover::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        background-color: var(--eit-fg-a10);
    }
}

.scroll {
    position: relative;
    overflow: auto;
}

@media (min-width: 992px) {
    .scroll {
        overflow: scroll;
    }
}

/* unused */
.scroll-x {
    position: relative;
    overflow-x: auto;
}

@media (min-width: 992px) {
    /* unused */
    .scroll-x {
        overflow-x: scroll;
    }
}

.scroll-y {
    position: relative;
    overflow-y: auto;
}

@media (min-width: 992px) {
    .scroll-y {
        overflow-y: scroll;
    }
}

/* unused */
.hover-scroll {
    overflow: auto;
    position: relative;
}

@media (min-width: 992px) {
    /* unused */
    .hover-scroll {
        overflow: hidden;
        border-right: 0.4rem transparent;
        border-bottom: 0.4rem transparent;
        margin-right: -0.4rem;
        margin-bottom: -0.4rem;
    }

    /* unused */
    .hover-scroll:hover {
        overflow: scroll;
        border-right: 0;
        border-bottom: 0;
    }

    @-moz-document url-prefix() {
        /* unused */
        .hover-scroll {
            overflow: scroll;
            position: relative;
            border-right: 0;
            border-bottom: 0;
        }
    }
}

/* unused */
.hover-scroll-y {
    overflow-y: auto;
    position: relative;
}

@media (min-width: 992px) {
    /* unused */
    .hover-scroll-y {
        overflow-y: hidden;
        border-right: 0.4rem transparent;
        margin-right: -0.4rem;
    }

    /* unused */
    .hover-scroll-y:hover {
        overflow-y: scroll;
        border-right: 0
    }

    @-moz-document url-prefix() {
        /* unused */
        .hover-scroll-y {
            overflow-y: scroll;
            position: relative;
            border-right: 0;
        }
    }
}

/* unused */
.hover-scroll-x {
    overflow-x: auto;
    position: relative;
}

@media (min-width: 992px) {
    /* unused */
    .hover-scroll-x {
        overflow-x: hidden;
        border-bottom: 0.4rem transparent;
        margin-bottom: -0.4rem;
    }

    /* unused */
    .hover-scroll-x:hover {
        overflow-x: scroll;
        border-bottom: 0;
    }

    @-moz-document url-prefix() {
        /* unused */
        .hover-scroll-x {
            overflow-x: scroll;
            position: relative;
            border-bottom: 0;
        }
    }
}

/* Spinner */

.spinner {
    display: inline-block;
    width:1.5rem;
    height:1.5rem;
    border:2px solid transparent;
    border-top:2px solid currentColor;
    border-radius:50%;
    --spinner-animation-speed: 1.2s;
}

.spinner-2 {
    width: 2rem;
    height: 2rem;
    border-width: 3px;
}

.spinner-3 {
    width:3rem;
    height:3rem;
    border-width: 4px;
}

.spinner {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: var(--spinner-animation-speed);
    -webkit-animation-name: rotate;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-transition-property: -moz-transform;
    -moz-animation-name: rotate;
    -moz-animation-duration: var(--spinner-animation-speed);
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    transition-property: transform;
    animation-name: rotate;
    animation-duration: var(--spinner-animation-speed);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}


div.loader {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

span.loader {
    display: inline-flex;
    /*align-items: center;*/
    /*align-content: center;*/
    /*justify-content: center;*/
}

.loader-element {
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    margin-left: 0.25rem;
    --loader-animation-speed: 0.2s;
}

.loader-element:nth-child(1) {
    animation: loader-animation calc(var(--loader-animation-speed)*3) ease-in-out alternate infinite;
}
.loader-element:nth-child(2) {
    animation: loader-animation calc(var(--loader-animation-speed)*3) ease-in-out alternate var(--loader-animation-speed) infinite;
}
.loader-element:nth-child(3) {
    animation: loader-animation calc(var(--loader-animation-speed)*3) ease-in-out alternate calc(var(--loader-animation-speed)*2) infinite;
}

@keyframes loader-animation {
    100% { transform: scale(0.5); }
}

@media (prefers-reduced-motion: reduce) {
    .spinner {
        --spinner-animation-speed: 2.4s;
    }
    .loader-element {
        --loader-animation-speed: 0.4s;
    }
}



/* Busy indicator */

#busy-indicator {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: var(--eit-bg-a20);
}

#busy-indicator:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border-top: 0.5rem solid var(--eit-fg);
    border-bottom: 0.5rem solid var(--eit-fg);
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    -webkit-animation: animate-busy-indicator 1s linear infinite;
    animation: animate-busy-indicator 1s linear infinite;
}

@-webkit-keyframes animate-busy-indicator {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-busy-indicator {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/*--------------------------------------------------------------
        # Header
        --------------------------------------------------------------*/

body > header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 3.5rem;
    /*margin-bottom: 100%;*/
    z-index: 1030;
    transition: all 0.5s;
    padding: 0.5rem 1.5rem;
    background: var(--eit-bg-1-header);
    /*
            background-image: url('/public/wave.svg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            */
}

.panel-left {
    position: fixed;
    top: 3.5rem;
    bottom: 0;
    left: 0;
    width: 15rem;
    padding-top: 20px;
}

.panel-left nav[aria-label="Dokumentenarten"] ul {
    list-style: none;
}

.panel-left nav[aria-label="Dokumentenarten"] ul ul {
    padding-left: 1rem;
    margin-top: 4px;
    margin-bottom: calc(1rem - 4px);
}

.panel-left nav[aria-label="Dokumentenarten"] ul ul > li + li {
    margin-top: 4px;
}

main {
    display: block;
    margin-top: 3.5rem;
    min-height: 100vh;
}

main:has(.panel-left) {
    margin-left: 15rem;
}

[data-scroll100=gt] body > header {
    background: var(--eit-bg-2-header);
}

header .logo img, header .logo svg {
    height: 2.5rem;
}



header nav {
    padding: 0;
}

header nav menu {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    list-style: none;
}

header nav li {
    position: relative;
}

header nav > menu > li, header nav > menu > li > a
{
    color: var(--eit-fg-header);
}

header nav a, header nav a:focus {
    /*display: flex;*/
    align-items: center;
    /*justify-content: space-between;*/
    /*padding: 10px 0 10px 30px;*/
    /*font-size: 15px;*/
    /*font-weight: 500;*/
    color: var(--eit-fg-header);
    white-space: nowrap;
    transition: 0.3s;
}

header nav .active {
    color: var(--eit-fg-active-header);
}

header nav a:hover, header nav li:hover > a {
    color: var(--eit-fg-linkhover-header);
}

header nav nav .active, header nav .active:focus {
    color: var(--eit-fg-active-header);
}

nav.page-tabs {
    position: sticky;
    top: 3.5rem;
    z-index: 1020;
    width: 100%;
    padding: 0;
    color: var(--eit-fg);
    background-color: var(--eit-bg-1);
    border-bottom: 1px solid currentColor;
}

nav.page-tabs > menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

nav.page-tabs > menu > li > a {
    display: block;
    margin-bottom: -1px;
    padding: 8px 12px;
    color: var(--eit-fg);
    white-space: nowrap;
    border-bottom: 3px solid transparent;
}

nav.page-tabs > menu > li > a.active {
    border-bottom-color: var(--eit-primary);
}




.page-actions nav {
    padding: 0;
}

.page-actions menu {
    list-style: none;
}

.page-actions nav menu {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    list-style: none;
}

.page-actions nav li {
    position: relative;
}

nav .xdropdown menu
{
    display: block;
    /*display: none;*/
    position: absolute;

    right: -4rem;
    top: 100%;
    margin: 0;
    /*padding: 0.5rem 0;*/
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    background: var(--eit-bg-3);
    box-shadow: 0 0 2rem rgba(127, 137, 161, 0.25);
    transition: 0.5s;
    border-radius: 0.25rem;
    list-style: none;
}

nav .xdropdown-left menu
{
    right: unset;
    left: 0;
}

nav .xdropdown-right menu
{
    right: 0;
}

nav .xdropdown menu li
{
    min-width: 10rem;
    margin: 0.5rem 0;
    padding: 0.25rem 1rem;
}

nav .xdropdown menu a
{
    /*padding: 0.5rem 1rem;*/
    /*text-transform: none;*/
    /*font-weight: 500;*/
    color: var(--eit-fg-link);
    display: block;
}

nav .xdropdown menu a:hover,
nav .xdropdown menu .active:hover,
nav .xdropdown menu li:hover > a
{
    color: var(--eit-fg-linkhover);
}

nav .xdropdown:hover > menu,
nav .xdropdown:focus > menu
{
    opacity: 1;
    top: 100%;
    visibility: visible;
}

nav .xdropdown .xdropdown menu {
    top: 0;
    left: 95%;
    visibility: hidden;
}

nav .xdropdown .xdropdown:hover > menu,
nav .xdropdown .xdropdown:focus > menu
{
    opacity: 1;
    top: 0;
    left: 95%;
    visibility: visible;
    display: block;
}

nav .xdropdown-right .xdropdown menu,
nav .xdropdown-right .xdropdown:hover > menu
{
    left: -95%;
}

nav .xdropdown menu menu,
nav .xdropdown menu menu li,
nav .xdropdown menu menu li a
{
    z-index: 1040;
}

nav .xdropdown menu menu,
nav .xdropdown menu li:hover menu menu,
nav .xdropdown menu menu li:hover menu menu
{
    display: none;
    visibility: hidden;
}

nav .xdropdown menu li:hover menu,
nav .xdropdown menu li:focus menu,
nav .xdropdown menu menu li:hover menu,
nav .xdropdown menu menu li:focus menu,
nav .xdropdown menu menu menu li:hover menu,
nav .xdropdown menu menu menu li:focus menu
{
    display: block;
    visibility: visible;
}





/* Mobile Navigation */
.mobile-nav-toggle {
    color: var(--eit-fg-header);
    cursor: pointer;
    display: none;
    transition: 0.5s;
}

@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: unset;
    }
    header nav.navbar {
        display: none;
    }
    /*
          header nav.navbar menu {
              display: none;
          }
          */
    .mobile-hidden
    {
        display: none;
    }
}

/* unused */
.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 3.5rem;
    right: 0;
    left: 0;
    bottom: 0;
    background: var(--eit-bg-a90);
    transition: 0.3s;
    z-index: 999;
    display: block !important;
}

/* unused */
header nav.navbar-mobile > menu {
    display: block;
    overflow-y: auto;
    min-height: 90vh;
}

/* unused */
header nav.navbar-mobile > menu > li
{
    padding: 10px 20px;
}

/* unused */
header nav.navbar-mobile > menu > li > a
{
    color: var(--eit-fg-link);
}

/* unused */
header nav.navbar-mobile a, header nav.navbar-mobile a:focus {
    align-items: center;
    color: var(--eit-fg-link);
    white-space: nowrap;
    transition: 0.3s;
}

/* unused */
header nav.navbar-mobile .active {
    color: var(--eit-fg-active);
}

/* unused */
header nav.navbar-mobile a:hover, header nav.navbar-mobile li:hover > a {
    color: var(--eit-fg-linkhover);
}

/* unused */
header nav.navbar-mobile nav .active, header nav.navbar-mobile .active:focus {
    color: var(--eit-fg-active-header);
}

/* unused */
header nav.navbar-mobile .xdropdown menu,
header nav.navbar-mobile .xdropdown-left menu,
header nav.navbar-mobile .xdropdown-right menu
{
    display: none;
    visibility: visible;
    position: relative;
    right: unset;
    left: unset;
    top: unset;
    bottom: unset;
    margin: 0;
    z-index: 1040;
    list-style: none;
}

/* unused */
header nav.navbar-mobile .xdropdown:has(a:focus, li:focus) menu,
header nav.navbar-mobile .xdropdown-left:has(a:focus, li:focus) menu,
header nav.navbar-mobile .xdropdown-right:has(a:focus, li:focus) menu
{
    display: block;
    visibility: visible;
}

/* unused */
header nav.navbar-mobile .xdropdown menu li
{
    margin: 0.5rem 0;
    padding: 0.25rem 1rem;
}

/* unused */
header nav.navbar-mobile .xdropdown menu a
{
    color: var(--eit-fg-link);
    display: block;
}

/* unused */
header nav.navbar-mobile .xdropdown menu a:hover,
header nav.navbar-mobile .xdropdown menu .active:hover,
header nav.navbar-mobile .xdropdown menu li:hover > a
{
    color: var(--eit-fg-linkhover);
}

/* unused */
header nav.navbar-mobile .xdropdown:focus > menu,
header nav.navbar-mobile .xdropdown .xdropdown:focus > menu
{
    visibility: visible;
}

/* unused */
header nav.navbar-mobile .xdropdown:hover > menu,
header nav.navbar-mobile .xdropdown .xdropdown:hover > menu,
header nav.navbar-mobile .xdropdown .xdropdown menu {
    visibility: visible;
}

/* unused */
header nav.navbar-mobile .xdropdown-right .xdropdown menu,
header nav.navbar-mobile .xdropdown-right .xdropdown:hover > menu
{
    left: 0;
}

/* unused */
header nav.navbar-mobile .xdropdown menu menu,
header nav.navbar-mobile .xdropdown menu li:hover menu menu,
header nav.navbar-mobile .xdropdown menu menu li:hover menu menu
{
    display: none;
    visibility: visible;
}

/* unused */
header nav.navbar-mobile .xdropdown menu li:hover menu,
header nav.navbar-mobile .xdropdown menu li:focus menu,
header nav.navbar-mobile .xdropdown menu menu li:hover menu,
header nav.navbar-mobile .xdropdown menu menu li:focus menu,
header nav.navbar-mobile .xdropdown menu menu menu li:hover menu,
header nav.navbar-mobile .xdropdown menu menu menu li:focus menu
{
    display: block;
    visibility: visible;
}









/* Breadcrumbs */

/* unused */
.breadcrumbs {
    padding-top: 0.5em;
}

/* unused */
.breadcrumbs ol {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    color: var(--eit-fg);
}

/* unused */
.breadcrumbs ol li + li {
    padding-left: 10px;
}

/* unused */
.breadcrumbs ol li + li::before {
    display: inline-block;
    padding-right: 10px;
    color: var(--eit-fg);
    content: "▸";
}













































/* unused */
.list-unstyled {
    padding-left: 0;
    list-style: none;
}

/* unused */
.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

/* unused */
.initialism {
    font-size: 0.875em;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}
.blockquote > :last-child {
    margin-bottom: 0;
}

/* unused */
.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 0.875em;
    color: #6c757d;
}
/* unused */
.blockquote-footer::before {
    content: "— ";
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}





.table {
    --eit-table-color: var(--eit-fg);
    --eit-table-bg: transparent;
    --eit-table-border-color: transparent;
    --eit-table-accent-bg: transparent;
    --eit-table-striped-color: var(--eit-fg);
    --eit-table-striped-bg: var(--eit-bg-2);
    --eit-table-active-color: var(--eit-fg);
    --eit-table-active-bg: var(--eit-bg-3);
    --eit-table-hover-color: var(--eit-fg);
    --eit-table-hover-bg: var(--eit-bg-3);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--eit-table-color);
    vertical-align: top;
    border-color: var(--eit-table-border-color);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    background-color: var(--eit-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--eit-table-accent-bg);
}
.table > tbody {
    vertical-align: inherit;
}
.table > thead {
    vertical-align: bottom;
}

/* List controls and column headings stay below the application's fixed header. */
[data-list-view] > [data-list-toolbar] {
    top: var(--list-view-top, 0px);
    background-color: var(--eit-bg-1);
}

.table-header-sticky > thead {
    position: sticky;
    top: calc(var(--list-view-top, 0px) + var(--list-view-toolbar-height, 0px));
    z-index: 1010;
    background-color: var(--eit-bg-1);
}

.table-header-sticky > thead > tr > th {
    background-color: var(--eit-bg-1);
}

.table-sort-asc::after,
.table-sort-desc::after {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-left: 4px;
    vertical-align: middle;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.table-sort-asc::after {
    -webkit-mask-image: var(--mi-arrow_drop_up);
    mask-image: var(--mi-arrow_drop_up);
}

.table-sort-desc::after {
    -webkit-mask-image: var(--mi-arrow_drop_down);
    mask-image: var(--mi-arrow_drop_down);
}

.table-group-divider {
    border-top: 2px solid currentcolor;
}

/* unused */
.caption-top {
    caption-side: top;
}

/* unused */
.table-sm > :not(caption) > * > * {
    padding: 0.25rem 0.25rem;
}

/* unused */
.table-bordered > :not(caption) > * {
    border-width: 1px 0;
}
/* unused */
.table-bordered > :not(caption) > * > * {
    border-width: 0 1px;
}

/* unused */
.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
}
/* unused */
.table-borderless > :not(:first-child) {
    border-top-width: 0;
}

/* unused */
.table-striped > tbody > tr:nth-of-type(odd) > * {
    --eit-table-accent-bg: var(--eit-table-striped-bg);
    color: var(--eit-table-striped-color);
}

/* unused */
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
    --eit-table-accent-bg: var(--eit-table-striped-bg);
    color: var(--eit-table-striped-color);
}

/* unused */
.table-active {
    --eit-table-accent-bg: var(--eit-table-active-bg);
    color: var(--eit-table-active-color);
}

.table-hover > tbody > tr:hover > * {
    --eit-table-accent-bg: var(--eit-table-hover-bg);
    color: var(--eit-table-hover-color);
}

















.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--border-radius-m);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--border-radius-m);
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}
.alert-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: #f8d7da;
    --bs-alert-border-color: #f5c2c7;
}


@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}
.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: #e9ecef;
    --bs-progress-border-radius: var(--border-radius-m);
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
}


.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: var(--border-radius-m);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius);
}

/* unused */
.list-group-numbered {
    list-style-type: none;
    counter-reset: section;
}
/* unused */
.list-group-numbered > .list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section;
}


.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
    border-top-width: 0;
}
.list-group-item + .list-group-item.active {
    margin-top: calc(-1 * var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width);
}


.list-group-flush {
    border-radius: 0;
}
.list-group-flush > .list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0;
}




.placeholder {
    /*background-color: var(--eit-bg-1);*/
    display: inline-block;
    background-image: linear-gradient(
        90deg,
        transparent 20%,
        color-mix(in srgb, currentColor 18%, transparent) 50%,
        transparent 80%
    );
    background-size: 200% 100%;
    background-repeat: no-repeat;
    border-radius: 6px;
    animation: shimmer-animation 1.5s linear infinite;
    height: 12px;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.placeholder-avatar {
    /*background-color: var(--eit-bg-1);*/
    background-image: linear-gradient(
        90deg,
        transparent 20%,
        color-mix(in srgb, currentColor 18%, transparent) 50%,
        transparent 80%
    );
    background-size: 200% 100%;
    background-repeat: no-repeat;
    animation: shimmer-animation 1.5s linear infinite;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: .75rem;
}

@keyframes shimmer-animation {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}





/* unused */
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}




/* unused */
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

/* unused */
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

/* unused */
.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
}


/* unused */
.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* unused */
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

/* unused */
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* unused */
.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: 0.25;
}

/* unused */
.align-baseline {
    vertical-align: baseline !important;
}

/* unused */
.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

/* unused */
.align-bottom {
    vertical-align: bottom !important;
}

/* unused */
.align-text-bottom {
    vertical-align: text-bottom !important;
}

/* unused */
.align-text-top {
    vertical-align: text-top !important;
}

/* unused */
.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

/* unused */
.float-none {
    float: none !important;
}

/* unused */
.opacity-0 {
    opacity: 0 !important;
}

/* unused */
.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

/* unused */
.opacity-75 {
    opacity: 0.75 !important;
}

/* unused */
.opacity-100 {
    opacity: 1 !important;
}

/* unused */
.overflow-auto {
    overflow: auto !important;
}

/* unused */
.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

/* unused */
.overflow-scroll {
    overflow: scroll !important;
}

/* unused */
.d-inline {
    display: inline !important;
}

/* unused */
.d-inline-block {
    display: inline-block !important;
}

/* unused */
.d-block {
    display: block !important;
}

/* unused */
.d-grid {
    display: grid !important;
}

/* unused */
.d-table {
    display: table !important;
}

/* unused */
.d-table-row {
    display: table-row !important;
}

/* unused */
.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

/* unused */
.d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

/* unused */
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* unused */
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

/* unused */
.shadow-none {
    box-shadow: none !important;
}

/* unused */
.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

/* unused */
.position-absolute {
    position: absolute !important;
}

/* unused */
.position-fixed {
    position: fixed !important;
}

/* unused */
.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}


.border-0 {
    border: 0 !important;
}



.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}


/* unused */
.h-25 {
    height: 25% !important;
}

/* unused */
.h-50 {
    height: 50% !important;
}

/* unused */
.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

/* unused */
.h-auto {
    height: auto !important;
}

/* unused */
.mh-100 {
    max-height: 100% !important;
}

/* unused */
.vh-100 {
    height: 100vh !important;
}

/* unused */
.min-vh-100 {
    min-height: 100vh !important;
}

/* unused */
.flex-fill {
    flex: 1 1 auto !important;
}

.flex-column {
    flex-direction: column !important;
}

/* unused */
.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

/* unused */
.flex-shrink-1 {
    flex-shrink: 1 !important;
}

/* unused */
.order-first {
    order: -1 !important;
}

/* unused */
.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

/* unused */
.order-3 {
    order: 3 !important;
}

/* unused */
.order-4 {
    order: 4 !important;
}

/* unused */
.order-5 {
    order: 5 !important;
}

/* unused */
.order-last {
    order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

/* unused */
.m-1 {
    margin: 0.25rem !important;
}

/* unused */
.m-2 {
    margin: 0.5rem !important;
}

/* unused */
.m-3 {
    margin: 1rem !important;
}

/* unused */
.m-4 {
    margin: 1.5rem !important;
}

/* unused */
.m-5 {
    margin: 3rem !important;
}

/* unused */
.m-auto {
    margin: auto !important;
}

/* unused */
.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* unused */
.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

/* unused */
.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

/* unused */
.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

/* unused */
.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

/* unused */
.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

/* unused */
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

/* unused */
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* unused */
.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

/* unused */
.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* unused */
.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

/* unused */
.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

/* unused */
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

/* unused */
.mt-1 {
    margin-top: 0.25rem !important;
}

/* unused */
.mt-2 {
    margin-top: 0.5rem !important;
}

/* unused */
.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

/* unused */
.mt-5 {
    margin-top: 3rem !important;
}

/* unused */
.mt-auto {
    margin-top: auto !important;
}

/* unused */
.me-0 {
    margin-right: 0 !important;
}

/* unused */
.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

/* unused */
.me-auto {
    margin-right: auto !important;
}

/* unused */
.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

/* unused */
.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

/* unused */
.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

/* unused */
.ms-5 {
    margin-left: 3rem !important;
}

/* unused */
.ms-auto {
    margin-left: auto !important;
}

/* unused */
.p-0 {
    padding: 0 !important;
}

/* unused */
.p-1 {
    padding: 0.25rem !important;
}

/* unused */
.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

/* unused */
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* unused */
.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

/* unused */
.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

/* unused */
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

/* unused */
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

/* unused */
.pt-1 {
    padding-top: 0.25rem !important;
}

/* unused */
.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

/* unused */
.pe-0 {
    padding-right: 0 !important;
}

/* unused */
.pe-1 {
    padding-right: 0.25rem !important;
}

/* unused */
.pe-2 {
    padding-right: 0.5rem !important;
}

/* unused */
.pe-3 {
    padding-right: 1rem !important;
}

/* unused */
.pe-4 {
    padding-right: 1.5rem !important;
}

/* unused */
.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

/* unused */
.pb-1 {
    padding-bottom: 0.25rem !important;
}

/* unused */
.pb-2 {
    padding-bottom: 0.5rem !important;
}

/* unused */
.pb-3 {
    padding-bottom: 1rem !important;
}

/* unused */
.pb-4 {
    padding-bottom: 1.5rem !important;
}

/* unused */
.pb-5 {
    padding-bottom: 3rem !important;
}

/* unused */
.ps-0 {
    padding-left: 0 !important;
}

/* unused */
.ps-1 {
    padding-left: 0.25rem !important;
}

/* unused */
.ps-2 {
    padding-left: 0.5rem !important;
}

/* unused */
.ps-3 {
    padding-left: 1rem !important;
}

/* unused */
.ps-4 {
    padding-left: 1.5rem !important;
}

/* unused */
.ps-5 {
    padding-left: 3rem !important;
}

/* unused */
.gap-0 {
    gap: 0 !important;
}

/* unused */
.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

/* unused */
.gap-3 {
    gap: 1rem !important;
}

/* unused */
.gap-4 {
    gap: 1.5rem !important;
}

/* unused */
.gap-5 {
    gap: 3rem !important;
}

/* unused */
.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important;
}

/* unused */
.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

/* unused */
.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
    font-size: 1.25rem !important;
}

.fs-6 {
    font-size: 1rem !important;
}

.fst-italic {
    font-style: italic !important;
}

/* unused */
.fst-normal {
    font-style: normal !important;
}

/* unused */
.fw-light {
    font-weight: 300 !important;
}

/* unused */
.fw-lighter {
    font-weight: lighter !important;
}

/* unused */
.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

/* unused */
.fw-bolder {
    font-weight: bolder !important;
}

/* unused */
.lh-1 {
    line-height: 1 !important;
}

/* unused */
.lh-sm {
    line-height: 1.25 !important;
}

/* unused */
.lh-base {
    line-height: 1.5 !important;
}

/* unused */
.lh-lg {
    line-height: 2 !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

/* unused */
.text-decoration-none {
    text-decoration: none !important;
}

/* unused */
.text-decoration-underline {
    text-decoration: underline !important;
}

/* unused */
.text-decoration-line-through {
    text-decoration: line-through !important;
}

/* unused */
.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

/* unused */
.text-capitalize {
    text-transform: capitalize !important;
}

/* unused */
.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}


/* unused */
.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.c-fg {
    color: var(--eit-fg) !important;
}

.c-primary {
    color: var(--eit-primary) !important;
}

.c-secondary {
    color: var(--eit-secondary) !important;
}

.c-success {
    color: var(--eit-success) !important;
}

.c-info {
    color: var(--eit-info) !important;
}

.c-warning {
    color: var(--eit-warning) !important;
}

.c-danger {
    color: var(--eit-danger) !important;
}


.text-muted {
    color: var(--eit-fg-dimmed) !important;
}


/* unused */
.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important;
}

/* unused */
.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important;
}

/* unused */
.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
}

/* unused */
.pe-none {
    pointer-events: none !important;
}

/* unused */
.pe-auto {
    pointer-events: auto !important;
}

.rounded {
    border-radius: var(--border-radius-m) !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    /* unused */
    .d-print-inline {
        display: inline !important;
    }
    /* unused */
    .d-print-inline-block {
        display: inline-block !important;
    }
    /* unused */
    .d-print-block {
        display: block !important;
    }
    /* unused */
    .d-print-grid {
        display: grid !important;
    }
    /* unused */
    .d-print-table {
        display: table !important;
    }
    /* unused */
    .d-print-table-row {
        display: table-row !important;
    }
    /* unused */
    .d-print-table-cell {
        display: table-cell !important;
    }
    /* unused */
    .d-print-flex {
        display: flex !important;
    }
    /* unused */
    .d-print-inline-flex {
        display: inline-flex !important;
    }
    /* unused */
    .d-print-none {
        display: none !important;
    }
}











/*--------------------------------------------------------------
        # Hero Section
        --------------------------------------------------------------*/

#hero {
    min-height: 80vh;
    text-align: center;
}


/*--------------------------------------------------------------
        # Sections General
        --------------------------------------------------------------*/
section {
    padding: 3em 4em;
    overflow: hidden;
}

/*--------------------------------------------------------------
        # Clients
        --------------------------------------------------------------*/
.clients {
    padding: 12px 0;
    text-align: center;
}

.clients img {
    max-width: 45%;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    padding: 15px 0;
    filter: grayscale(100);
}

.clients img:hover {
    filter: none;
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .clients img {
        max-width: 40%;
    }
}

/*--------------------------------------------------------------
        # About Us
        --------------------------------------------------------------*/
.about .content h3 {
    font-weight: 600;
    font-size: 26px;
}

.about .content ul {
    list-style: none;
    padding: 0;
}

.about .content ul li {
    padding-left: 28px;
    position: relative;
}

.about .content ul li + li {
    margin-top: 10px;
}

.about .content ul i {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 20px;
    color: #47b2e4;
    line-height: 1;
}

.about .content p:last-child {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
        # Why Us
        --------------------------------------------------------------*/
.why-us .content {
    padding: 60px 100px 0 100px;
}

.why-us .content h3 {
    font-weight: 400;
    font-size: 34px;
    color: #37517e;
}

.why-us .content h4 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 5px;
}

.why-us .content p {
    font-size: 15px;
    /*color: #848484;*/
}

.why-us .img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.why-us .accordion-list {
    padding: 0 100px 60px 100px;
}

.why-us .accordion-list ul {
    padding: 0;
    list-style: none;
}

.why-us .accordion-list li + li {
    margin-top: 15px;
}

.why-us .accordion-list li {
    padding: 20px;
    background: var(--eit-bg-2);
    border-radius: 4px;
}

.why-us .accordion-list a {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding-right: 30px;
    outline: none;
    cursor: pointer;
}

.why-us .accordion-list span {
    /*color: #47b2e4;*/
    font-weight: 600;
    font-size: 18px;
    padding-right: 10px;
}

.why-us .accordion-list i {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
}

.why-us .accordion-list p {
    margin-bottom: 0;
    padding: 10px 0 0 0;
}

.why-us .accordion-list .icon-show {
    display: none;
}

.why-us .accordion-list a.collapsed {
    /*color: #343a40;*/
}

.why-us .accordion-list a.collapsed:hover {
    color: #47b2e4;
}

.why-us .accordion-list a.collapsed .icon-show {
    display: inline-block;
}

.why-us .accordion-list a.collapsed .icon-close {
    display: none;
}

@media (max-width: 1024px) {
    .why-us .content, .why-us .accordion-list {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 992px) {
    .why-us .img {
        min-height: 400px;
    }
    .why-us .content {
        padding-top: 30px;
    }
    .why-us .accordion-list {
        padding-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .why-us .img {
        min-height: 200px;
    }
}

/*--------------------------------------------------------------
        # Skills
        --------------------------------------------------------------*/
.skills .content h3 {
    font-weight: 700;
    font-size: 32px;
    color: #37517e;
}

.skills .content ul {
    list-style: none;
    padding: 0;
}

.skills .content ul li {
    padding-bottom: 10px;
}

.skills .content ul i {
    font-size: 20px;
    padding-right: 4px;
    /*color: #47b2e4;*/
}

.skills .content p:last-child {
    margin-bottom: 0;
}

.skills .progress {
    height: 60px;
    display: block;
    background: none;
    border-radius: 0;
    width: 100%;
}

.skills .progress progress {
    width: 100%;
}

.skills .progress label {
    padding: 0;
    margin: 0 0 6px 0;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
}

.skills .progress label .val {
    float: right;
    font-style: normal;
}

/*--------------------------------------------------------------
        # Services
        --------------------------------------------------------------*/
.services .icon-box {
    box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
    padding: 50px 30px;
    transition: all ease-in-out 0.4s;
    background: var(--eit-bg-2);
}

.services .icon-box .icon {
    margin-bottom: 10px;
    color: var(--eit-primary);
}

.services .icon-box h4 {
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 24px;
}

.services .icon-box h4 a {
    color: #37517e;
    transition: ease-in-out 0.3s;
}

.services .icon-box p {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
}

.services .icon-box:hover {
    transform: translateY(-10px);
}

.services .icon-box:hover h4 a {
    color: #47b2e4;
}

/*--------------------------------------------------------------
        # Portfolio
        --------------------------------------------------------------*/
.portfolio #portfolio-flters {
    list-style: none;
    margin-bottom: 20px;
}

.portfolio #portfolio-flters li {
    cursor: pointer;
    display: inline-block;
    margin: 10px 5px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #444444;
    transition: all 0.3s;
    padding: 8px 20px;
    border-radius: 50px;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
    background: var(--eit-primary);
    color: var(--eit-fg-highlight);
}

.portfolio .portfolio-item {
    margin-bottom: 30px;
}

.portfolio .portfolio-item .portfolio-img {
    overflow: hidden;
}

.portfolio .portfolio-item .portfolio-img img {
    transition: all 0.6s;
}

.portfolio .portfolio-item:hover .portfolio-img img {
    transform: scale(1.15);
}


/*--------------------------------------------------------------
        # Frequently Asked Questions
        --------------------------------------------------------------*/
.faq .faq-list {
    padding: 0 100px;
}

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

.faq .faq-list li + li {
    margin-top: 15px;
}

.faq .faq-list li {
    padding: 20px;
    background: var(--eit-bg-2);
    border-radius: 4px;
    position: relative;
}

.faq .faq-list a {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding: 0 30px;
    outline: none;
    cursor: pointer;
}

.faq .faq-list .icon-help {
    font-size: 24px;
    position: absolute;
    right: 0;
    left: 20px;
    color: #47b2e4;
}

.faq .faq-list .icon-show, .faq .faq-list .icon-close {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
}

.faq .faq-list p {
    margin-bottom: 0;
    padding: 10px 0 0 0;
}

.faq .faq-list .icon-show {
    display: none;
}

.faq .faq-list a.collapsed {
    color: #37517e;
    transition: 0.3s;
}

.faq .faq-list a.collapsed:hover {
    color: #47b2e4;
}

.faq .faq-list a.collapsed .icon-show {
    display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
    display: none;
}

@media (max-width: 1200px) {
    .faq .faq-list {
        padding: 0;
    }
}








a.more-link{text-decoration:none}
a.more-link:hover{text-decoration:none}
a.more-link:hover .more-arrow{margin-left:0.5rem}
a.more-link .more-arrow{font-weight:bold;transition:all 0.2s ease-in-out;display:inline-block}
@media (prefers-reduced-motion: reduce){a.more-link .more-arrow{transition:none}
}
.more-arrow{position:relative;top:1px}
/* unused */
.link-on-bg,a.link-on-bg{color:rgba(0,0,0,0.5)}
/* unused */
.link-on-bg:hover,a.link-on-bg:hover{color:rgba(0,0,0,0.6)}
/* unused */
.single-col-max-width{max-width:860px}

/* unused */
.social-list li{font-size:1.25rem}
/* unused */
.footer .download-area .app-stores img{height:40px}
/* unused */
.hero-section .app-stores img{height:45px}
/* unused */
.section-intro{font-size:1.25rem}
/* unused */
.logos-section .item{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4}
/* unused */
.logos-section .item img{width:140px;height:auto}
/* unused */
.logos-section h3,.logos-section .h3{font-size:1.5rem;font-weight:normal;-webkit-opacity:.6;-moz-opacity:.6;opacity:.6}
.source-profile{width:80px;height:80px}

@media (max-width: 991.98px)
{
    /* unused */
    .hero-section .figure-holder{min-height:460px;background-position:right 0px;background-size:360px auto}
}
@media (max-width: 767.98px)
{
    /* unused */
    .hero-section{text-align:center}
}
@media (max-width: 575.98px){
    /* unused */
    .hero-section{text-align:center}
    /* unused */
    .logos-row{width:90% !important}
}

@media (min-width: 768px) and (max-width: 1200px) {
    .container {
        width: 98%;
    }
}

@media (prefers-reduced-motion: no-preference)
{
    :root
    {
        scroll-behavior: smooth;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    ::before,
    ::after {
        animation-delay: -1ms !important; /* 1 */
        animation-duration: 1ms !important; /* 1 */
        animation-iteration-count: 1 !important; /* 1 */
        background-attachment: initial !important; /* 2 */
        scroll-behavior: auto !important; /* 3 */
        transition-delay: 0s !important; /* 4 */
        transition-duration: 0s !important; /* 4 */
    }
}

/* Tree */

.tree-icon {
    width: 16px;
    height: 16px;
    color: var(--eit-bg-1) !important;
}
.tree ul {
    list-style: none;
    padding-left: 0;
}
.tree li {
    list-style: none;
    padding-left: 10px;
    align-items: center;
    color: var(--eit-bg-1);
}

.tree > ul > li {
    list-style: none;
    padding-left: 0;
}
.tree li button {
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    margin: 0;
    text-align: left;
    height: 20px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}
.tree li button.tree-expand {
    width: 16px;
    --tree-closed: url('data:image/svg+xml;utf-8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M441.3 299.8C451.5 312.4 450.8 330.9 439.1 342.6L311.1 470.6C301.9 479.8 288.2 482.5 276.2 477.5C264.2 472.5 256.5 460.9 256.5 448L256.5 192C256.5 179.1 264.3 167.4 276.3 162.4C288.3 157.4 302 160.2 311.2 169.3L439.2 297.3L441.4 299.7z" fill="%23FFF"/></svg>');
    --tree-expanded: url('data:image/svg+xml;utf-8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z" fill="%23FFF"/></svg>');
    --tree-busy: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"%3E%3Ccircle class="s" cx="4" cy="12" r="3" fill="%23F25E0D"/%3E%3Ccircle class="s s2" cx="12" cy="12" r="3" fill="%23F25E0D"/%3E%3Ccircle class="s s3" cx="20" cy="12" r="3" fill="%23F25E0D"/%3E%3Cstyle%3E.s%7Banimation:k 1.05s infinite%7D .s2%7Banimation-delay:.1s%7D .s3%7Banimation-delay:.2s%7D @keyframes k%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D 28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D 100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3C/svg%3E');
}
html[data-theme=light] .tree li button.tree-expand {
    --tree-closed: url('data:image/svg+xml;utf-8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M441.3 299.8C451.5 312.4 450.8 330.9 439.1 342.6L311.1 470.6C301.9 479.8 288.2 482.5 276.2 477.5C264.2 472.5 256.5 460.9 256.5 448L256.5 192C256.5 179.1 264.3 167.4 276.3 162.4C288.3 157.4 302 160.2 311.2 169.3L439.2 297.3L441.4 299.7z" fill="%23000"/></svg>');
    --tree-expanded: url('data:image/svg+xml;utf-8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z" fill="%23000"/></svg>');
}
.tree li[data-node-has-children="false"] > button.tree-expand {
    cursor: default;
}
.tree li[data-node-has-children="true"] > button.tree-expand {
    background: var(--tree-closed) no-repeat;
}
.tree li[data-node-has-children="true"][aria-expanded="true"] > button.tree-expand {
    background: var(--tree-expanded) no-repeat;
}
li[role="treeitem"][aria-expanded="false"] > ul {
    display: none;
}
li[role="treeitem"][aria-expanded="true"] > ul {
    display: block;
    transition: height 0.3s ease-in-out;
}
.tree li[data-node-has-children][aria-expanded][aria-busy="true"] > button.tree-expand {
    background: var(--tree-busy) no-repeat;
}
li[role="treeitem"] > button.tree-node {
    padding-right: 3px;
    padding-left: 3px;
    margin-left: 3px;
}
li[role="treeitem"][aria-selected="true"] > button.tree-node {
    background-color: var(--eit-primary);
}
html[data-theme=light] li[role="treeitem"][aria-selected="true"] > button.tree-node {
    color: var(--eit-fg);
}
html[data-theme=light] li[role="treeitem"][aria-selected="true"] > button.tree-node .tree-icon {
    color: var(--eit-fg) !important;
}


/* Content and archive illustrations share a responsive two-column layout. */
.illustrated-page {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 2rem;
    width: 100%;
    max-width: 72rem;
    min-height: calc(100vh - 3.5rem);
    margin-inline: auto;
    padding: 2rem 1rem;
}

.illustrated-page > * {
    min-width: 0;
}

.page-illustration > svg {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 48rem) {
    .illustrated-page {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        min-height: 0;
    }

    .page-illustration {
        width: 100%;
        max-width: 32rem;
    }
}

/* Used classes without a definition in app.css, color.css or mi.css. */
.android {}
.animated-submit-button {}
.animated-submit-button-caption {}
.animated-submit-button-container {}
.animation-float {}
.animation-float2 {}
.animation-grayscale {}
.animation-wiggle {}
.animation-zoom-in {}
.app-navbar-item {}
.benefits-section {}
.bg-hover-light {}
.border-gray-200 {}
.border-transparent {}
.btn-active-light-primary {}
.btn-group {}
.btn-icon {}
.btn-lg {}
.btn-light-warning {}
.btn-sm {}
.card {}
.card-body {}
.card-flush {}
.card-text {}
.card-title {}
.col-lg-2 {}
.col-lg-4 {}
.col-lg-5 {}
.col-lg-6 {}
.col-lg-7 {}
.col-md-4 {}
.col-md-6 {}
.col-xl-5 {}
.contact {}
.container-fluid {}
.cursor-pointer {}
.d-md-block {}
.divider {}
.dragging {}
.fa-circle {}
.fa-circle-check {}
.fa-grip-vertical {}
.fa-regular {}
.fa-solid {}
.fa-star {}
.fa-star-half {}
.fas {}
.features-section {}
.filter-app {}
.filter-card {}
.filter-web {}
.flatpickr-buttons {}
.flatpickr-clear {}
.flatpickr-now {}
.folder {}
.font-weight-bold {}
.form-group {}
.fs-7 {}
.fullscreen-modal {}
.fullscreen-modal-backdrop {}
.fullscreen-modal-content {}
.fullscreen-modal-header {}
.gs-4 {}
.hero-img {}
.indicator-label {}
.indicator-progress {}
.ios {}
.item-inner {}
.me-10 {}
.me-lg-3 {}
.menu {}
.menu-column {}
.menu-gray-600 {}
.menu-item {}
.menu-link {}
.menu-rounded {}
.menu-state-bg-light-primary {}
.menu-sub {}
.menu-sub-dropdown {}
.nav {}
.nav-item {}
.nav-line-tabs {}
.nav-line-tabs-2x {}
.nav-link {}
.nav-stretch {}
.offset-xl-1 {}
.order-lg-1 {}
.order-lg-2 {}
.order-md-1 {}
.order-md-2 {}
.p-lg-5 {}
.pb-15 {}
.plane {}
.portfolio-container {}
.pr-xl-3 {}
.pricing {}
.product-figure {}
.product-figure-1 {}
.product-figure-2 {}
.pt-lg-0 {}
.pt-md-3 {}
.pt-xl-5 {}
.pulser {}
.px-7 {}
.py-10 {}
.py-lg-5 {}
.ratings {}
.section-heading {}
.skills-content {}
.social {}
.sort-asc {}
.sort-desc {}
.sort-select {}
.sort-select-wrapper {}
.sortable-item {}
.source {}
.table-row-dashed {}
.team {}
.testimonial-section {}
.text-active-primary {}
.text-gray-500 {}
.text-gray-600 {}
.text-gray-700 {}
.w-150px {}
.w-225px {}
.x-app-content {}

/* ListView filters share one split-button group; controls open in the top layer. */
.list-view-filter-buttons {
    display: inline-flex;
    align-items: stretch;
    max-width: 100%;
    vertical-align: middle;
}

.list-view-filter-buttons > button {
    margin: 0;
    border-radius: 0;
    min-width: 0;
}

.list-view-filter-buttons > button:first-child {
    border-start-start-radius: var(--border-radius-m);
    border-end-start-radius: var(--border-radius-m);
}

.list-view-filter-buttons > button:last-child,
.list-view-filter-buttons:not(.has-filter-reset) > button:nth-last-child(2) {
    border-start-end-radius: var(--border-radius-m);
    border-end-end-radius: var(--border-radius-m);
}

.list-view-filter-buttons > button + button {
    border-inline-start-width: 1px;
    border-inline-start-color: var(--eit-fg-highlight) !important;
}

.list-view-filter-toggle::after {
    content: '';
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    margin-inline-start: 0.6em;
    vertical-align: 0.2em;
    border-inline-end: 2px solid currentColor;
    border-block-end: 2px solid currentColor;
    transform: rotate(45deg);
}

.list-view-filter-reset[hidden] { display: none !important; }

.list-view-filter-menu {
    position: fixed;
    inset: auto;
    margin: 0;
    padding: 1rem;
    box-sizing: border-box;
    width: min(22rem, calc(100vw - 1rem));
    overflow: auto;
    overscroll-behavior: contain;
    color: var(--eit-fg);
    background: var(--eit-bg-3);
    border: 1px solid var(--eit-border);
    border-radius: var(--border-radius-m);
    box-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 20%);
}

.list-view-filter-field + .list-view-filter-field { margin-block-start: 1rem; }
.list-view-filter-field > label { display: block; }
.list-view-filter-field > :is(select, input:not([type=checkbox])) { width: 100%; min-width: 0; }
.list-view-filter-field > label > input[type=checkbox] { margin-inline-end: 0.5em; }

/* Toolbar DOM order: search, filters, result count, then optional actions. */
.list-view-toolbar-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    width: 100%;
    min-width: 0;
}

.list-view-search {
    flex: 0 1 16rem;
    min-width: min(10rem, 100%);
    max-width: 100%;
}

.list-view-search > :is(input, .search-input-container) { width: 100%; }
.list-view-toolbar-filters { max-width: 100%; }
.list-view-result-info { display: inline-flex; align-items: center; white-space: nowrap; }
.list-view-toolbar-controls > #page_actions:empty { display: none; }