/* aardCSS */
:root,:host {
    --aard-font-family-emoji:"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
 --aard-font-family-sans-serif:system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif,var(--aard-font-family-emoji);
 --aard-font-family-monospace:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace,var(--aard-font-family-emoji);
 --aard-font-family:var(--aard-font-family-sans-serif);
 --aard-line-height:1.5;
 --aard-font-weight:400;
 --aard-font-size:100%;
 --aard-text-underline-offset:0.1rem;
 --aard-border-radius:0.25rem;
 --aard-border-width:0.0625rem;
 --aard-outline-width:0.125rem;
 --aard-transition:0.2s ease-in-out;
 --aard-spacing:1rem;
 --aard-typography-spacing-vertical:1rem;
 --aard-block-spacing-vertical:var(--aard-spacing);
 --aard-block-spacing-horizontal:var(--aard-spacing);
 --aard-grid-column-gap:var(--aard-spacing);
 --aard-grid-row-gap:var(--aard-spacing);
 --aard-form-element-spacing-vertical:0.75rem;
 --aard-form-element-spacing-horizontal:1rem;
 --aard-group-box-shadow:0 0 0 rgba(0,0,0,0);
 --aard-group-box-shadow-focus-with-button:0 0 0 var(--aard-outline-width) var(--aard-primary-focus);
 --aard-group-box-shadow-focus-with-input:0 0 0 0.0625rem var(--aard-form-element-border-color);
 --aard-modal-overlay-backdrop-filter:blur(0.375rem);
 --aard-nav-element-spacing-vertical:1rem;
 --aard-nav-element-spacing-horizontal:0.5rem;
 --aard-nav-link-spacing-vertical:0.5rem;
 --aard-nav-link-spacing-horizontal:0.5rem;
 --aard-nav-breadcrumb-divider:">";
 --aard-icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255,255,255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
 --aard-icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255,255,255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
 --aard-icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136,145,164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
 --aard-icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136,145,164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
 --aard-icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136,145,164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
 --aard-icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136,145,164)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
 --aard-icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136,145,164)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    --aard-icon-loading:url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation:rotate 2s linear infinite;
    transform-origin:center center;
    %7D circle %7B stroke-dasharray:75,100;
    stroke-dashoffset:-5;
    animation:dash 1.5s ease-in-out infinite;
    stroke-linecap:round;
    %7D @keyframes rotate %7B 0%25 %7B transform:rotate(0deg);
    %7D 100%25 %7B transform:rotate(360deg);
    %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray:1,100;
    stroke-dashoffset:0;
    %7D 50%25 %7B stroke-dasharray:44.5,100;
    stroke-dashoffset:-17.5;
    %7D 100%25 %7B stroke-dasharray:44.5,100;
    stroke-dashoffset:-62;
    %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='rgb(136,145,164)' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E")
}

@media (min-width:576px) {
    :root,:host {
        --aard-font-size:106.25%
    }

}

@media (min-width:768px) {
    :root,:host {
        --aard-font-size:112.5%
    }

}

@media (min-width:1024px) {
    :root,:host {
        --aard-font-size:118.75%
    }

}

@media (min-width:1280px) {
    :root,:host {
        --aard-font-size:125%
    }

}

@media (min-width:1536px) {
    :root,:host {
        --aard-font-size:131.25%
    }

}

a {
    --aard-text-decoration:underline
}

a.secondary,a.contrast {
    --aard-text-decoration:underline
}

small {
    --aard-font-size:0.875em
}

h1,h2,h3,h4,h5,h6 {
    --aard-font-weight:700
}

h1 {
    --aard-font-size:2rem;
 --aard-line-height:1.125;
    --aard-typography-spacing-top:3rem
}

h2 {
    --aard-font-size:1.75rem;
 --aard-line-height:1.15;
    --aard-typography-spacing-top:2.625rem
}

h3 {
    --aard-font-size:1.5rem;
 --aard-line-height:1.175;
    --aard-typography-spacing-top:2.25rem
}

h4 {
    --aard-font-size:1.25rem;
 --aard-line-height:1.2;
    --aard-typography-spacing-top:1.874rem
}

h5 {
    --aard-font-size:1.125rem;
 --aard-line-height:1.225;
    --aard-typography-spacing-top:1.6875rem
}

h6 {
    --aard-font-size:1rem;
 --aard-line-height:1.25;
    --aard-typography-spacing-top:1.5rem
}

thead th,thead td,tfoot th,tfoot td {
    --aard-font-weight:600;
    --aard-border-width:0.1875rem
}

pre,code,kbd,samp {
    --aard-font-family:var(--aard-font-family-monospace)
}

kbd {
    --aard-font-weight:bolder
}

input:not([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[type=file]),:where(select,textarea) {
    --aard-outline-width:0.0625rem
}

[type=search] {
    --aard-border-radius:5rem
}

[type=checkbox],[type=radio] {
    --aard-border-width:0.125rem
}

[type=checkbox][role=switch] {
    --aard-border-width:0.1875rem
}

details.dropdown summary:not([role=button]) {
    --aard-outline-width:0.0625rem
}

nav details.dropdown summary:focus-visible {
    --aard-outline-width:0.125rem
}

[role=search] {
    --aard-border-radius:5rem
}

[role=search]:has(button.secondary:focus,[type=submit].secondary:focus,[type=button].secondary:focus,[role=button].secondary:focus),[role=group]:has(button.secondary:focus,[type=submit].secondary:focus,[type=button].secondary:focus,[role=button].secondary:focus) {
    --aard-group-box-shadow-focus-with-button:0 0 0 var(--aard-outline-width) var(--aard-secondary-focus)
}

[role=search]:has(button.contrast:focus,[type=submit].contrast:focus,[type=button].contrast:focus,[role=button].contrast:focus),[role=group]:has(button.contrast:focus,[type=submit].contrast:focus,[type=button].contrast:focus,[role=button].contrast:focus) {
    --aard-group-box-shadow-focus-with-button:0 0 0 var(--aard-outline-width) var(--aard-contrast-focus)
}

[role=search] button,[role=search] [type=submit],[role=search] [type=button],[role=search] [role=button],[role=group] button,[role=group] [type=submit],[role=group] [type=button],[role=group] [role=button] {
    --aard-form-element-spacing-horizontal:2rem
}

details summary[role=button]:not(.outline)::after {
    filter:brightness(0) invert(1)
}

[aria-busy=true]:not(input,select,textarea):is(button,[type=submit],[type=button],[type=reset],[role=button]):not(.outline)::before {
    filter:brightness(0) invert(1)
}

[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])) {
    color-scheme:light;
 --aard-background-color:#fff;
 --aard-color:#373c44;
 --aard-text-selection-color:rgba(2,154,232,0.25);
 --aard-muted-color:#646b79;
 --aard-muted-border-color:rgb(231,234,239.5);
 --aard-primary:#0172ad;
 --aard-primary-background:#0172ad;
 --aard-primary-border:var(--aard-primary-background);
 --aard-primary-underline:rgba(1,114,173,0.5);
 --aard-primary-hover:#015887;
 --aard-primary-hover-background:#02659a;
 --aard-primary-hover-border:var(--aard-primary-hover-background);
 --aard-primary-hover-underline:var(--aard-primary-hover);
 --aard-primary-focus:rgba(2,154,232,0.5);
 --aard-primary-inverse:#fff;
 --aard-secondary:#5d6b89;
 --aard-secondary-background:#525f7a;
 --aard-secondary-border:var(--aard-secondary-background);
 --aard-secondary-underline:rgba(93,107,137,0.5);
 --aard-secondary-hover:#48536b;
 --aard-secondary-hover-background:#48536b;
 --aard-secondary-hover-border:var(--aard-secondary-hover-background);
 --aard-secondary-hover-underline:var(--aard-secondary-hover);
 --aard-secondary-focus:rgba(93,107,137,0.25);
 --aard-secondary-inverse:#fff;
 --aard-contrast:#181c25;
 --aard-contrast-background:#181c25;
 --aard-contrast-border:var(--aard-contrast-background);
 --aard-contrast-underline:rgba(24,28,37,0.5);
 --aard-contrast-hover:#000;
 --aard-contrast-hover-background:#000;
 --aard-contrast-hover-border:var(--aard-contrast-hover-background);
 --aard-contrast-hover-underline:var(--aard-secondary-hover);
 --aard-contrast-focus:rgba(93,107,137,0.25);
 --aard-contrast-inverse:#fff;
 --aard-box-shadow:0.0145rem 0.029rem 0.174rem rgba(129,145,181,0.01698),0.0335rem 0.067rem 0.402rem rgba(129,145,181,0.024),0.0625rem 0.125rem 0.75rem rgba(129,145,181,0.03),0.1125rem 0.225rem 1.35rem rgba(129,145,181,0.036),0.2085rem 0.417rem 2.502rem rgba(129,145,181,0.04302),0.5rem 1rem 6rem rgba(129,145,181,0.06),0 0 0 0.0625rem rgba(129,145,181,0.015);
 --aard-h1-color:#2d3138;
 --aard-h2-color:#373c44;
 --aard-h3-color:#424751;
 --aard-h4-color:#4d535e;
 --aard-h5-color:#5c6370;
 --aard-h6-color:#646b79;
 --aard-mark-background-color:rgb(252.5,230.5,191.5);
 --aard-mark-color:#0f1114;
 --aard-ins-color:rgb(28.5,105.5,84);
 --aard-del-color:rgb(136,56.5,53);
 --aard-blockquote-border-color:var(--aard-muted-border-color);
 --aard-blockquote-footer-color:var(--aard-muted-color);
 --aard-button-box-shadow:0 0 0 rgba(0,0,0,0);
 --aard-button-hover-box-shadow:0 0 0 rgba(0,0,0,0);
 --aard-table-border-color:var(--aard-muted-border-color);
 --aard-table-row-stripped-background-color:rgba(111,120,135,0.0375);
 --aard-code-background-color:rgb(243,244.5,246.75);
 --aard-code-color:#646b79;
 --aard-code-kbd-background-color:var(--aard-color);
 --aard-code-kbd-color:var(--aard-background-color);
 --aard-form-element-background-color:rgb(251,251.5,252.25);
 --aard-form-element-selected-background-color:#dfe3eb;
 --aard-form-element-border-color:#cfd5e2;
 --aard-form-element-color:#23262c;
 --aard-form-element-placeholder-color:var(--aard-muted-color);
 --aard-form-element-active-background-color:#fff;
 --aard-form-element-active-border-color:var(--aard-primary-border);
 --aard-form-element-focus-color:var(--aard-primary-border);
 --aard-form-element-disabled-opacity:0.5;
 --aard-form-element-invalid-border-color:rgb(183.5,105.5,106.5);
 --aard-form-element-invalid-active-border-color:rgb(200.25,79.25,72.25);
 --aard-form-element-invalid-focus-color:var(--aard-form-element-invalid-active-border-color);
 --aard-form-element-valid-border-color:rgb(76,154.5,137.5);
 --aard-form-element-valid-active-border-color:rgb(39,152.75,118.75);
 --aard-form-element-valid-focus-color:var(--aard-form-element-valid-active-border-color);
 --aard-switch-background-color:#bfc7d9;
 --aard-switch-checked-background-color:var(--aard-primary-background);
 --aard-switch-color:#fff;
 --aard-switch-thumb-box-shadow:0 0 0 rgba(0,0,0,0);
 --aard-range-border-color:#dfe3eb;
 --aard-range-active-border-color:#bfc7d9;
 --aard-range-thumb-border-color:var(--aard-background-color);
 --aard-range-thumb-color:var(--aard-secondary-background);
 --aard-range-thumb-active-color:var(--aard-primary-background);
 --aard-accordion-border-color:var(--aard-muted-border-color);
 --aard-accordion-active-summary-color:var(--aard-primary-hover);
 --aard-accordion-close-summary-color:var(--aard-color);
 --aard-accordion-open-summary-color:var(--aard-muted-color);
 --aard-card-background-color:var(--aard-background-color);
 --aard-card-border-color:var(--aard-muted-border-color);
 --aard-card-box-shadow:var(--aard-box-shadow);
 --aard-card-sectioning-background-color:rgb(251,251.5,252.25);
 --aard-dropdown-background-color:#fff;
 --aard-dropdown-border-color:#eff1f4;
 --aard-dropdown-box-shadow:var(--aard-box-shadow);
 --aard-dropdown-color:var(--aard-color);
 --aard-dropdown-hover-background-color:#eff1f4;
 --aard-loading-spinner-opacity:0.5;
 --aard-modal-overlay-background-color:rgba(232,234,237,0.75);
 --aard-progress-background-color:#dfe3eb;
 --aard-progress-color:var(--aard-primary-background);
 --aard-tooltip-background-color:var(--aard-contrast-background);
 --aard-tooltip-color:var(--aard-contrast-inverse);
 --aard-icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(76,154.5,137.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    --aard-icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(200.25,79.25,72.25)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")
}

[data-theme=light] input:is([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[type=file]),:root:not([data-theme=dark]) input:is([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[type=file]),:host(:not([data-theme=dark])) input:is([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[type=file]) {
    --aard-form-element-focus-color:var(--aard-primary-focus)
}

@media only screen and (prefers-color-scheme:dark) {
    :root:not([data-theme]),:host(:not([data-theme])) {
        color-scheme:dark;
 --aard-background-color:rgb(19,22.5,30.5);
 --aard-color:#c2c7d0;
 --aard-text-selection-color:rgba(1,170,255,0.1875);
 --aard-muted-color:#7b8495;
 --aard-muted-border-color:#202632;
 --aard-primary:#01aaff;
 --aard-primary-background:#0172ad;
 --aard-primary-border:var(--aard-primary-background);
 --aard-primary-underline:rgba(1,170,255,0.5);
 --aard-primary-hover:#79c0ff;
 --aard-primary-hover-background:#017fc0;
 --aard-primary-hover-border:var(--aard-primary-hover-background);
 --aard-primary-hover-underline:var(--aard-primary-hover);
 --aard-primary-focus:rgba(1,170,255,0.375);
 --aard-primary-inverse:#fff;
 --aard-secondary:#969eaf;
 --aard-secondary-background:#525f7a;
 --aard-secondary-border:var(--aard-secondary-background);
 --aard-secondary-underline:rgba(150,158,175,0.5);
 --aard-secondary-hover:#b3b9c5;
 --aard-secondary-hover-background:#5d6b89;
 --aard-secondary-hover-border:var(--aard-secondary-hover-background);
 --aard-secondary-hover-underline:var(--aard-secondary-hover);
 --aard-secondary-focus:rgba(144,158,190,0.25);
 --aard-secondary-inverse:#fff;
 --aard-contrast:#dfe3eb;
 --aard-contrast-background:#eff1f4;
 --aard-contrast-border:var(--aard-contrast-background);
 --aard-contrast-underline:rgba(223,227,235,0.5);
 --aard-contrast-hover:#fff;
 --aard-contrast-hover-background:#fff;
 --aard-contrast-hover-border:var(--aard-contrast-hover-background);
 --aard-contrast-hover-underline:var(--aard-contrast-hover);
 --aard-contrast-focus:rgba(207,213,226,0.25);
 --aard-contrast-inverse:#000;
 --aard-box-shadow:0.0145rem 0.029rem 0.174rem rgba(7,8.5,12,0.01698),0.0335rem 0.067rem 0.402rem rgba(7,8.5,12,0.024),0.0625rem 0.125rem 0.75rem rgba(7,8.5,12,0.03),0.1125rem 0.225rem 1.35rem rgba(7,8.5,12,0.036),0.2085rem 0.417rem 2.502rem rgba(7,8.5,12,0.04302),0.5rem 1rem 6rem rgba(7,8.5,12,0.06),0 0 0 0.0625rem rgba(7,8.5,12,0.015);
 --aard-h1-color:#f0f1f3;
 --aard-h2-color:#e0e3e7;
 --aard-h3-color:#c2c7d0;
 --aard-h4-color:#b3b9c5;
 --aard-h5-color:#a4acba;
 --aard-h6-color:#8891a4;
 --aard-mark-background-color:#014063;
 --aard-mark-color:#fff;
 --aard-ins-color:#62af9a;
 --aard-del-color:rgb(205.5,126,123);
 --aard-blockquote-border-color:var(--aard-muted-border-color);
 --aard-blockquote-footer-color:var(--aard-muted-color);
 --aard-button-box-shadow:0 0 0 rgba(0,0,0,0);
 --aard-button-hover-box-shadow:0 0 0 rgba(0,0,0,0);
 --aard-table-border-color:var(--aard-muted-border-color);
 --aard-table-row-stripped-background-color:rgba(111,120,135,0.0375);
 --aard-code-background-color:rgb(26,30.5,40.25);
 --aard-code-color:#8891a4;
 --aard-code-kbd-background-color:var(--aard-color);
 --aard-code-kbd-color:var(--aard-background-color);
 --aard-form-element-background-color:rgb(28,33,43.5);
 --aard-form-element-selected-background-color:#2a3140;
 --aard-form-element-border-color:#2a3140;
 --aard-form-element-color:#e0e3e7;
 --aard-form-element-placeholder-color:#8891a4;
 --aard-form-element-active-background-color:rgb(26,30.5,40.25);
 --aard-form-element-active-border-color:var(--aard-primary-border);
 --aard-form-element-focus-color:var(--aard-primary-border);
 --aard-form-element-disabled-opacity:0.5;
 --aard-form-element-invalid-border-color:rgb(149.5,74,80);
 --aard-form-element-invalid-active-border-color:rgb(183.25,63.5,59);
 --aard-form-element-invalid-focus-color:var(--aard-form-element-invalid-active-border-color);
 --aard-form-element-valid-border-color:#2a7b6f;
 --aard-form-element-valid-active-border-color:rgb(22,137,105.5);
 --aard-form-element-valid-focus-color:var(--aard-form-element-valid-active-border-color);
 --aard-switch-background-color:#333c4e;
 --aard-switch-checked-background-color:var(--aard-primary-background);
 --aard-switch-color:#fff;
 --aard-switch-thumb-box-shadow:0 0 0 rgba(0,0,0,0);
 --aard-range-border-color:#202632;
 --aard-range-active-border-color:#2a3140;
 --aard-range-thumb-border-color:var(--aard-background-color);
 --aard-range-thumb-color:var(--aard-secondary-background);
 --aard-range-thumb-active-color:var(--aard-primary-background);
 --aard-accordion-border-color:var(--aard-muted-border-color);
 --aard-accordion-active-summary-color:var(--aard-primary-hover);
 --aard-accordion-close-summary-color:var(--aard-color);
 --aard-accordion-open-summary-color:var(--aard-muted-color);
 --aard-card-background-color:#181c25;
 --aard-card-border-color:var(--aard-card-background-color);
 --aard-card-box-shadow:var(--aard-box-shadow);
 --aard-card-sectioning-background-color:rgb(26,30.5,40.25);
 --aard-dropdown-background-color:#181c25;
 --aard-dropdown-border-color:#202632;
 --aard-dropdown-box-shadow:var(--aard-box-shadow);
 --aard-dropdown-color:var(--aard-color);
 --aard-dropdown-hover-background-color:#202632;
 --aard-loading-spinner-opacity:0.5;
 --aard-modal-overlay-background-color:rgba(7.5,8.5,10,0.75);
 --aard-progress-background-color:#202632;
 --aard-progress-color:var(--aard-primary-background);
 --aard-tooltip-background-color:var(--aard-contrast-background);
 --aard-tooltip-color:var(--aard-contrast-inverse);
 --aard-icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42,123,111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
        --aard-icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5,74,80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")
    }

 :root:not([data-theme]) input:is([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[type=file]),:host(:not([data-theme])) input:is([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[type=file]) {
        --aard-form-element-focus-color:var(--aard-primary-focus)
    }

 :root:not([data-theme]) details summary[role=button].contrast:not(.outline)::after,:host(:not([data-theme])) details summary[role=button].contrast:not(.outline)::after {
        filter:brightness(0)
    }

 :root:not([data-theme]) [aria-busy=true]:not(input,select,textarea).contrast:is(button,[type=submit],[type=button],[type=reset],[role=button]):not(.outline)::before,:host(:not([data-theme])) [aria-busy=true]:not(input,select,textarea).contrast:is(button,[type=submit],[type=button],[type=reset],[role=button]):not(.outline)::before {
        filter:brightness(0)
    }

}

[data-theme=dark] {
    color-scheme:dark;
 --aard-background-color:rgb(19,22.5,30.5);
 --aard-color:#c2c7d0;
 --aard-text-selection-color:rgba(1,170,255,0.1875);
 --aard-muted-color:#7b8495;
 --aard-muted-border-color:#202632;
 --aard-primary:#01aaff;
 --aard-primary-background:#0172ad;
 --aard-primary-border:var(--aard-primary-background);
 --aard-primary-underline:rgba(1,170,255,0.5);
 --aard-primary-hover:#79c0ff;
 --aard-primary-hover-background:#017fc0;
 --aard-primary-hover-border:var(--aard-primary-hover-background);
 --aard-primary-hover-underline:var(--aard-primary-hover);
 --aard-primary-focus:rgba(1,170,255,0.375);
 --aard-primary-inverse:#fff;
 --aard-secondary:#969eaf;
 --aard-secondary-background:#525f7a;
 --aard-secondary-border:var(--aard-secondary-background);
 --aard-secondary-underline:rgba(150,158,175,0.5);
 --aard-secondary-hover:#b3b9c5;
 --aard-secondary-hover-background:#5d6b89;
 --aard-secondary-hover-border:var(--aard-secondary-hover-background);
 --aard-secondary-hover-underline:var(--aard-secondary-hover);
 --aard-secondary-focus:rgba(144,158,190,0.25);
 --aard-secondary-inverse:#fff;
 --aard-contrast:#dfe3eb;
 --aard-contrast-background:#eff1f4;
 --aard-contrast-border:var(--aard-contrast-background);
 --aard-contrast-underline:rgba(223,227,235,0.5);
 --aard-contrast-hover:#fff;
 --aard-contrast-hover-background:#fff;
 --aard-contrast-hover-border:var(--aard-contrast-hover-background);
 --aard-contrast-hover-underline:var(--aard-contrast-hover);
 --aard-contrast-focus:rgba(207,213,226,0.25);
 --aard-contrast-inverse:#000;
 --aard-box-shadow:0.0145rem 0.029rem 0.174rem rgba(7,8.5,12,0.01698),0.0335rem 0.067rem 0.402rem rgba(7,8.5,12,0.024),0.0625rem 0.125rem 0.75rem rgba(7,8.5,12,0.03),0.1125rem 0.225rem 1.35rem rgba(7,8.5,12,0.036),0.2085rem 0.417rem 2.502rem rgba(7,8.5,12,0.04302),0.5rem 1rem 6rem rgba(7,8.5,12,0.06),0 0 0 0.0625rem rgba(7,8.5,12,0.015);
 --aard-h1-color:#f0f1f3;
 --aard-h2-color:#e0e3e7;
 --aard-h3-color:#c2c7d0;
 --aard-h4-color:#b3b9c5;
 --aard-h5-color:#a4acba;
 --aard-h6-color:#8891a4;
 --aard-mark-background-color:#014063;
 --aard-mark-color:#fff;
 --aard-ins-color:#62af9a;
 --aard-del-color:rgb(205.5,126,123);
 --aard-blockquote-border-color:var(--aard-muted-border-color);
 --aard-blockquote-footer-color:var(--aard-muted-color);
 --aard-button-box-shadow:0 0 0 rgba(0,0,0,0);
 --aard-button-hover-box-shadow:0 0 0 rgba(0,0,0,0);
 --aard-table-border-color:var(--aard-muted-border-color);
 --aard-table-row-stripped-background-color:rgba(111,120,135,0.0375);
 --aard-code-background-color:rgb(26,30.5,40.25);
 --aard-code-color:#8891a4;
 --aard-code-kbd-background-color:var(--aard-color);
 --aard-code-kbd-color:var(--aard-background-color);
 --aard-form-element-background-color:rgb(28,33,43.5);
 --aard-form-element-selected-background-color:#2a3140;
 --aard-form-element-border-color:#2a3140;
 --aard-form-element-color:#e0e3e7;
 --aard-form-element-placeholder-color:#8891a4;
 --aard-form-element-active-background-color:rgb(26,30.5,40.25);
 --aard-form-element-active-border-color:var(--aard-primary-border);
 --aard-form-element-focus-color:var(--aard-primary-border);
 --aard-form-element-disabled-opacity:0.5;
 --aard-form-element-invalid-border-color:rgb(149.5,74,80);
 --aard-form-element-invalid-active-border-color:rgb(183.25,63.5,59);
 --aard-form-element-invalid-focus-color:var(--aard-form-element-invalid-active-border-color);
 --aard-form-element-valid-border-color:#2a7b6f;
 --aard-form-element-valid-active-border-color:rgb(22,137,105.5);
 --aard-form-element-valid-focus-color:var(--aard-form-element-valid-active-border-color);
 --aard-switch-background-color:#333c4e;
 --aard-switch-checked-background-color:var(--aard-primary-background);
 --aard-switch-color:#fff;
 --aard-switch-thumb-box-shadow:0 0 0 rgba(0,0,0,0);
 --aard-range-border-color:#202632;
 --aard-range-active-border-color:#2a3140;
 --aard-range-thumb-border-color:var(--aard-background-color);
 --aard-range-thumb-color:var(--aard-secondary-background);
 --aard-range-thumb-active-color:var(--aard-primary-background);
 --aard-accordion-border-color:var(--aard-muted-border-color);
 --aard-accordion-active-summary-color:var(--aard-primary-hover);
 --aard-accordion-close-summary-color:var(--aard-color);
 --aard-accordion-open-summary-color:var(--aard-muted-color);
 --aard-card-background-color:#181c25;
 --aard-card-border-color:var(--aard-card-background-color);
 --aard-card-box-shadow:var(--aard-box-shadow);
 --aard-card-sectioning-background-color:rgb(26,30.5,40.25);
 --aard-dropdown-background-color:#181c25;
 --aard-dropdown-border-color:#202632;
 --aard-dropdown-box-shadow:var(--aard-box-shadow);
 --aard-dropdown-color:var(--aard-color);
 --aard-dropdown-hover-background-color:#202632;
 --aard-loading-spinner-opacity:0.5;
 --aard-modal-overlay-background-color:rgba(7.5,8.5,10,0.75);
 --aard-progress-background-color:#202632;
 --aard-progress-color:var(--aard-primary-background);
 --aard-tooltip-background-color:var(--aard-contrast-background);
 --aard-tooltip-color:var(--aard-contrast-inverse);
 --aard-icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42,123,111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    --aard-icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5,74,80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")
}

[data-theme=dark] input:is([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[type=file]) {
    --aard-form-element-focus-color:var(--aard-primary-focus)
}

[data-theme=dark] details summary[role=button].contrast:not(.outline)::after {
    filter:brightness(0)
}

[data-theme=dark] [aria-busy=true]:not(input,select,textarea).contrast:is(button,[type=submit],[type=button],[type=reset],[role=button]):not(.outline)::before {
    filter:brightness(0)
}

progress,[type=checkbox],[type=radio],[type=range] {
    accent-color:var(--aard-primary)
}

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

::before,::after {
    text-decoration:inherit;
    vertical-align:inherit
}

:where(:root),:where(:host) {
    -webkit-tap-highlight-color:transparent;
 -webkit-text-size-adjust:100%;
 -moz-text-size-adjust:100%;
 text-size-adjust:100%;
 background-color:var(--aard-background-color);
 color:var(--aard-color);
 font-weight:var(--aard-font-weight);
 font-size:var(--aard-font-size);
 line-height:var(--aard-line-height);
 font-family:var(--aard-font-family);
 text-underline-offset:var(--aard-text-underline-offset);
 text-rendering:optimizeLegibility;
 overflow-wrap:break-word;
 -moz-tab-size:4;
 -o-tab-size:4;
    tab-size:4
}

body {
    width:100%;
    margin:0
}

main {
    display:block
}

body > header,body > main,body > footer {
    padding-block:var(--aard-block-spacing-vertical)
}

section {
    margin-bottom:var(--aard-block-spacing-vertical)
}

.container,.container-fluid {
    width:100%;
 margin-right:auto;
 margin-left:auto;
 padding-right:var(--aard-spacing);
    padding-left:var(--aard-spacing)
}

@media (min-width:576px) {
    .container {
        max-width:510px;
 padding-right:0;
        padding-left:0
    }

}

@media (min-width:768px) {
    .container {
        max-width:700px
    }

}

@media (min-width:1024px) {
    .container {
        max-width:950px
    }

}

@media (min-width:1280px) {
    .container {
        max-width:1200px
    }

}

@media (min-width:1536px) {
    .container {
        max-width:1450px
    }

}

.grid {
    grid-column-gap:var(--aard-grid-column-gap);
 grid-row-gap:var(--aard-grid-row-gap);
 display:grid;
    grid-template-columns:1fr
}

@media (min-width:768px) {
    .grid {
        grid-template-columns:repeat(auto-fit,minmax(0%,1fr))
    }

}

.grid > * {
    min-width:0
}

.overflow-auto {
    overflow:auto
}

b,strong {
    font-weight:bolder
}

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

sub {
    bottom:-0.25em
}

sup {
    top:-0.5em
}

address,blockquote,dl,ol,p,pre,table,ul {
    margin-top:0;
 margin-bottom:var(--aard-typography-spacing-vertical);
 color:var(--aard-color);
 font-style:normal;
    font-weight:var(--aard-font-weight)
}

h1,h2,h3,h4,h5,h6 {
    margin-top:0;
 margin-bottom:var(--aard-typography-spacing-vertical);
 color:var(--aard-color);
 font-weight:var(--aard-font-weight);
 font-size:var(--aard-font-size);
 line-height:var(--aard-line-height);
    font-family:var(--aard-font-family)
}

h1 {
    --aard-color:var(--aard-h1-color)
}

h2 {
    --aard-color:var(--aard-h2-color)
}

h3 {
    --aard-color:var(--aard-h3-color)
}

h4 {
    --aard-color:var(--aard-h4-color)
}

h5 {
    --aard-color:var(--aard-h5-color)
}

h6 {
    --aard-color:var(--aard-h6-color)
}

:where(article,address,blockquote,dl,figure,form,ol,p,pre,table,ul) ~:is(h1,h2,h3,h4,h5,h6) {
    margin-top:var(--aard-typography-spacing-top)
}

p {
    margin-bottom:var(--aard-typography-spacing-vertical)
}

hgroup {
    margin-bottom:var(--aard-typography-spacing-vertical)
}

hgroup > * {
    margin-top:0;
    margin-bottom:0
}

hgroup > *:not(:first-child):last-child {
    --aard-color:var(--aard-muted-color);
 --aard-font-weight:unset;
    font-size:1rem
}

:where(ol,ul) li {
    margin-bottom:calc(var(--aard-typography-spacing-vertical) * 0.25)
}

:where(dl,ol,ul):where(dl,ol,ul) {
    margin:0;
    margin-top:calc(var(--aard-typography-spacing-vertical) * 0.25)
}

ul li {
    list-style:square
}

mark {
    padding:0.125rem 0.25rem;
 background-color:var(--aard-mark-background-color);
 color:var(--aard-mark-color);
    vertical-align:baseline
}

blockquote {
    display:block;
 margin:var(--aard-typography-spacing-vertical) 0;
 padding:var(--aard-spacing);
 border-right:none;
 border-left:0.25rem solid var(--aard-blockquote-border-color);
 border-inline-start:0.25rem solid var(--aard-blockquote-border-color);
    border-inline-end:none
}

blockquote footer {
    margin-top:calc(var(--aard-typography-spacing-vertical) * 0.5);
    color:var(--aard-blockquote-footer-color)
}

abbr[title] {
    border-bottom:1px dotted;
 text-decoration:none;
    cursor:help
}

ins {
    color:var(--aard-ins-color);
    text-decoration:none
}

del {
    color:var(--aard-del-color)
}

::-moz-selection {
    background-color:var(--aard-text-selection-color)
}

::selection {
    background-color:var(--aard-text-selection-color)
}

:where(a:not([role=button])),[role=link] {
    --aard-color:var(--aard-primary);
 --aard-background-color:transparent;
 --aard-underline:var(--aard-primary-underline);
 outline:none;
 background-color:var(--aard-background-color);
 color:var(--aard-color);
 -webkit-text-decoration:var(--aard-text-decoration);
 text-decoration:var(--aard-text-decoration);
 text-decoration-color:var(--aard-underline);
 text-underline-offset:0.125em;
 transition:background-color var(--aard-transition),color var(--aard-transition),box-shadow var(--aard-transition),-webkit-text-decoration var(--aard-transition);
 transition:background-color var(--aard-transition),color var(--aard-transition),text-decoration var(--aard-transition),box-shadow var(--aard-transition);
    transition:background-color var(--aard-transition),color var(--aard-transition),text-decoration var(--aard-transition),box-shadow var(--aard-transition),-webkit-text-decoration var(--aard-transition)
}

:where(a:not([role=button])):is([aria-current]:not([aria-current=false]),:hover,:active,:focus),[role=link]:is([aria-current]:not([aria-current=false]),:hover,:active,:focus) {
    --aard-color:var(--aard-primary-hover);
 --aard-underline:var(--aard-primary-hover-underline);
    --aard-text-decoration:underline
}

:where(a:not([role=button])):focus-visible,[role=link]:focus-visible {
    box-shadow:0 0 0 var(--aard-outline-width) var(--aard-primary-focus)
}

:where(a:not([role=button])).secondary,[role=link].secondary {
    --aard-color:var(--aard-secondary);
    --aard-underline:var(--aard-secondary-underline)
}

:where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]),:hover,:active,:focus),[role=link].secondary:is([aria-current]:not([aria-current=false]),:hover,:active,:focus) {
    --aard-color:var(--aard-secondary-hover);
    --aard-underline:var(--aard-secondary-hover-underline)
}

:where(a:not([role=button])).contrast,[role=link].contrast {
    --aard-color:var(--aard-contrast);
    --aard-underline:var(--aard-contrast-underline)
}

:where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]),:hover,:active,:focus),[role=link].contrast:is([aria-current]:not([aria-current=false]),:hover,:active,:focus) {
    --aard-color:var(--aard-contrast-hover);
    --aard-underline:var(--aard-contrast-hover-underline)
}

a[role=button] {
    display:inline-block
}

button {
    margin:0;
 overflow:visible;
 font-family:inherit;
    text-transform:none
}

button,[type=submit],[type=reset],[type=button] {
    -webkit-appearance:button
}

button,[type=submit],[type=reset],[type=button],[type=file]::file-selector-button,[role=button] {
    --aard-background-color:var(--aard-primary-background);
 --aard-border-color:var(--aard-primary-border);
 --aard-color:var(--aard-primary-inverse);
 --aard-box-shadow:var(--aard-button-box-shadow,0 0 0 rgba(0,0,0,0));
 padding:var(--aard-form-element-spacing-vertical) var(--aard-form-element-spacing-horizontal);
 border:var(--aard-border-width) solid var(--aard-border-color);
 border-radius:var(--aard-border-radius);
 outline:none;
 background-color:var(--aard-background-color);
 box-shadow:var(--aard-box-shadow);
 color:var(--aard-color);
 font-weight:var(--aard-font-weight);
 font-size:1rem;
 line-height:var(--aard-line-height);
 text-align:center;
 text-decoration:none;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none;
    transition:background-color var(--aard-transition),border-color var(--aard-transition),color var(--aard-transition),box-shadow var(--aard-transition)
}

button:is([aria-current]:not([aria-current=false])),button:is(:hover,:active,:focus),[type=submit]:is([aria-current]:not([aria-current=false])),[type=submit]:is(:hover,:active,:focus),[type=reset]:is([aria-current]:not([aria-current=false])),[type=reset]:is(:hover,:active,:focus),[type=button]:is([aria-current]:not([aria-current=false])),[type=button]:is(:hover,:active,:focus),[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])),[type=file]::file-selector-button:is(:hover,:active,:focus),[role=button]:is([aria-current]:not([aria-current=false])),[role=button]:is(:hover,:active,:focus) {
    --aard-background-color:var(--aard-primary-hover-background);
 --aard-border-color:var(--aard-primary-hover-border);
 --aard-box-shadow:var(--aard-button-hover-box-shadow,0 0 0 rgba(0,0,0,0));
    --aard-color:var(--aard-primary-inverse)
}

button:focus,button:is([aria-current]:not([aria-current=false])):focus,[type=submit]:focus,[type=submit]:is([aria-current]:not([aria-current=false])):focus,[type=reset]:focus,[type=reset]:is([aria-current]:not([aria-current=false])):focus,[type=button]:focus,[type=button]:is([aria-current]:not([aria-current=false])):focus,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])):focus,[role=button]:focus,[role=button]:is([aria-current]:not([aria-current=false])):focus {
    --aard-box-shadow:var(--aard-button-hover-box-shadow,0 0 0 rgba(0,0,0,0)),0 0 0 var(--aard-outline-width) var(--aard-primary-focus)
}

[type=submit],[type=reset],[type=button] {
    margin-bottom:var(--aard-spacing)
}

:is(button,[type=submit],[type=button],[role=button]).secondary,[type=reset],[type=file]::file-selector-button {
    --aard-background-color:var(--aard-secondary-background);
 --aard-border-color:var(--aard-secondary-border);
 --aard-color:var(--aard-secondary-inverse);
    cursor:pointer
}

:is(button,[type=submit],[type=button],[role=button]).secondary:is([aria-current]:not([aria-current=false]),:hover,:active,:focus),[type=reset]:is([aria-current]:not([aria-current=false]),:hover,:active,:focus),[type=file]::file-selector-button:is([aria-current]:not([aria-current=false]),:hover,:active,:focus) {
    --aard-background-color:var(--aard-secondary-hover-background);
 --aard-border-color:var(--aard-secondary-hover-border);
    --aard-color:var(--aard-secondary-inverse)
}

:is(button,[type=submit],[type=button],[role=button]).secondary:focus,:is(button,[type=submit],[type=button],[role=button]).secondary:is([aria-current]:not([aria-current=false])):focus,[type=reset]:focus,[type=reset]:is([aria-current]:not([aria-current=false])):focus,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])):focus {
    --aard-box-shadow:var(--aard-button-hover-box-shadow,0 0 0 rgba(0,0,0,0)),0 0 0 var(--aard-outline-width) var(--aard-secondary-focus)
}

:is(button,[type=submit],[type=button],[role=button]).contrast {
    --aard-background-color:var(--aard-contrast-background);
 --aard-border-color:var(--aard-contrast-border);
    --aard-color:var(--aard-contrast-inverse)
}

:is(button,[type=submit],[type=button],[role=button]).contrast:is([aria-current]:not([aria-current=false]),:hover,:active,:focus) {
    --aard-background-color:var(--aard-contrast-hover-background);
 --aard-border-color:var(--aard-contrast-hover-border);
    --aard-color:var(--aard-contrast-inverse)
}

:is(button,[type=submit],[type=button],[role=button]).contrast:focus,:is(button,[type=submit],[type=button],[role=button]).contrast:is([aria-current]:not([aria-current=false])):focus {
    --aard-box-shadow:var(--aard-button-hover-box-shadow,0 0 0 rgba(0,0,0,0)),0 0 0 var(--aard-outline-width) var(--aard-contrast-focus)
}

:is(button,[type=submit],[type=button],[role=button]).outline,[type=reset].outline {
    --aard-background-color:transparent;
 --aard-color:var(--aard-primary);
    --aard-border-color:var(--aard-primary)
}

:is(button,[type=submit],[type=button],[role=button]).outline:is([aria-current]:not([aria-current=false]),:hover,:active,:focus),[type=reset].outline:is([aria-current]:not([aria-current=false]),:hover,:active,:focus) {
    --aard-background-color:transparent;
 --aard-color:var(--aard-primary-hover);
    --aard-border-color:var(--aard-primary-hover)
}

:is(button,[type=submit],[type=button],[role=button]).outline.secondary,[type=reset].outline {
    --aard-color:var(--aard-secondary);
    --aard-border-color:var(--aard-secondary)
}

:is(button,[type=submit],[type=button],[role=button]).outline.secondary:is([aria-current]:not([aria-current=false]),:hover,:active,:focus),[type=reset].outline:is([aria-current]:not([aria-current=false]),:hover,:active,:focus) {
    --aard-color:var(--aard-secondary-hover);
    --aard-border-color:var(--aard-secondary-hover)
}

:is(button,[type=submit],[type=button],[role=button]).outline.contrast {
    --aard-color:var(--aard-contrast);
    --aard-border-color:var(--aard-contrast)
}

:is(button,[type=submit],[type=button],[role=button]).outline.contrast:is([aria-current]:not([aria-current=false]),:hover,:active,:focus) {
    --aard-color:var(--aard-contrast-hover);
    --aard-border-color:var(--aard-contrast-hover)
}

:where(button,[type=submit],[type=reset],[type=button],[role=button])[disabled],:where(fieldset[disabled]):is(button,[type=submit],[type=button],[type=reset],[role=button]) {
    opacity:0.5;
    pointer-events:none
}

:where(table) {
    width:100%;
 border-collapse:collapse;
 border-spacing:0;
    text-indent:0
}

th,td {
    padding:calc(var(--aard-spacing) / 2) var(--aard-spacing);
 border-bottom:var(--aard-border-width) solid var(--aard-table-border-color);
 background-color:var(--aard-background-color);
 color:var(--aard-color);
 font-weight:var(--aard-font-weight);
 text-align:left;
    text-align:start
}

tfoot th,tfoot td {
    border-top:var(--aard-border-width) solid var(--aard-table-border-color);
    border-bottom:0
}

table.striped tbody tr:nth-child(odd) th,table.striped tbody tr:nth-child(odd) td {
    background-color:var(--aard-table-row-stripped-background-color)
}

:where(audio,canvas,iframe,img,svg,video) {
    vertical-align:middle
}

audio,video {
    display:inline-block
}

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

:where(iframe) {
    border-style:none
}

img {
    max-width:100%;
 height:auto;
    border-style:none
}

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

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

pre,code,kbd,samp {
    font-size:0.875em;
    font-family:var(--aard-font-family)
}

pre code,pre samp {
    font-size:inherit;
    font-family:inherit
}

pre {
    -ms-overflow-style:scrollbar;
    overflow:auto
}

pre,code,kbd,samp {
    border-radius:var(--aard-border-radius);
 background:var(--aard-code-background-color);
 color:var(--aard-code-color);
 font-weight:var(--aard-font-weight);
    line-height:initial
}

code,kbd,samp {
    display:inline-block;
    padding:0.375rem
}

pre {
    display:block;
 margin-bottom:var(--aard-spacing);
    overflow-x:auto
}

pre > code,pre > samp {
    display:block;
 padding:var(--aard-spacing);
 background:none;
    line-height:var(--aard-line-height)
}

kbd {
    background-color:var(--aard-code-kbd-background-color);
 color:var(--aard-code-kbd-color);
    vertical-align:baseline
}

figure {
    display:block;
 margin:0;
    padding:0
}

figure figcaption {
    padding:calc(var(--aard-spacing) * 0.5) 0;
    color:var(--aard-muted-color)
}

hr {
    height:0;
 margin:var(--aard-typography-spacing-vertical) 0;
 border:0;
 border-top:1px solid var(--aard-muted-border-color);
    color:inherit
}

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

canvas {
    display:inline-block
}

input,optgroup,select,textarea {
    margin:0;
 font-size:1rem;
 line-height:var(--aard-line-height);
 font-family:inherit;
    letter-spacing:inherit
}

input {
    overflow:visible
}

select {
    text-transform:none
}

legend {
    max-width:100%;
 padding:0;
 color:inherit;
    white-space:normal
}

textarea {
    overflow:auto
}

[type=checkbox],[type=radio] {
    padding:0
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height:auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}

::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}

::-moz-focus-inner {
    padding:0;
    border-style:none
}

:-moz-focusring {
    outline:none
}

:-moz-ui-invalid {
    box-shadow:none
}

::-ms-expand {
    display:none
}

[type=file],[type=range] {
    padding:0;
    border-width:0
}

input:not([type=checkbox],[type=radio],[type=range]) {
    height:calc(1rem * var(--aard-line-height) + var(--aard-form-element-spacing-vertical) * 2 + var(--aard-border-width) * 2)
}

fieldset {
    width:100%;
 margin:0;
 margin-bottom:var(--aard-spacing);
 padding:0;
    border:0
}

label,fieldset legend {
    display:block;
 margin-bottom:calc(var(--aard-spacing) * 0.375);
 color:var(--aard-color);
    font-weight:var(--aard-form-label-font-weight,var(--aard-font-weight))
}

fieldset legend {
    margin-bottom:calc(var(--aard-spacing) * 0.5)
}

input:not([type=checkbox],[type=radio]),button[type=submit],select,textarea {
    width:100%
}

input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea {
    -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
    padding:var(--aard-form-element-spacing-vertical) var(--aard-form-element-spacing-horizontal)
}

input,select,textarea {
    --aard-background-color:var(--aard-form-element-background-color);
 --aard-border-color:var(--aard-form-element-border-color);
 --aard-color:var(--aard-form-element-color);
 --aard-box-shadow:none;
 border:var(--aard-border-width) solid var(--aard-border-color);
 border-radius:var(--aard-border-radius);
 outline:none;
 background-color:var(--aard-background-color);
 box-shadow:var(--aard-box-shadow);
 color:var(--aard-color);
 font-weight:var(--aard-font-weight);
    transition:background-color var(--aard-transition),border-color var(--aard-transition),color var(--aard-transition),box-shadow var(--aard-transition)
}

input:not([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[readonly]):is(:active,:focus),:where(select,textarea):not([readonly]):is(:active,:focus) {
    --aard-background-color:var(--aard-form-element-active-background-color)
}

input:not([type=submit],[type=button],[type=reset],[role=switch],[readonly]):is(:active,:focus),:where(select,textarea):not([readonly]):is(:active,:focus) {
    --aard-border-color:var(--aard-form-element-active-border-color)
}

input:not([type=submit],[type=button],[type=reset],[type=range],[type=file],[readonly]):focus,:where(select,textarea):not([readonly]):focus {
    --aard-box-shadow:0 0 0 var(--aard-outline-width) var(--aard-form-element-focus-color)
}

input:not([type=submit],[type=button],[type=reset])[disabled],select[disabled],textarea[disabled],label[aria-disabled=true],:where(fieldset[disabled]):is(input:not([type=submit],[type=button],[type=reset]),select,textarea) {
    opacity:var(--aard-form-element-disabled-opacity);
    pointer-events:none
}

label[aria-disabled=true] input[disabled] {
    opacity:1
}

:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week],[type=range])[aria-invalid] {
    padding-right:calc(var(--aard-form-element-spacing-horizontal) + 1.5rem) !important;
 padding-left:var(--aard-form-element-spacing-horizontal);
 padding-inline-start:var(--aard-form-element-spacing-horizontal) !important;
 padding-inline-end:calc(var(--aard-form-element-spacing-horizontal) + 1.5rem) !important;
 background-position:center right 0.75rem;
 background-size:1rem auto;
    background-repeat:no-repeat
}

:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week],[type=range])[aria-invalid=false]:not(select) {
    background-image:var(--aard-icon-valid)
}

:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week],[type=range])[aria-invalid=true]:not(select) {
    background-image:var(--aard-icon-invalid)
}

:where(input,select,textarea)[aria-invalid=false] {
    --aard-border-color:var(--aard-form-element-valid-border-color)
}

:where(input,select,textarea)[aria-invalid=false]:is(:active,:focus) {
    --aard-border-color:var(--aard-form-element-valid-active-border-color) !important
}

:where(input,select,textarea)[aria-invalid=false]:is(:active,:focus):not([type=checkbox],[type=radio]) {
    --aard-box-shadow:0 0 0 var(--aard-outline-width) var(--aard-form-element-valid-focus-color) !important
}

:where(input,select,textarea)[aria-invalid=true] {
    --aard-border-color:var(--aard-form-element-invalid-border-color)
}

:where(input,select,textarea)[aria-invalid=true]:is(:active,:focus) {
    --aard-border-color:var(--aard-form-element-invalid-active-border-color) !important
}

:where(input,select,textarea)[aria-invalid=true]:is(:active,:focus):not([type=checkbox],[type=radio]) {
    --aard-box-shadow:0 0 0 var(--aard-outline-width) var(--aard-form-element-invalid-focus-color) !important
}

[dir=rtl]:where(input,select,textarea):not([type=checkbox],[type=radio]):is([aria-invalid],[aria-invalid=true],[aria-invalid=false]) {
    background-position:center left 0.75rem
}

input::placeholder,input::-webkit-input-placeholder,textarea::placeholder,textarea::-webkit-input-placeholder,select:invalid {
    color:var(--aard-form-element-placeholder-color);
    opacity:1
}

input:not([type=checkbox],[type=radio]),select,textarea {
    margin-bottom:var(--aard-spacing)
}

select::-ms-expand {
    border:0;
    background-color:transparent
}

select:not([multiple],[size]) {
    padding-right:calc(var(--aard-form-element-spacing-horizontal) + 1.5rem);
 padding-left:var(--aard-form-element-spacing-horizontal);
 padding-inline-start:var(--aard-form-element-spacing-horizontal);
 padding-inline-end:calc(var(--aard-form-element-spacing-horizontal) + 1.5rem);
 background-image:var(--aard-icon-chevron);
 background-position:center right 0.75rem;
 background-size:1rem auto;
    background-repeat:no-repeat
}

select[multiple] option:checked {
    background:var(--aard-form-element-selected-background-color);
    color:var(--aard-form-element-color)
}

[dir=rtl] select:not([multiple],[size]) {
    background-position:center left 0.75rem
}

textarea {
    display:block;
    resize:vertical
}

textarea[aria-invalid] {
    --aard-icon-height:calc(1rem * var(--aard-line-height) + var(--aard-form-element-spacing-vertical) * 2 + var(--aard-border-width) * 2);
 background-position:top right 0.75rem !important;
    background-size:1rem var(--aard-icon-height) !important
}

:where(input,select,textarea,fieldset,.grid) + small {
    display:block;
 width:100%;
 margin-top:calc(var(--aard-spacing) * -0.75);
 margin-bottom:var(--aard-spacing);
    color:var(--aard-muted-color)
}

:where(input,select,textarea,fieldset,.grid)[aria-invalid=false] + small {
    color:var(--aard-ins-color)
}

:where(input,select,textarea,fieldset,.grid)[aria-invalid=true] + small {
    color:var(--aard-del-color)
}

label >:where(input,select,textarea) {
    margin-top:calc(var(--aard-spacing) * 0.25)
}

label:has([type=checkbox],[type=radio]) {
    width:-moz-fit-content;
 width:fit-content;
    cursor:pointer
}

[type=checkbox],[type=radio] {
    -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 width:1.25em;
 height:1.25em;
 margin-top:-0.125em;
 margin-inline-end:0.5em;
 border-width:var(--aard-border-width);
 vertical-align:middle;
    cursor:pointer
}

[type=checkbox]::-ms-check,[type=radio]::-ms-check {
    display:none
}

[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus {
    --aard-background-color:var(--aard-primary-background);
 --aard-border-color:var(--aard-primary-border);
 background-image:var(--aard-icon-checkbox);
 background-position:center;
 background-size:0.75em auto;
    background-repeat:no-repeat
}

[type=checkbox] ~ label,[type=radio] ~ label {
    display:inline-block;
 margin-bottom:0;
    cursor:pointer
}

[type=checkbox] ~ label:not(:last-of-type),[type=radio] ~ label:not(:last-of-type) {
    margin-inline-end:1em
}

[type=checkbox]:indeterminate {
    --aard-background-color:var(--aard-primary-background);
 --aard-border-color:var(--aard-primary-border);
 background-image:var(--aard-icon-minus);
 background-position:center;
 background-size:0.75em auto;
    background-repeat:no-repeat
}

[type=radio] {
    border-radius:50%
}

[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus {
    --aard-background-color:var(--aard-primary-inverse);
 border-width:0.35em;
    background-image:none
}

[type=checkbox][role=switch] {
    --aard-background-color:var(--aard-switch-background-color);
 --aard-color:var(--aard-switch-color);
 width:2.25em;
 height:1.25em;
 border:var(--aard-border-width) solid var(--aard-border-color);
 border-radius:1.25em;
 background-color:var(--aard-background-color);
    line-height:1.25em
}

[type=checkbox][role=switch]:not([aria-invalid]) {
    --aard-border-color:var(--aard-switch-background-color)
}

[type=checkbox][role=switch]:before {
    display:block;
 aspect-ratio:1;
 height:100%;
 border-radius:50%;
 background-color:var(--aard-color);
 box-shadow:var(--aard-switch-thumb-box-shadow);
 content:"";
    transition:margin 0.1s ease-in-out
}

[type=checkbox][role=switch]:focus {
    --aard-background-color:var(--aard-switch-background-color);
    --aard-border-color:var(--aard-switch-background-color)
}

[type=checkbox][role=switch]:checked {
    --aard-background-color:var(--aard-switch-checked-background-color);
 --aard-border-color:var(--aard-switch-checked-background-color);
    background-image:none
}

[type=checkbox][role=switch]:checked::before {
    margin-inline-start:calc(2.25em - 1.25em)
}

[type=checkbox][role=switch][disabled] {
    --aard-background-color:var(--aard-border-color)
}

[type=checkbox][aria-invalid=false]:checked,[type=checkbox][aria-invalid=false]:checked:active,[type=checkbox][aria-invalid=false]:checked:focus,[type=checkbox][role=switch][aria-invalid=false]:checked,[type=checkbox][role=switch][aria-invalid=false]:checked:active,[type=checkbox][role=switch][aria-invalid=false]:checked:focus {
    --aard-background-color:var(--aard-form-element-valid-border-color)
}

[type=checkbox]:checked[aria-invalid=true],[type=checkbox]:checked:active[aria-invalid=true],[type=checkbox]:checked:focus[aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch]:checked:active[aria-invalid=true],[type=checkbox][role=switch]:checked:focus[aria-invalid=true] {
    --aard-background-color:var(--aard-form-element-invalid-border-color)
}

[type=checkbox][aria-invalid=false]:checked,[type=checkbox][aria-invalid=false]:checked:active,[type=checkbox][aria-invalid=false]:checked:focus,[type=radio][aria-invalid=false]:checked,[type=radio][aria-invalid=false]:checked:active,[type=radio][aria-invalid=false]:checked:focus,[type=checkbox][role=switch][aria-invalid=false]:checked,[type=checkbox][role=switch][aria-invalid=false]:checked:active,[type=checkbox][role=switch][aria-invalid=false]:checked:focus {
    --aard-border-color:var(--aard-form-element-valid-border-color)
}

[type=checkbox]:checked[aria-invalid=true],[type=checkbox]:checked:active[aria-invalid=true],[type=checkbox]:checked:focus[aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio]:checked:active[aria-invalid=true],[type=radio]:checked:focus[aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch]:checked:active[aria-invalid=true],[type=checkbox][role=switch]:checked:focus[aria-invalid=true] {
    --aard-border-color:var(--aard-form-element-invalid-border-color)
}

[type=color]::-webkit-color-swatch-wrapper {
    padding:0
}

[type=color]::-moz-focus-inner {
    padding:0
}

[type=color]::-webkit-color-swatch {
    border:0;
    border-radius:calc(var(--aard-border-radius) * 0.5)
}

[type=color]::-moz-color-swatch {
    border:0;
    border-radius:calc(var(--aard-border-radius) * 0.5)
}

input:not([type=checkbox],[type=radio],[type=range],[type=file]):is([type=date],[type=datetime-local],[type=month],[type=time],[type=week]) {
    --aard-icon-position:0.75rem;
 --aard-icon-width:1rem;
 padding-right:calc(var(--aard-icon-width) + var(--aard-icon-position));
 background-image:var(--aard-icon-date);
 background-position:center right var(--aard-icon-position);
 background-size:var(--aard-icon-width) auto;
    background-repeat:no-repeat
}

input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=time] {
    background-image:var(--aard-icon-time)
}

[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator {
    width:var(--aard-icon-width);
 margin-right:calc(var(--aard-icon-width) * -1);
 margin-left:var(--aard-icon-position);
    opacity:0
}

@-moz-document url-prefix() {
    [type=date],[type=datetime-local],[type=month],[type=time],[type=week] {
        padding-right:var(--aard-form-element-spacing-horizontal) !important;
        background-image:none !important
    }

}

[dir=rtl]:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week]) {
    text-align:right
}

[type=file] {
    --aard-color:var(--aard-muted-color);
 margin-left:calc(var(--aard-outline-width) * -1);
 padding:calc(var(--aard-form-element-spacing-vertical) * 0.5) 0;
 padding-left:var(--aard-outline-width);
 border:0;
 border-radius:0;
    background:none
}

[type=file]::file-selector-button {
    margin-right:calc(var(--aard-spacing) / 2);
    padding:calc(var(--aard-form-element-spacing-vertical) * 0.5) var(--aard-form-element-spacing-horizontal)
}

[type=file]:is(:hover,:active,:focus)::file-selector-button {
    --aard-background-color:var(--aard-secondary-hover-background);
    --aard-border-color:var(--aard-secondary-hover-border)
}

[type=file]:focus::file-selector-button {
    --aard-box-shadow:var(--aard-button-hover-box-shadow,0 0 0 rgba(0,0,0,0)),0 0 0 var(--aard-outline-width) var(--aard-secondary-focus)
}

[type=range] {
    -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 width:100%;
 height:1.25rem;
    background:none
}

[type=range]::-webkit-slider-runnable-track {
    width:100%;
 height:0.375rem;
 border-radius:var(--aard-border-radius);
 background-color:var(--aard-range-border-color);
 -webkit-transition:background-color var(--aard-transition),box-shadow var(--aard-transition);
    transition:background-color var(--aard-transition),box-shadow var(--aard-transition)
}

[type=range]::-moz-range-track {
    width:100%;
 height:0.375rem;
 border-radius:var(--aard-border-radius);
 background-color:var(--aard-range-border-color);
 -moz-transition:background-color var(--aard-transition),box-shadow var(--aard-transition);
    transition:background-color var(--aard-transition),box-shadow var(--aard-transition)
}

[type=range]::-ms-track {
    width:100%;
 height:0.375rem;
 border-radius:var(--aard-border-radius);
 background-color:var(--aard-range-border-color);
 -ms-transition:background-color var(--aard-transition),box-shadow var(--aard-transition);
    transition:background-color var(--aard-transition),box-shadow var(--aard-transition)
}

[type=range]::-webkit-slider-thumb {
    -webkit-appearance:none;
 width:1.25rem;
 height:1.25rem;
 margin-top:-0.4375rem;
 border:2px solid var(--aard-range-thumb-border-color);
 border-radius:50%;
 background-color:var(--aard-range-thumb-color);
 cursor:pointer;
 -webkit-transition:background-color var(--aard-transition),transform var(--aard-transition);
    transition:background-color var(--aard-transition),transform var(--aard-transition)
}

[type=range]::-moz-range-thumb {
    -webkit-appearance:none;
 width:1.25rem;
 height:1.25rem;
 margin-top:-0.4375rem;
 border:2px solid var(--aard-range-thumb-border-color);
 border-radius:50%;
 background-color:var(--aard-range-thumb-color);
 cursor:pointer;
 -moz-transition:background-color var(--aard-transition),transform var(--aard-transition);
    transition:background-color var(--aard-transition),transform var(--aard-transition)
}

[type=range]::-ms-thumb {
    -webkit-appearance:none;
 width:1.25rem;
 height:1.25rem;
 margin-top:-0.4375rem;
 border:2px solid var(--aard-range-thumb-border-color);
 border-radius:50%;
 background-color:var(--aard-range-thumb-color);
 cursor:pointer;
 -ms-transition:background-color var(--aard-transition),transform var(--aard-transition);
    transition:background-color var(--aard-transition),transform var(--aard-transition)
}

[type=range]:active,[type=range]:focus-within {
    --aard-range-border-color:var(--aard-range-active-border-color);
    --aard-range-thumb-color:var(--aard-range-thumb-active-color)
}

[type=range]:active::-webkit-slider-thumb {
    transform:scale(1.25)
}

[type=range]:active::-moz-range-thumb {
    transform:scale(1.25)
}

[type=range]:active::-ms-thumb {
    transform:scale(1.25)
}

input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search] {
    padding-inline-start:calc(var(--aard-form-element-spacing-horizontal) + 1.75rem);
 background-image:var(--aard-icon-search);
 background-position:center left calc(var(--aard-form-element-spacing-horizontal) + 0.125rem);
 background-size:1rem auto;
    background-repeat:no-repeat
}

input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid] {
    padding-inline-start:calc(var(--aard-form-element-spacing-horizontal) + 1.75rem) !important;
    background-position:center left 1.125rem,center right 0.75rem
}

input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid=false] {
    background-image:var(--aard-icon-search),var(--aard-icon-valid)
}

input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid=true] {
    background-image:var(--aard-icon-search),var(--aard-icon-invalid)
}

[dir=rtl]:where(input):not([type=checkbox],[type=radio],[type=range],[type=file])[type=search] {
    background-position:center right 1.125rem
}

[dir=rtl]:where(input):not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid] {
    background-position:center right 1.125rem,center left 0.75rem
}

details {
    display:block;
    margin-bottom:var(--aard-spacing)
}

details summary {
    line-height:1rem;
 list-style-type:none;
 cursor:pointer;
    transition:color var(--aard-transition)
}

details summary:not([role]) {
    color:var(--aard-accordion-close-summary-color)
}

details summary::-webkit-details-marker {
    display:none
}

details summary::marker {
    display:none
}

details summary::-moz-list-bullet {
    list-style-type:none
}

details summary::after {
    display:block;
 width:1rem;
 height:1rem;
 margin-inline-start:calc(var(--aard-spacing,1rem) * 0.5);
 float:right;
 transform:rotate(-90deg);
 background-image:var(--aard-icon-chevron);
 background-position:right center;
 background-size:1rem auto;
 background-repeat:no-repeat;
 content:"";
    transition:transform var(--aard-transition)
}

details summary:focus {
    outline:none
}

details summary:focus:not([role]) {
    color:var(--aard-accordion-active-summary-color)
}

details summary:focus-visible:not([role]) {
    outline:var(--aard-outline-width) solid var(--aard-primary-focus);
 outline-offset:calc(var(--aard-spacing,1rem) * 0.5);
    color:var(--aard-primary)
}

details summary[role=button] {
    width:100%;
    text-align:left
}

details summary[role=button]::after {
    height:calc(1rem * var(--aard-line-height,1.5))
}

details[open] > summary {
    margin-bottom:var(--aard-spacing)
}

details[open] > summary:not([role]):not(:focus) {
    color:var(--aard-accordion-open-summary-color)
}

details[open] > summary::after {
    transform:rotate(0)
}

[dir=rtl] details summary {
    text-align:right
}

[dir=rtl] details summary::after {
    float:left;
    background-position:left center
}

article {
    margin-bottom:var(--aard-block-spacing-vertical);
 padding:var(--aard-block-spacing-vertical) var(--aard-block-spacing-horizontal);
 border-radius:var(--aard-border-radius);
 background:var(--aard-card-background-color);
    box-shadow:var(--aard-card-box-shadow)
}

article > header,article > footer {
    margin-right:calc(var(--aard-block-spacing-horizontal) * -1);
 margin-left:calc(var(--aard-block-spacing-horizontal) * -1);
 padding:calc(var(--aard-block-spacing-vertical) * 0.66) var(--aard-block-spacing-horizontal);
    background-color:var(--aard-card-sectioning-background-color)
}

article > header {
    margin-top:calc(var(--aard-block-spacing-vertical) * -1);
 margin-bottom:var(--aard-block-spacing-vertical);
 border-bottom:var(--aard-border-width) solid var(--aard-card-border-color);
 border-top-right-radius:var(--aard-border-radius);
    border-top-left-radius:var(--aard-border-radius)
}

article > footer {
    margin-top:var(--aard-block-spacing-vertical);
 margin-bottom:calc(var(--aard-block-spacing-vertical) * -1);
 border-top:var(--aard-border-width) solid var(--aard-card-border-color);
 border-bottom-right-radius:var(--aard-border-radius);
    border-bottom-left-radius:var(--aard-border-radius)
}

details.dropdown {
    position:relative;
    border-bottom:none
}

details.dropdown > summary::after,details.dropdown > button::after,details.dropdown > a::after {
    display:block;
 width:1rem;
 height:calc(1rem * var(--aard-line-height,1.5));
 margin-inline-start:0.25rem;
 float:right;
 transform:rotate(0deg) translateX(0.2rem);
 background-image:var(--aard-icon-chevron);
 background-position:right center;
 background-size:1rem auto;
 background-repeat:no-repeat;
    content:""
}

nav details.dropdown {
    margin-bottom:0
}

details.dropdown > summary:not([role]) {
    height:calc(1rem * var(--aard-line-height) + var(--aard-form-element-spacing-vertical) * 2 + var(--aard-border-width) * 2);
 padding:var(--aard-form-element-spacing-vertical) var(--aard-form-element-spacing-horizontal);
 border:var(--aard-border-width) solid var(--aard-form-element-border-color);
 border-radius:var(--aard-border-radius);
 background-color:var(--aard-form-element-background-color);
 color:var(--aard-form-element-placeholder-color);
 line-height:inherit;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none;
    transition:background-color var(--aard-transition),border-color var(--aard-transition),color var(--aard-transition),box-shadow var(--aard-transition)
}

details.dropdown > summary:not([role]):active,details.dropdown > summary:not([role]):focus {
    border-color:var(--aard-form-element-active-border-color);
    background-color:var(--aard-form-element-active-background-color)
}

details.dropdown > summary:not([role]):focus {
    box-shadow:0 0 0 var(--aard-outline-width) var(--aard-form-element-focus-color)
}

details.dropdown > summary:not([role]):focus-visible {
    outline:none
}

details.dropdown > summary:not([role])[aria-invalid=false] {
    --aard-form-element-border-color:var(--aard-form-element-valid-border-color);
 --aard-form-element-active-border-color:var(--aard-form-element-valid-focus-color);
    --aard-form-element-focus-color:var(--aard-form-element-valid-focus-color)
}

details.dropdown > summary:not([role])[aria-invalid=true] {
    --aard-form-element-border-color:var(--aard-form-element-invalid-border-color);
 --aard-form-element-active-border-color:var(--aard-form-element-invalid-focus-color);
    --aard-form-element-focus-color:var(--aard-form-element-invalid-focus-color)
}

nav details.dropdown {
    display:inline;
    margin:calc(var(--aard-nav-element-spacing-vertical) * -1) 0
}

nav details.dropdown > summary::after {
    transform:rotate(0deg) translateX(0rem)
}

nav details.dropdown > summary:not([role]) {
    height:calc(1rem * var(--aard-line-height) + var(--aard-nav-link-spacing-vertical) * 2);
    padding:calc(var(--aard-nav-link-spacing-vertical) - var(--aard-border-width) * 2) var(--aard-nav-link-spacing-horizontal)
}

nav details.dropdown > summary:not([role]):focus-visible {
    box-shadow:0 0 0 var(--aard-outline-width) var(--aard-primary-focus)
}

details.dropdown > summary + ul {
    display:flex;
 z-index:99;
 position:absolute;
 left:0;
 flex-direction:column;
 width:100%;
 min-width:-moz-fit-content;
 min-width:fit-content;
 margin:0;
 margin-top:var(--aard-outline-width);
 padding:0;
 border:var(--aard-border-width) solid var(--aard-dropdown-border-color);
 border-radius:var(--aard-border-radius);
 background-color:var(--aard-dropdown-background-color);
 box-shadow:var(--aard-dropdown-box-shadow);
 color:var(--aard-dropdown-color);
 white-space:nowrap;
 opacity:0;
    transition:opacity var(--aard-transition),transform 0s ease-in-out 1s
}

details.dropdown > summary + ul[dir=rtl] {
    right:0;
    left:auto
}

details.dropdown > summary + ul li {
    width:100%;
 margin-bottom:0;
 padding:calc(var(--aard-form-element-spacing-vertical) * 0.5) var(--aard-form-element-spacing-horizontal);
    list-style:none
}

details.dropdown > summary + ul li:first-of-type {
    margin-top:calc(var(--aard-form-element-spacing-vertical) * 0.5)
}

details.dropdown > summary + ul li:last-of-type {
    margin-bottom:calc(var(--aard-form-element-spacing-vertical) * 0.5)
}

details.dropdown > summary + ul li a {
    display:block;
 margin:calc(var(--aard-form-element-spacing-vertical) * -0.5) calc(var(--aard-form-element-spacing-horizontal) * -1);
 padding:calc(var(--aard-form-element-spacing-vertical) * 0.5) var(--aard-form-element-spacing-horizontal);
 overflow:hidden;
 border-radius:0;
 color:var(--aard-dropdown-color);
 text-decoration:none;
    text-overflow:ellipsis
}

details.dropdown > summary + ul li a:hover,details.dropdown > summary + ul li a:focus,details.dropdown > summary + ul li a:active,details.dropdown > summary + ul li a:focus-visible,details.dropdown > summary + ul li a[aria-current]:not([aria-current=false]) {
    background-color:var(--aard-dropdown-hover-background-color)
}

details.dropdown > summary + ul li label {
    width:100%
}

details.dropdown > summary + ul li:has(label):hover {
    background-color:var(--aard-dropdown-hover-background-color)
}

details.dropdown[open] > summary {
    margin-bottom:0
}

details.dropdown[open] > summary + ul {
    transform:scaleY(1);
 opacity:1;
    transition:opacity var(--aard-transition),transform 0s ease-in-out 0s
}

details.dropdown[open] > summary::before {
    display:block;
 z-index:1;
 position:fixed;
 width:100vw;
 height:100vh;
 inset:0;
 background:none;
 content:"";
    cursor:default
}

label > details.dropdown {
    margin-top:calc(var(--aard-spacing) * 0.25)
}

[role=search],[role=group] {
    display:inline-flex;
 position:relative;
 width:100%;
 margin-bottom:var(--aard-spacing);
 border-radius:var(--aard-border-radius);
 box-shadow:var(--aard-group-box-shadow,0 0 0 rgba(0,0,0,0));
 vertical-align:middle;
    transition:box-shadow var(--aard-transition)
}

[role=search] > *,[role=search] input:not([type=checkbox],[type=radio]),[role=search] select,[role=group] > *,[role=group] input:not([type=checkbox],[type=radio]),[role=group] select {
    position:relative;
 flex:1 1 auto;
    margin-bottom:0
}

[role=search] > *:not(:first-child),[role=search] input:not([type=checkbox],[type=radio]):not(:first-child),[role=search] select:not(:first-child),[role=group] > *:not(:first-child),[role=group] input:not([type=checkbox],[type=radio]):not(:first-child),[role=group] select:not(:first-child) {
    margin-left:0;
 border-top-left-radius:0;
    border-bottom-left-radius:0
}

[role=search] > *:not(:last-child),[role=search] input:not([type=checkbox],[type=radio]):not(:last-child),[role=search] select:not(:last-child),[role=group] > *:not(:last-child),[role=group] input:not([type=checkbox],[type=radio]):not(:last-child),[role=group] select:not(:last-child) {
    border-top-right-radius:0;
    border-bottom-right-radius:0
}

[role=search] > *:focus,[role=search] input:not([type=checkbox],[type=radio]):focus,[role=search] select:focus,[role=group] > *:focus,[role=group] input:not([type=checkbox],[type=radio]):focus,[role=group] select:focus {
    z-index:2
}

[role=search] button:not(:first-child),[role=search] [type=submit]:not(:first-child),[role=search] [type=reset]:not(:first-child),[role=search] [type=button]:not(:first-child),[role=search] [role=button]:not(:first-child),[role=search] input:not([type=checkbox],[type=radio]):not(:first-child),[role=search] select:not(:first-child),[role=group] button:not(:first-child),[role=group] [type=submit]:not(:first-child),[role=group] [type=reset]:not(:first-child),[role=group] [type=button]:not(:first-child),[role=group] [role=button]:not(:first-child),[role=group] input:not([type=checkbox],[type=radio]):not(:first-child),[role=group] select:not(:first-child) {
    margin-left:calc(var(--aard-border-width) * -1)
}

[role=search] button,[role=search] [type=submit],[role=search] [type=reset],[role=search] [type=button],[role=search] [role=button],[role=group] button,[role=group] [type=submit],[role=group] [type=reset],[role=group] [type=button],[role=group] [role=button] {
    width:auto
}

@supports selector(:has(*)) {
    [role=search]:has(button:focus,[type=submit]:focus,[type=button]:focus,[role=button]:focus),[role=group]:has(button:focus,[type=submit]:focus,[type=button]:focus,[role=button]:focus) {
        --aard-group-box-shadow:var(--aard-group-box-shadow-focus-with-button)
    }

 [role=search]:has(button:focus,[type=submit]:focus,[type=button]:focus,[role=button]:focus) input:not([type=checkbox],[type=radio]),[role=search]:has(button:focus,[type=submit]:focus,[type=button]:focus,[role=button]:focus) select,[role=group]:has(button:focus,[type=submit]:focus,[type=button]:focus,[role=button]:focus) input:not([type=checkbox],[type=radio]),[role=group]:has(button:focus,[type=submit]:focus,[type=button]:focus,[role=button]:focus) select {
        border-color:transparent
    }

 [role=search]:has(input:not([type=submit],[type=button]):focus,select:focus),[role=group]:has(input:not([type=submit],[type=button]):focus,select:focus) {
        --aard-group-box-shadow:var(--aard-group-box-shadow-focus-with-input)
    }

 [role=search]:has(input:not([type=submit],[type=button]):focus,select:focus) button,[role=search]:has(input:not([type=submit],[type=button]):focus,select:focus) [type=submit],[role=search]:has(input:not([type=submit],[type=button]):focus,select:focus) [type=button],[role=search]:has(input:not([type=submit],[type=button]):focus,select:focus) [role=button],[role=group]:has(input:not([type=submit],[type=button]):focus,select:focus) button,[role=group]:has(input:not([type=submit],[type=button]):focus,select:focus) [type=submit],[role=group]:has(input:not([type=submit],[type=button]):focus,select:focus) [type=button],[role=group]:has(input:not([type=submit],[type=button]):focus,select:focus) [role=button] {
        --aard-button-box-shadow:0 0 0 var(--aard-border-width) var(--aard-primary-border);
        --aard-button-hover-box-shadow:0 0 0 var(--aard-border-width) var(--aard-primary-hover-border)
    }

 [role=search] button:focus,[role=search] [type=submit]:focus,[role=search] [type=reset]:focus,[role=search] [type=button]:focus,[role=search] [role=button]:focus,[role=group] button:focus,[role=group] [type=submit]:focus,[role=group] [type=reset]:focus,[role=group] [type=button]:focus,[role=group] [role=button]:focus {
        box-shadow:none
    }

}

[role=search] > *:first-child {
    border-top-left-radius:5rem;
    border-bottom-left-radius:5rem
}

[role=search] > *:last-child {
    border-top-right-radius:5rem;
    border-bottom-right-radius:5rem
}

[aria-busy=true]:not(input,select,textarea,html,form) {
    white-space:nowrap
}

[aria-busy=true]:not(input,select,textarea,html,form)::before {
    display:inline-block;
 width:1em;
 height:1em;
 background-image:var(--aard-icon-loading);
 background-size:1em auto;
 background-repeat:no-repeat;
 content:"";
    vertical-align:-0.125em
}

[aria-busy=true]:not(input,select,textarea,html,form):not(:empty)::before {
    margin-inline-end:calc(var(--aard-spacing) * 0.5)
}

[aria-busy=true]:not(input,select,textarea,html,form):empty {
    text-align:center
}

button[aria-busy=true],[type=submit][aria-busy=true],[type=button][aria-busy=true],[type=reset][aria-busy=true],[role=button][aria-busy=true],a[aria-busy=true] {
    pointer-events:none
}

:root,:host {
    --aard-scrollbar-width:0px
}

dialog {
    display:flex;
 z-index:999;
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 align-items:center;
 justify-content:center;
 width:inherit;
 min-width:100%;
 height:inherit;
 min-height:100%;
 padding:0;
 border:0;
 -webkit-backdrop-filter:var(--aard-modal-overlay-backdrop-filter);
 backdrop-filter:var(--aard-modal-overlay-backdrop-filter);
 background-color:var(--aard-modal-overlay-background-color);
    color:var(--aard-color)
}

dialog > article {
    width:100%;
 max-height:calc(100vh - var(--aard-spacing) * 2);
 margin:var(--aard-spacing);
    overflow:auto
}

@media (min-width:576px) {
    dialog > article {
        max-width:510px
    }

}

@media (min-width:768px) {
    dialog > article {
        max-width:700px
    }

}

dialog > article > header > * {
    margin-bottom:0
}

dialog > article > header .close,dialog > article > header:is(a,button)[rel=prev] {
    margin:0;
 margin-left:var(--aard-spacing);
 padding:0;
    float:right
}

dialog > article > footer {
    text-align:right
}

dialog > article > footer button,dialog > article > footer [role=button] {
    margin-bottom:0
}

dialog > article > footer button:not(:first-of-type),dialog > article > footer [role=button]:not(:first-of-type) {
    margin-left:calc(var(--aard-spacing) * 0.5)
}

dialog > article .close,dialog > article:is(a,button)[rel=prev] {
    display:block;
 width:1rem;
 height:1rem;
 margin-top:calc(var(--aard-spacing) * -1);
 margin-bottom:var(--aard-spacing);
 margin-left:auto;
 border:none;
 background-image:var(--aard-icon-close);
 background-position:center;
 background-size:auto 1rem;
 background-repeat:no-repeat;
 background-color:transparent;
 opacity:0.5;
    transition:opacity var(--aard-transition)
}

dialog > article .close:is([aria-current]:not([aria-current=false]),:hover,:active,:focus),dialog > article:is(a,button)[rel=prev]:is([aria-current]:not([aria-current=false]),:hover,:active,:focus) {
    opacity:1
}

dialog:not([open]),dialog[open=false] {
    display:none
}

.modal-is-open {
    padding-right:var(--aard-scrollbar-width,0px);
 overflow:hidden;
 pointer-events:none;
    touch-action:none
}

.modal-is-open dialog {
    pointer-events:auto;
    touch-action:auto
}

:where(.modal-is-opening,.modal-is-closing) dialog,:where(.modal-is-opening,.modal-is-closing) dialog > article {
    animation-duration:0.2s;
 animation-timing-function:ease-in-out;
    animation-fill-mode:both
}

:where(.modal-is-opening,.modal-is-closing) dialog {
    animation-duration:0.8s;
    animation-name:modal-overlay
}

:where(.modal-is-opening,.modal-is-closing) dialog > article {
    animation-delay:0.2s;
    animation-name:modal
}

.modal-is-closing dialog,.modal-is-closing dialog > article {
    animation-delay:0s;
    animation-direction:reverse
}

@keyframes modal-overlay {
    from {
        -webkit-backdrop-filter:none;
 backdrop-filter:none;
        background-color:transparent
    }

}

@keyframes modal {
    from {
        transform:translateY(-100%);
        opacity:0
    }

}

:where(nav li)::before {
    float:left;
    content:"​"
}

nav,nav ul {
    display:flex
}

nav {
    justify-content:space-between;
    overflow:visible
}

nav ol,nav ul {
    align-items:center;
 margin-bottom:0;
 padding:0;
    list-style:none
}

nav ol:first-of-type,nav ul:first-of-type {
    margin-left:calc(var(--aard-nav-element-spacing-horizontal) * -1)
}

nav ol:last-of-type,nav ul:last-of-type {
    margin-right:calc(var(--aard-nav-element-spacing-horizontal) * -1)
}

nav li {
    display:inline-block;
 margin:0;
    padding:var(--aard-nav-element-spacing-vertical) var(--aard-nav-element-spacing-horizontal)
}

nav li:where(a,[role=link]) {
    display:inline-block;
 margin:calc(var(--aard-nav-link-spacing-vertical) * -1) calc(var(--aard-nav-link-spacing-horizontal) * -1);
 padding:var(--aard-nav-link-spacing-vertical) var(--aard-nav-link-spacing-horizontal);
    border-radius:var(--aard-border-radius)
}

nav li:where(a,[role=link]):not(:hover) {
    text-decoration:none
}

nav li button,nav li [role=button],nav li [type=button],nav li input:not([type=checkbox],[type=radio],[type=range],[type=file]),nav li select {
    height:auto;
 margin-right:inherit;
 margin-bottom:0;
 margin-left:inherit;
    padding:calc(var(--aard-nav-link-spacing-vertical) - var(--aard-border-width) * 2) var(--aard-nav-link-spacing-horizontal)
}

nav[aria-label=breadcrumb] {
    align-items:center;
    justify-content:start
}

nav[aria-label=breadcrumb] ul li:not(:first-child) {
    margin-inline-start:var(--aard-nav-link-spacing-horizontal)
}

nav[aria-label=breadcrumb] ul li a {
    margin:calc(var(--aard-nav-link-spacing-vertical) * -1) 0;
    margin-inline-start:calc(var(--aard-nav-link-spacing-horizontal) * -1)
}

nav[aria-label=breadcrumb] ul li:not(:last-child)::after {
    display:inline-block;
 position:absolute;
 width:calc(var(--aard-nav-link-spacing-horizontal) * 4);
 margin:0 calc(var(--aard-nav-link-spacing-horizontal) * -1);
 content:var(--aard-nav-breadcrumb-divider);
 color:var(--aard-muted-color);
 text-align:center;
 text-decoration:none;
    white-space:nowrap
}

nav[aria-label=breadcrumb] a[aria-current]:not([aria-current=false]) {
    background-color:transparent;
 color:inherit;
 text-decoration:none;
    pointer-events:none
}

aside nav,aside ol,aside ul,aside li {
    display:block
}

aside li {
    padding:calc(var(--aard-nav-element-spacing-vertical) * 0.5) var(--aard-nav-element-spacing-horizontal)
}

aside li a {
    display:block
}

aside li [role=button] {
    margin:inherit
}

[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child)::after {
    content:"\\"
}

progress {
    display:inline-block;
    vertical-align:baseline
}

progress {
    -webkit-appearance:none;
 -moz-appearance:none;
 display:inline-block;
 appearance:none;
 width:100%;
 height:0.5rem;
 margin-bottom:calc(var(--aard-spacing) * 0.5);
 overflow:hidden;
 border:0;
 border-radius:var(--aard-border-radius);
 background-color:var(--aard-progress-background-color);
    color:var(--aard-progress-color)
}

progress::-webkit-progress-bar {
    border-radius:var(--aard-border-radius);
    background:none
}

progress[value]::-webkit-progress-value {
    background-color:var(--aard-progress-color);
 -webkit-transition:inline-size var(--aard-transition);
    transition:inline-size var(--aard-transition)
}

progress::-moz-progress-bar {
    background-color:var(--aard-progress-color)
}

@media (prefers-reduced-motion:no-preference) {
    progress:indeterminate {
        background:var(--aard-progress-background-color) linear-gradient(to right,var(--aard-progress-color) 30%,var(--aard-progress-background-color) 30%) top left/150% 150% no-repeat;
        animation:progress-indeterminate 1s linear infinite
    }

 progress:indeterminate[value]::-webkit-progress-value {
        background-color:transparent
    }

 progress:indeterminate::-moz-progress-bar {
        background-color:transparent
    }

}

@media (prefers-reduced-motion:no-preference) {
    [dir=rtl] progress:indeterminate {
        animation-direction:reverse
    }

}

@keyframes progress-indeterminate {
    0% {
        background-position:200% 0
    }

 100% {
        background-position:-200% 0
    }

}

[data-tooltip] {
    position:relative
}

[data-tooltip]:not(a,button,input,[role=button]) {
    border-bottom:1px dotted;
 text-decoration:none;
    cursor:help
}

[data-tooltip][data-placement=top]::before,[data-tooltip][data-placement=top]::after,[data-tooltip]::before,[data-tooltip]::after {
    display:block;
 z-index:99;
 position:absolute;
 bottom:100%;
 left:50%;
 padding:0.25rem 0.5rem;
 overflow:hidden;
 transform:translate(-50%,-0.25rem);
 border-radius:var(--aard-border-radius);
 background:var(--aard-tooltip-background-color);
 content:attr(data-tooltip);
 color:var(--aard-tooltip-color);
 font-style:normal;
 font-weight:var(--aard-font-weight);
 font-size:0.875rem;
 text-decoration:none;
 text-overflow:ellipsis;
 white-space:nowrap;
 opacity:0;
    pointer-events:none
}

[data-tooltip][data-placement=top]::after,[data-tooltip]::after {
    padding:0;
 transform:translate(-50%,0rem);
 border-top:0.3rem solid;
 border-right:0.3rem solid transparent;
 border-left:0.3rem solid transparent;
 border-radius:0;
 background-color:transparent;
 content:"";
    color:var(--aard-tooltip-background-color)
}

[data-tooltip][data-placement=bottom]::before,[data-tooltip][data-placement=bottom]::after {
    top:100%;
 bottom:auto;
    transform:translate(-50%,0.25rem)
}

[data-tooltip][data-placement=bottom]:after {
    transform:translate(-50%,-0.3rem);
 border:0.3rem solid transparent;
    border-bottom:0.3rem solid
}

[data-tooltip][data-placement=left]::before,[data-tooltip][data-placement=left]::after {
    top:50%;
 right:100%;
 bottom:auto;
 left:auto;
    transform:translate(-0.25rem,-50%)
}

[data-tooltip][data-placement=left]:after {
    transform:translate(0.3rem,-50%);
 border:0.3rem solid transparent;
    border-left:0.3rem solid
}

[data-tooltip][data-placement=right]::before,[data-tooltip][data-placement=right]::after {
    top:50%;
 right:auto;
 bottom:auto;
 left:100%;
    transform:translate(0.25rem,-50%)
}

[data-tooltip][data-placement=right]:after {
    transform:translate(-0.3rem,-50%);
 border:0.3rem solid transparent;
    border-right:0.3rem solid
}

[data-tooltip]:focus::before,[data-tooltip]:focus::after,[data-tooltip]:hover::before,[data-tooltip]:hover::after {
    opacity:1
}

@media (hover:hover) and (pointer:fine) {
    [data-tooltip]:focus::before,[data-tooltip]:focus::after,[data-tooltip]:hover::before,[data-tooltip]:hover::after {
        --aard-tooltip-slide-to:translate(-50%,-0.25rem);
 transform:translate(-50%,0.75rem);
 animation-duration:0.2s;
 animation-fill-mode:forwards;
 animation-name:tooltip-slide;
        opacity:0
    }

 [data-tooltip]:focus::after,[data-tooltip]:hover::after {
        --aard-tooltip-caret-slide-to:translate(-50%,0rem);
 transform:translate(-50%,-0.25rem);
        animation-name:tooltip-caret-slide
    }

 [data-tooltip][data-placement=bottom]:focus::before,[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:hover::before,[data-tooltip][data-placement=bottom]:hover::after {
        --aard-tooltip-slide-to:translate(-50%,0.25rem);
 transform:translate(-50%,-0.75rem);
        animation-name:tooltip-slide
    }

 [data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:hover::after {
        --aard-tooltip-caret-slide-to:translate(-50%,-0.3rem);
 transform:translate(-50%,-0.5rem);
        animation-name:tooltip-caret-slide
    }

 [data-tooltip][data-placement=left]:focus::before,[data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:hover::before,[data-tooltip][data-placement=left]:hover::after {
        --aard-tooltip-slide-to:translate(-0.25rem,-50%);
 transform:translate(0.75rem,-50%);
        animation-name:tooltip-slide
    }

 [data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:hover::after {
        --aard-tooltip-caret-slide-to:translate(0.3rem,-50%);
 transform:translate(0.05rem,-50%);
        animation-name:tooltip-caret-slide
    }

 [data-tooltip][data-placement=right]:focus::before,[data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:hover::before,[data-tooltip][data-placement=right]:hover::after {
        --aard-tooltip-slide-to:translate(0.25rem,-50%);
 transform:translate(-0.75rem,-50%);
        animation-name:tooltip-slide
    }

 [data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:hover::after {
        --aard-tooltip-caret-slide-to:translate(-0.3rem,-50%);
 transform:translate(-0.05rem,-50%);
        animation-name:tooltip-caret-slide
    }

}

@keyframes tooltip-slide {
    to {
        transform:var(--aard-tooltip-slide-to);
        opacity:1
    }

}

@keyframes tooltip-caret-slide {
    50% {
        opacity:0
    }

 to {
        transform:var(--aard-tooltip-caret-slide-to);
        opacity:1
    }

}

[aria-controls] {
    cursor:pointer
}

[aria-disabled=true],[disabled] {
    cursor:not-allowed
}

[aria-hidden=false][hidden] {
    display:initial
}

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

a,area,button,input,label,select,summary,textarea,[tabindex] {
    -ms-touch-action:manipulation
}

[dir=rtl] {
    direction:rtl
}

@media (prefers-reduced-motion:reduce) {
    *:not([aria-busy=true]),:not([aria-busy=true])::before,:not([aria-busy=true])::after {
        background-attachment:initial !important;
 animation-duration:1ms !important;
 animation-delay:-1ms !important;
 animation-iteration-count:1 !important;
 scroll-behavior:auto !important;
 transition-delay:0s !important;
        transition-duration:0s !important
    }

}

[data-theme="light"],:root:not([data-theme="dark"]) {
    --aard-primary:#0172ad;
 --aard-primary-background:#b7d9fc;
 --aard-primary-hover:#014c75;
 --aard-primary-hover-background:#0172ad;
 --aard-primary-focus:rgba(1,114,173,0.375);
 --aard-primary-inverse:#fff;
 --aard-primary-underline:rgba(1,114,173,0.5);
 --aard-secondary:#5d6b89;
 --aard-secondary-background:#cfd5e2;
 --aard-secondary-hover:#3d475c;
 --aard-secondary-hover-background:#5d6b89;
 --aard-secondary-focus:rgba(93,107,137,0.375);
 --aard-secondary-inverse:#fff;
 --aard-secondary-underline:rgba(93,107,137,0.5);
 --aard-tertiary:#6e6a60;
 --aard-tertiary-background:#dad4c2;
 --aard-tertiary-hover:#49463f;
 --aard-tertiary-hover-background:#6e6a60;
 --aard-tertiary-focus:rgba(110,106,96,0.375);
 --aard-tertiary-inverse:#fff;
 --aard-tertiary-underline:rgba(110,106,96,0.5);
 --aard-contrast:#c1208b;
 --aard-contrast-background:#f9c6e1;
 --aard-contrast-hover:#84135e;
 --aard-contrast-hover-background:#c1208b;
 --aard-contrast-focus:rgba(193,32,139,0.375);
 --aard-contrast-inverse:#fff;
 --aard-contrast-underline:rgba(193,32,139,0.5);
 --aard-accent:#577400;
 --aard-accent-background:#b2e51a;
 --aard-accent-hover:#394d00;
 --aard-accent-hover-background:#577400;
 --aard-accent-focus:rgba(87,116,0,0.375);
 --aard-accent-inverse:#fff;
 --aard-accent-underline:rgba(87,116,0,0.5);
 --aard-success:#33790f;
 --aard-success-background:#77ef3d;
 --aard-success-hover:#205107;
 --aard-success-hover-background:#33790f;
 --aard-success-focus:rgba(51,121,15,0.375);
 --aard-success-inverse:#fff;
 --aard-success-underline:rgba(51,121,15,0.5);
 --aard-info:#047878;
 --aard-info-background:#3deceb;
 --aard-info-hover:#015050;
 --aard-info-hover-background:#047878;
 --aard-info-focus:rgba(4,120,120,0.375);
 --aard-info-inverse:#fff;
 --aard-info-underline:rgba(4,120,120,0.5);
 --aard-warning:#876400;
 --aard-warning-background:#fecc63;
 --aard-warning-hover:#5b4200;
 --aard-warning-hover-background:#876400;
 --aard-warning-focus:rgba(135,100,0,0.375);
 --aard-warning-inverse:#fff;
 --aard-warning-underline:rgba(135,100,0,0.5);
 --aard-error:#c52f21;
 --aard-error-background:#f6cabf;
 --aard-error-hover:#861d13;
 --aard-error-hover-background:#c52f21;
 --aard-error-focus:rgba(197,47,33,0.375);
 --aard-error-inverse:#fff;
 --aard-error-underline:rgba(197,47,33,0.5);
 --aard-pop:#82ab00;
 --aard-pop-background:#c1f335;
 --aard-pop-hover:#628100;
 --aard-pop-hover-background:#82ab00;
 --aard-pop-focus:rgba(130,171,0,0.375);
 --aard-pop-inverse:#fff;
 --aard-pop-underline:rgba(130,171,0,0.5);
 --aard-spark:#f869bf;
 --aard-spark-background:#f9daea;
 --aard-spark-hover:#d9269d;
 --aard-spark-hover-background:#f869bf;
 --aard-spark-focus:rgba(248,105,191,0.375);
 --aard-spark-inverse:#fff;
    --aard-spark-underline:rgba(248,105,191,0.5)
}

@media only screen and (prefers-color-scheme:dark) {
    :root:not([data-theme]) {
        --aard-primary:#018cd4;
 --aard-primary-background:#052940;
 --aard-primary-hover:#51b4ff;
 --aard-primary-hover-background:#018cd4;
 --aard-primary-focus:rgba(1,140,212,0.375);
 --aard-primary-inverse:#fff;
 --aard-primary-underline:rgba(1,140,212,0.5);
 --aard-secondary:#7385a9;
 --aard-secondary-background:#202632;
 --aard-secondary-hover:#a0acc7;
 --aard-secondary-hover-background:#7385a9;
 --aard-secondary-focus:rgba(115,133,169,0.375);
 --aard-secondary-inverse:#fff;
 --aard-secondary-underline:rgba(115,133,169,0.5);
 --aard-tertiary:#888377;
 --aard-tertiary-background:#272622;
 --aard-tertiary-hover:#b0ab9b;
 --aard-tertiary-hover-background:#888377;
 --aard-tertiary-focus:rgba(136,131,119,0.375);
 --aard-tertiary-inverse:#fff;
 --aard-tertiary-underline:rgba(136,131,119,0.5);
 --aard-contrast:#ed2aac;
 --aard-contrast-background:#480b33;
 --aard-contrast-hover:#f983c7;
 --aard-contrast-hover-background:#ed2aac;
 --aard-contrast-focus:rgba(237,42,172,0.375);
 --aard-contrast-inverse:#fff;
 --aard-contrast-underline:rgba(237,42,172,0.5);
 --aard-accent:#6c8f00;
 --aard-accent-background:#202902;
 --aard-accent-hover:#8eb901;
 --aard-accent-hover-background:#6c8f00;
 --aard-accent-focus:rgba(108,143,0,0.375);
 --aard-accent-inverse:#fff;
 --aard-accent-underline:rgba(108,143,0,0.5);
 --aard-success:#409614;
 --aard-success-background:#152b07;
 --aard-success-hover:#55c21e;
 --aard-success-hover-background:#409614;
 --aard-success-focus:rgba(64,150,20,0.375);
 --aard-success-inverse:#fff;
 --aard-success-underline:rgba(64,150,20,0.5);
 --aard-info:#059494;
 --aard-info-background:#052b2b;
 --aard-info-hover:#0ac2c2;
 --aard-info-hover-background:#059494;
 --aard-info-focus:rgba(5,148,148,0.375);
 --aard-info-inverse:#fff;
 --aard-info-underline:rgba(5,148,148,0.5);
 --aard-warning:#a77c00;
 --aard-warning-background:#312302;
 --aard-warning-hover:#d8a100;
 --aard-warning-hover-background:#a77c00;
 --aard-warning-focus:rgba(167,124,0,0.375);
 --aard-warning-inverse:#fff;
 --aard-warning-underline:rgba(167,124,0,0.5);
 --aard-error:#ee402e;
 --aard-error-background:#45150c;
 --aard-error-hover:#f38f79;
 --aard-error-hover-background:#ee402e;
 --aard-error-focus:rgba(238,64,46,0.375);
 --aard-error-inverse:#fff;
 --aard-error-underline:rgba(238,64,46,0.5);
 --aard-pop:#99c801;
 --aard-pop-background:#191d03;
 --aard-pop-hover:#b2e51a;
 --aard-pop-hover-background:#99c801;
 --aard-pop-focus:rgba(153,200,1,0.375);
 --aard-pop-inverse:#000;
 --aard-pop-underline:rgba(153,200,1,0.5);
 --aard-spark:#fa9acf;
 --aard-spark-background:#360925;
 --aard-spark-hover:#f9c6e1;
 --aard-spark-hover-background:#fa9acf;
 --aard-spark-focus:rgba(250,154,207,0.375);
 --aard-spark-inverse:#000;
        --aard-spark-underline:rgba(250,154,207,0.5)
    }

}

[data-theme="dark"] {
    --aard-primary:#018cd4;
 --aard-primary-background:#052940;
 --aard-primary-hover:#51b4ff;
 --aard-primary-hover-background:#018cd4;
 --aard-primary-focus:rgba(1,140,212,0.375);
 --aard-primary-inverse:#fff;
 --aard-primary-underline:rgba(1,140,212,0.5);
 --aard-secondary:#7385a9;
 --aard-secondary-background:#202632;
 --aard-secondary-hover:#a0acc7;
 --aard-secondary-hover-background:#7385a9;
 --aard-secondary-focus:rgba(115,133,169,0.375);
 --aard-secondary-inverse:#fff;
 --aard-secondary-underline:rgba(115,133,169,0.5);
 --aard-tertiary:#888377;
 --aard-tertiary-background:#272622;
 --aard-tertiary-hover:#b0ab9b;
 --aard-tertiary-hover-background:#888377;
 --aard-tertiary-focus:rgba(136,131,119,0.375);
 --aard-tertiary-inverse:#fff;
 --aard-tertiary-underline:rgba(136,131,119,0.5);
 --aard-contrast:#ed2aac;
 --aard-contrast-background:#480b33;
 --aard-contrast-hover:#f983c7;
 --aard-contrast-hover-background:#ed2aac;
 --aard-contrast-focus:rgba(237,42,172,0.375);
 --aard-contrast-inverse:#fff;
 --aard-contrast-underline:rgba(237,42,172,0.5);
 --aard-accent:#6c8f00;
 --aard-accent-background:#202902;
 --aard-accent-hover:#8eb901;
 --aard-accent-hover-background:#6c8f00;
 --aard-accent-focus:rgba(108,143,0,0.375);
 --aard-accent-inverse:#fff;
 --aard-accent-underline:rgba(108,143,0,0.5);
 --aard-success:#409614;
 --aard-success-background:#152b07;
 --aard-success-hover:#55c21e;
 --aard-success-hover-background:#409614;
 --aard-success-focus:rgba(64,150,20,0.375);
 --aard-success-inverse:#fff;
 --aard-success-underline:rgba(64,150,20,0.5);
 --aard-info:#059494;
 --aard-info-background:#052b2b;
 --aard-info-hover:#0ac2c2;
 --aard-info-hover-background:#059494;
 --aard-info-focus:rgba(5,148,148,0.375);
 --aard-info-inverse:#fff;
 --aard-info-underline:rgba(5,148,148,0.5);
 --aard-warning:#a77c00;
 --aard-warning-background:#312302;
 --aard-warning-hover:#d8a100;
 --aard-warning-hover-background:#a77c00;
 --aard-warning-focus:rgba(167,124,0,0.375);
 --aard-warning-inverse:#fff;
 --aard-warning-underline:rgba(167,124,0,0.5);
 --aard-error:#ee402e;
 --aard-error-background:#45150c;
 --aard-error-hover:#f38f79;
 --aard-error-hover-background:#ee402e;
 --aard-error-focus:rgba(238,64,46,0.375);
 --aard-error-inverse:#fff;
 --aard-error-underline:rgba(238,64,46,0.5);
 --aard-pop:#99c801;
 --aard-pop-background:#191d03;
 --aard-pop-hover:#b2e51a;
 --aard-pop-hover-background:#99c801;
 --aard-pop-focus:rgba(153,200,1,0.375);
 --aard-pop-inverse:#000;
 --aard-pop-underline:rgba(153,200,1,0.5);
 --aard-spark:#fa9acf;
 --aard-spark-background:#360925;
 --aard-spark-hover:#f9c6e1;
 --aard-spark-hover-background:#fa9acf;
 --aard-spark-focus:rgba(250,154,207,0.375);
 --aard-spark-inverse:#000;
    --aard-spark-underline:rgba(250,154,207,0.5)
}

.container {
    width:100%;
 max-width:1200px;
 margin-left:auto;
 margin-right:auto;
 padding-left:1rem;
    padding-right:1rem
}

.container-fluid {
    width:100%;
 padding-left:1rem;
    padding-right:1rem
}

.row {
    display:flex;
 flex-wrap:wrap;
 margin-left:-0.75rem;
    margin-right:-0.75rem
}

[class*="col-"] {
    box-sizing:border-box;
 padding-left:0.75rem;
 padding-right:0.75rem;
    width:100%
}

.col-1 {
    width:8.3333%
}

.col-2 {
    width:16.6667%
}

.col-3 {
    width:25%
}

.col-4 {
    width:33.3333%
}

.col-5 {
    width:41.6667%
}

.col-6 {
    width:50%
}

.col-7 {
    width:58.3333%
}

.col-8 {
    width:66.6667%
}

.col-9 {
    width:75%
}

.col-10 {
    width:83.3333%
}

.col-11 {
    width:91.6667%
}

.col-12 {
    width:100%
}

.offset-0 {
    margin-left:0
}

.offset-1 {
    margin-left:8.3333%
}

.offset-2 {
    margin-left:16.6667%
}

.offset-3 {
    margin-left:25%
}

.offset-4 {
    margin-left:33.3333%
}

.offset-5 {
    margin-left:41.6667%
}

.offset-6 {
    margin-left:50%
}

.offset-7 {
    margin-left:58.3333%
}

.offset-8 {
    margin-left:66.6667%
}

.offset-9 {
    margin-left:75%
}

.offset-10 {
    margin-left:83.3333%
}

.offset-11 {
    margin-left:91.6667%
}

.order-first {
    order:-1
}

.order-last {
    order:13
}

.order-0 {
    order:0
}

.order-1 {
    order:1
}

.order-2 {
    order:2
}

.order-3 {
    order:3
}

.order-4 {
    order:4
}

.order-5 {
    order:5
}

.order-6 {
    order:6
}

.order-7 {
    order:7
}

.order-8 {
    order:8
}

.order-9 {
    order:9
}

.order-10 {
    order:10
}

.order-11 {
    order:11
}

.order-12 {
    order:12
}

.d-none {
    display:none
}

.d-block {
    display:block
}

.d-flex {
    display:flex
}

@media (min-width:576px) {
    .col-sm-1 {
        width:8.3333%
    }

 .col-sm-2 {
        width:16.6667%
    }

 .col-sm-3 {
        width:25%
    }

 .col-sm-4 {
        width:33.3333%
    }

 .col-sm-5 {
        width:41.6667%
    }

 .col-sm-6 {
        width:50%
    }

 .col-sm-7 {
        width:58.3333%
    }

 .col-sm-8 {
        width:66.6667%
    }

 .col-sm-9 {
        width:75%
    }

 .col-sm-10 {
        width:83.3333%
    }

 .col-sm-11 {
        width:91.6667%
    }

 .col-sm-12 {
        width:100%
    }

 .offset-sm-0 {
        margin-left:0
    }

 .offset-sm-1 {
        margin-left:8.3333%
    }

 .offset-sm-2 {
        margin-left:16.6667%
    }

 .offset-sm-3 {
        margin-left:25%
    }

 .offset-sm-4 {
        margin-left:33.3333%
    }

 .offset-sm-5 {
        margin-left:41.6667%
    }

 .offset-sm-6 {
        margin-left:50%
    }

 .offset-sm-7 {
        margin-left:58.3333%
    }

 .offset-sm-8 {
        margin-left:66.6667%
    }

 .offset-sm-9 {
        margin-left:75%
    }

 .offset-sm-10 {
        margin-left:83.3333%
    }

 .offset-sm-11 {
        margin-left:91.6667%
    }

 .order-sm-first {
        order:-1
    }

 .order-sm-last {
        order:13
    }

 .order-sm-0 {
        order:0
    }

 .order-sm-1 {
        order:1
    }

 .order-sm-2 {
        order:2
    }

 .order-sm-3 {
        order:3
    }

 .order-sm-4 {
        order:4
    }

 .order-sm-5 {
        order:5
    }

 .order-sm-6 {
        order:6
    }

 .order-sm-7 {
        order:7
    }

 .order-sm-8 {
        order:8
    }

 .order-sm-9 {
        order:9
    }

 .order-sm-10 {
        order:10
    }

 .order-sm-11 {
        order:11
    }

 .order-sm-12 {
        order:12
    }

 .d-sm-none {
        display:none
    }

 .d-sm-block {
        display:block
    }

 .d-sm-flex {
        display:flex
    }

}

@media (min-width:768px) {
    .col-md-1 {
        width:8.3333%
    }

 .col-md-2 {
        width:16.6667%
    }

 .col-md-3 {
        width:25%
    }

 .col-md-4 {
        width:33.3333%
    }

 .col-md-5 {
        width:41.6667%
    }

 .col-md-6 {
        width:50%
    }

 .col-md-7 {
        width:58.3333%
    }

 .col-md-8 {
        width:66.6667%
    }

 .col-md-9 {
        width:75%
    }

 .col-md-10 {
        width:83.3333%
    }

 .col-md-11 {
        width:91.6667%
    }

 .col-md-12 {
        width:100%
    }

 .offset-md-0 {
        margin-left:0
    }

 .offset-md-1 {
        margin-left:8.3333%
    }

 .offset-md-2 {
        margin-left:16.6667%
    }

 .offset-md-3 {
        margin-left:25%
    }

 .offset-md-4 {
        margin-left:33.3333%
    }

 .offset-md-5 {
        margin-left:41.6667%
    }

 .offset-md-6 {
        margin-left:50%
    }

 .offset-md-7 {
        margin-left:58.3333%
    }

 .offset-md-8 {
        margin-left:66.6667%
    }

 .offset-md-9 {
        margin-left:75%
    }

 .offset-md-10 {
        margin-left:83.3333%
    }

 .offset-md-11 {
        margin-left:91.6667%
    }

 .order-md-first {
        order:-1
    }

 .order-md-last {
        order:13
    }

 .order-md-0 {
        order:0
    }

 .order-md-1 {
        order:1
    }

 .order-md-2 {
        order:2
    }

 .order-md-3 {
        order:3
    }

 .order-md-4 {
        order:4
    }

 .order-md-5 {
        order:5
    }

 .order-md-6 {
        order:6
    }

 .order-md-7 {
        order:7
    }

 .order-md-8 {
        order:8
    }

 .order-md-9 {
        order:9
    }

 .order-md-10 {
        order:10
    }

 .order-md-11 {
        order:11
    }

 .order-md-12 {
        order:12
    }

 .d-md-none {
        display:none
    }

 .d-md-block {
        display:block
    }

 .d-md-flex {
        display:flex
    }

}

@media (min-width:1024px) {
    .col-lg-1 {
        width:8.3333%
    }

 .col-lg-2 {
        width:16.6667%
    }

 .col-lg-3 {
        width:25%
    }

 .col-lg-4 {
        width:33.3333%
    }

 .col-lg-5 {
        width:41.6667%
    }

 .col-lg-6 {
        width:50%
    }

 .col-lg-7 {
        width:58.3333%
    }

 .col-lg-8 {
        width:66.6667%
    }

 .col-lg-9 {
        width:75%
    }

 .col-lg-10 {
        width:83.3333%
    }

 .col-lg-11 {
        width:91.6667%
    }

 .col-lg-12 {
        width:100%
    }

 .offset-lg-0 {
        margin-left:0
    }

 .offset-lg-1 {
        margin-left:8.3333%
    }

 .offset-lg-2 {
        margin-left:16.6667%
    }

 .offset-lg-3 {
        margin-left:25%
    }

 .offset-lg-4 {
        margin-left:33.3333%
    }

 .offset-lg-5 {
        margin-left:41.6667%
    }

 .offset-lg-6 {
        margin-left:50%
    }

 .offset-lg-7 {
        margin-left:58.3333%
    }

 .offset-lg-8 {
        margin-left:66.6667%
    }

 .offset-lg-9 {
        margin-left:75%
    }

 .offset-lg-10 {
        margin-left:83.3333%
    }

 .offset-lg-11 {
        margin-left:91.6667%
    }

 .order-lg-first {
        order:-1
    }

 .order-lg-last {
        order:13
    }

 .order-lg-0 {
        order:0
    }

 .order-lg-1 {
        order:1
    }

 .order-lg-2 {
        order:2
    }

 .order-lg-3 {
        order:3
    }

 .order-lg-4 {
        order:4
    }

 .order-lg-5 {
        order:5
    }

 .order-lg-6 {
        order:6
    }

 .order-lg-7 {
        order:7
    }

 .order-lg-8 {
        order:8
    }

 .order-lg-9 {
        order:9
    }

 .order-lg-10 {
        order:10
    }

 .order-lg-11 {
        order:11
    }

 .order-lg-12 {
        order:12
    }

 .d-lg-none {
        display:none
    }

 .d-lg-block {
        display:block
    }

 .d-lg-flex {
        display:flex
    }

}

@media (min-width:1280px) {
    .col-xl-1 {
        width:8.3333%
    }

 .col-xl-2 {
        width:16.6667%
    }

 .col-xl-3 {
        width:25%
    }

 .col-xl-4 {
        width:33.3333%
    }

 .col-xl-5 {
        width:41.6667%
    }

 .col-xl-6 {
        width:50%
    }

 .col-xl-7 {
        width:58.3333%
    }

 .col-xl-8 {
        width:66.6667%
    }

 .col-xl-9 {
        width:75%
    }

 .col-xl-10 {
        width:83.3333%
    }

 .col-xl-11 {
        width:91.6667%
    }

 .col-xl-12 {
        width:100%
    }

 .offset-xl-0 {
        margin-left:0
    }

 .offset-xl-1 {
        margin-left:8.3333%
    }

 .offset-xl-2 {
        margin-left:16.6667%
    }

 .offset-xl-3 {
        margin-left:25%
    }

 .offset-xl-4 {
        margin-left:33.3333%
    }

 .offset-xl-5 {
        margin-left:41.6667%
    }

 .offset-xl-6 {
        margin-left:50%
    }

 .offset-xl-7 {
        margin-left:58.3333%
    }

 .offset-xl-8 {
        margin-left:66.6667%
    }

 .offset-xl-9 {
        margin-left:75%
    }

 .offset-xl-10 {
        margin-left:83.3333%
    }

 .offset-xl-11 {
        margin-left:91.6667%
    }

 .order-xl-first {
        order:-1
    }

 .order-xl-last {
        order:13
    }

 .order-xl-0 {
        order:0
    }

 .order-xl-1 {
        order:1
    }

 .order-xl-2 {
        order:2
    }

 .order-xl-3 {
        order:3
    }

 .order-xl-4 {
        order:4
    }

 .order-xl-5 {
        order:5
    }

 .order-xl-6 {
        order:6
    }

 .order-xl-7 {
        order:7
    }

 .order-xl-8 {
        order:8
    }

 .order-xl-9 {
        order:9
    }

 .order-xl-10 {
        order:10
    }

 .order-xl-11 {
        order:11
    }

 .order-xl-12 {
        order:12
    }

 .d-xl-none {
        display:none
    }

 .d-xl-block {
        display:block
    }

 .d-xl-flex {
        display:flex
    }

}

@media (min-width:1536px) {
    .col-xxl-1 {
        width:8.3333%
    }

 .col-xxl-2 {
        width:16.6667%
    }

 .col-xxl-3 {
        width:25%
    }

 .col-xxl-4 {
        width:33.3333%
    }

 .col-xxl-5 {
        width:41.6667%
    }

 .col-xxl-6 {
        width:50%
    }

 .col-xxl-7 {
        width:58.3333%
    }

 .col-xxl-8 {
        width:66.6667%
    }

 .col-xxl-9 {
        width:75%
    }

 .col-xxl-10 {
        width:83.3333%
    }

 .col-xxl-11 {
        width:91.6667%
    }

 .col-xxl-12 {
        width:100%
    }

 .offset-xxl-0 {
        margin-left:0
    }

 .offset-xxl-1 {
        margin-left:8.3333%
    }

 .offset-xxl-2 {
        margin-left:16.6667%
    }

 .offset-xxl-3 {
        margin-left:25%
    }

 .offset-xxl-4 {
        margin-left:33.3333%
    }

 .offset-xxl-5 {
        margin-left:41.6667%
    }

 .offset-xxl-6 {
        margin-left:50%
    }

 .offset-xxl-7 {
        margin-left:58.3333%
    }

 .offset-xxl-8 {
        margin-left:66.6667%
    }

 .offset-xxl-9 {
        margin-left:75%
    }

 .offset-xxl-10 {
        margin-left:83.3333%
    }

 .offset-xxl-11 {
        margin-left:91.6667%
    }

 .order-xxl-first {
        order:-1
    }

 .order-xxl-last {
        order:13
    }

 .order-xxl-0 {
        order:0
    }

 .order-xxl-1 {
        order:1
    }

 .order-xxl-2 {
        order:2
    }

 .order-xxl-3 {
        order:3
    }

 .order-xxl-4 {
        order:4
    }

 .order-xxl-5 {
        order:5
    }

 .order-xxl-6 {
        order:6
    }

 .order-xxl-7 {
        order:7
    }

 .order-xxl-8 {
        order:8
    }

 .order-xxl-9 {
        order:9
    }

 .order-xxl-10 {
        order:10
    }

 .order-xxl-11 {
        order:11
    }

 .order-xxl-12 {
        order:12
    }

 .d-xxl-none {
        display:none
    }

 .d-xxl-block {
        display:block
    }

 .d-xxl-flex {
        display:flex
    }

}

.c-primary {
    color:var(--aard-primary)
}

.c-secondary {
    color:var(--aard-secondary)
}

.c-tertiary {
    color:var(--aard-tertiary)
}

.c-contrast {
    color:var(--aard-contrast)
}

.c-accent {
    color:var(--aard-accent)
}

.c-success {
    color:var(--aard-success)
}

.c-info {
    color:var(--aard-info)
}

.c-warning {
    color:var(--aard-warning)
}

.c-error {
    color:var(--aard-error)
}

.c-pop {
    color:var(--aard-pop)
}

.c-spark {
    color:var(--aard-spark)
}

.c-inverse {
    color:var(--aard-primary-inverse)
}

.bg-primary {
    background-color:var(--aard-primary);
    color:var(--aard-primary-inverse)
}

.bg-secondary {
    background-color:var(--aard-secondary);
    color:var(--aard-primary-inverse)
}

.bg-tertiary {
    background-color:var(--aard-tertiary);
    color:var(--aard-primary-inverse)
}

.bg-contrast {
    background-color:var(--aard-contrast);
    color:var(--aard-primary-inverse)
}

.bg-accent {
    background-color:var(--aard-accent);
    color:var(--aard-primary-inverse)
}

.bg-success {
    background-color:var(--aard-success);
    color:var(--aard-primary-inverse)
}

.bg-info {
    background-color:var(--aard-info);
    color:var(--aard-primary-inverse)
}

.bg-warning {
    background-color:var(--aard-warning);
    color:var(--aard-primary-inverse)
}

.bg-error {
    background-color:var(--aard-error);
    color:var(--aard-primary-inverse)
}

.bg-pop {
    background-color:var(--aard-pop);
    color:var(--aard-primary-inverse)
}

.bg-spark {
    background-color:var(--aard-spark);
    color:var(--aard-primary-inverse)
}

:is(.bg-primary,.bg-secondary,.bg-tertiary,.bg-contrast,.bg-accent,.bg-success,.bg-info,.bg-warning,.bg-error,.bg-pop,.bg-spark) a {
    color:inherit
}

.border-primary {
    border-color:var(--aard-primary)
}

.border-secondary {
    border-color:var(--aard-secondary)
}

.border-tertiary {
    border-color:var(--aard-tertiary)
}

.border-contrast {
    border-color:var(--aard-contrast)
}

.border-accent {
    border-color:var(--aard-accent)
}

.border-success {
    border-color:var(--aard-success)
}

.border-info {
    border-color:var(--aard-info)
}

.border-warning {
    border-color:var(--aard-warning)
}

.border-error {
    border-color:var(--aard-error)
}

.border-pop {
    border-color:var(--aard-pop)
}

.border-spark {
    border-color:var(--aard-spark)
}

li ul,li ol {
    margin-bottom:0
}

:where([role=group],[role=search]) + small {
    display:block;
 width:100%;
 margin-top:calc(var(--aard-spacing) * -0.75);
 margin-bottom:var(--aard-spacing);
    color:var(--aard-muted-color)
}

:where([role=group],[role=search]):has([aria-invalid=false]) + small {
    color:var(--aard-ins-color)
}

:where([role=group],[role=search]):has([aria-invalid=true]) + small {
    color:var(--aard-del-color)
}

.sticky-top {
    position:sticky;
    top:0
}

.fixed-top {
    position:fixed;
 top:0;
 right:0;
    left:0
}

.fixed-bottom {
    position:fixed;
 bottom:0;
 right:0;
    left:0
}

.accordion {
    border:1px solid var(--aard-secondary-background);
 border-radius:0.375rem;
    overflow:hidden
}

.accordion > details {
    margin-bottom:0;
 border-bottom:1px solid var(--aard-secondary-background);
    border-radius:0
}

.accordion > details:last-child {
    border-bottom:none
}

.accordion > details > summary {
    padding:0.75rem 1rem;
 cursor:pointer;
    list-style:none
}

.accordion > details > summary::-webkit-details-marker {
    display:none
}

.accordion > details > summary::after {
    content:"";
 display:inline-block;
 float:right;
 width:0.5em;
 height:0.5em;
 margin-top:0.3em;
 border-right:2px solid currentColor;
 border-bottom:2px solid currentColor;
 transform:rotate(-45deg);
    transition:transform 0.2s ease
}

.accordion > details[open] > summary::after {
    transform:rotate(45deg)
}

.accordion > details[open] > summary {
    border-bottom:1px solid var(--aard-secondary-background)
}

.accordion > details >:not(summary) {
    padding:0.75rem 1rem;
    margin-left:0
}

.accordion > details > ul,.accordion > details > ol {
    padding-left:2.5rem
}

.alert {
    position:relative;
 padding:0.75rem 1rem;
 margin-bottom:1rem;
 border:1px solid transparent;
 border-radius:0.375rem;
 font-size:0.9375rem;
    line-height:1.5
}

.alert a {
    font-weight:600;
 color:inherit;
 text-decoration:underline;
    text-underline-offset:2px
}

.alert a:hover {
    opacity:0.8
}

.alert p {
    margin-bottom:0
}

.alert p + p {
    margin-top:0.5rem
}

.alert-title {
    display:block;
 margin-bottom:0.25rem;
 font-weight:700;
    font-size:1rem
}

.alert-success {
    color:var(--aard-success);
    background-color:var(--aard-success-background)
}

.alert-info {
    color:var(--aard-info);
    background-color:var(--aard-info-background)
}

.alert-warning {
    color:var(--aard-warning);
    background-color:var(--aard-warning-background)
}

.alert-error {
    color:var(--aard-error);
    background-color:var(--aard-error-background)
}

.alert-primary {
    color:var(--aard-primary);
    background-color:var(--aard-primary-background)
}

.alert-secondary {
    color:var(--aard-secondary);
    background-color:var(--aard-secondary-background)
}

.alert-tertiary {
    color:var(--aard-tertiary);
    background-color:var(--aard-tertiary-background)
}

.alert-contrast {
    color:var(--aard-contrast);
    background-color:var(--aard-contrast-background)
}

.alert-accent {
    color:var(--aard-accent);
    background-color:var(--aard-accent-background)
}

.alert-pop {
    color:var(--aard-pop);
    background-color:var(--aard-pop-background)
}

.alert-spark {
    color:var(--aard-spark);
    background-color:var(--aard-spark-background)
}

.alert-dismissible {
    padding-right:3rem
}

.alert-close {
    position:absolute;
 top:0;
 right:0;
 display:flex;
 align-items:center;
 justify-content:center;
 width:3rem;
 height:100%;
 padding:0;
 border:none;
 background:transparent;
 color:inherit;
 font-size:1.25rem;
 line-height:1;
 cursor:pointer;
 opacity:0.6;
    transition:opacity 0.15s ease-in-out
}

.alert-close:hover {
    opacity:1
}

.alert-close:focus-visible {
    outline:2px solid currentColor;
 outline-offset:-2px;
    border-radius:0.25rem
}

.badge {
    display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:0.2em 0.55em;
 font-size:0.75rem;
 font-weight:600;
 line-height:1;
 white-space:nowrap;
 vertical-align:baseline;
 border:1px solid transparent;
 border-radius:0.25rem;
 color:var(--aard-contrast-inverse);
    background-color:var(--aard-contrast)
}

a.badge,button.badge {
    text-decoration:none;
 cursor:pointer;
    transition:opacity 0.15s ease-in-out
}

a.badge:hover,button.badge:hover {
    opacity:0.85
}

.badge-pill {
    padding:0.25em 0.6em;
    border-radius:50rem
}

.badge-sm {
    padding:0.15em 0.4em;
    font-size:0.6875rem
}

.badge-lg {
    padding:0.3em 0.7em;
    font-size:0.875rem
}

.badge-primary {
    color:var(--aard-primary-inverse);
 background-color:var(--aard-primary);
    border-color:var(--aard-primary)
}

.badge-secondary {
    color:var(--aard-secondary-inverse);
 background-color:var(--aard-secondary);
    border-color:var(--aard-secondary)
}

.badge-tertiary {
    color:var(--aard-tertiary-inverse);
 background-color:var(--aard-tertiary);
    border-color:var(--aard-tertiary)
}

.badge-contrast {
    color:var(--aard-contrast-inverse);
 background-color:var(--aard-contrast);
    border-color:var(--aard-contrast)
}

.badge-success {
    color:var(--aard-success-inverse);
 background-color:var(--aard-success);
    border-color:var(--aard-success)
}

.badge-info {
    color:var(--aard-info-inverse);
 background-color:var(--aard-info);
    border-color:var(--aard-info)
}

.badge-warning {
    color:var(--aard-warning-inverse);
 background-color:var(--aard-warning);
    border-color:var(--aard-warning)
}

.badge-error {
    color:var(--aard-error-inverse);
 background-color:var(--aard-error);
    border-color:var(--aard-error)
}

.badge-accent {
    color:var(--aard-accent-inverse);
 background-color:var(--aard-accent);
    border-color:var(--aard-accent)
}

.badge-pop {
    color:var(--aard-pop-inverse);
 background-color:var(--aard-pop);
    border-color:var(--aard-pop)
}

.badge-spark {
    color:var(--aard-spark-inverse);
 background-color:var(--aard-spark);
    border-color:var(--aard-spark)
}

.badge-outline {
    background-color:transparent
}

.badge-outline.badge-primary {
    color:var(--aard-primary)
}

.badge-outline.badge-secondary {
    color:var(--aard-secondary)
}

.badge-outline.badge-tertiary {
    color:var(--aard-tertiary)
}

.badge-outline.badge-contrast {
    color:var(--aard-contrast)
}

.badge-outline.badge-success {
    color:var(--aard-success)
}

.badge-outline.badge-info {
    color:var(--aard-info)
}

.badge-outline.badge-warning {
    color:var(--aard-warning)
}

.badge-outline.badge-error {
    color:var(--aard-error)
}

.badge-outline.badge-accent {
    color:var(--aard-accent)
}

.badge-outline.badge-pop {
    color:var(--aard-pop)
}

.badge-outline.badge-spark {
    color:var(--aard-spark)
}

.badge-attached {
    position:absolute;
 top:-0.4em;
 right:-0.4em;
 min-width:1.2em;
 min-height:1.2em;
 padding:0.15em 0.35em;
 font-size:0.625rem;
    border-radius:50rem
}

.breadcrumb {
    display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:0;
 padding:0;
 margin:0 0 1rem 0;
 list-style:none;
 font-size:0.875rem;
    line-height:1.5
}

.breadcrumb li {
    display:inline-flex;
 align-items:center;
 padding:0;
    margin:0
}

.breadcrumb li a {
    display:inline-block;
 margin:0;
    padding:0
}

.breadcrumb li + li::before {
    content:"/";
 display:inline-block;
 margin:0 0.5rem;
 color:var(--aard-secondary);
    opacity:0.6
}

.breadcrumb a {
    color:var(--aard-primary);
    text-decoration:none
}

.breadcrumb a:hover {
    color:var(--aard-primary-hover);
 text-decoration:underline;
    text-underline-offset:2px
}

.breadcrumb li:last-child,.breadcrumb li[aria-current] {
    color:var(--aard-secondary)
}

.breadcrumb-arrow li + li::before {
    content:"›";
    font-size:1.1em
}

.breadcrumb-dot li + li::before {
    content:"·";
    font-size:1.2em
}

.breadcrumb-chevron li + li::before {
    content:"»"
}

.breadcrumb-boxed {
    padding:0.5rem 1rem;
 background-color:var(--aard-secondary-background);
    border-radius:0.375rem
}

.btn {
    display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:0.5em;
 padding:0.5rem 1rem;
 font-size:1rem;
 font-weight:600;
 line-height:1.5;
 white-space:nowrap;
 vertical-align:middle;
 text-decoration:none;
 border:1px solid transparent;
 border-radius:0.375rem;
 cursor:pointer;
    transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,color 0.15s ease-in-out
}

.btn:focus-visible {
    outline:2px solid var(--aard-primary-focus);
    outline-offset:2px
}

.btn-sm {
    padding:0.375rem 0.625rem;
    font-size:0.8125rem
}

.btn-lg {
    padding:0.75rem 1.25rem;
    font-size:1.125rem
}

.btn-primary {
    background-color:var(--aard-primary);
 border-color:var(--aard-primary);
    color:var(--aard-primary-inverse)
}

.btn-primary:hover {
    background-color:var(--aard-primary-hover);
    border-color:var(--aard-primary-hover)
}

.btn-primary:focus-visible {
    outline-color:var(--aard-primary-focus)
}

.btn-secondary {
    background-color:var(--aard-secondary);
 border-color:var(--aard-secondary);
    color:var(--aard-secondary-inverse)
}

.btn-secondary:hover {
    background-color:var(--aard-secondary-hover);
    border-color:var(--aard-secondary-hover)
}

.btn-secondary:focus-visible {
    outline-color:var(--aard-secondary-focus)
}

.btn-tertiary {
    background-color:var(--aard-tertiary);
 border-color:var(--aard-tertiary);
    color:var(--aard-tertiary-inverse)
}

.btn-tertiary:hover {
    background-color:var(--aard-tertiary-hover);
    border-color:var(--aard-tertiary-hover)
}

.btn-tertiary:focus-visible {
    outline-color:var(--aard-tertiary-focus)
}

.btn-contrast {
    background-color:var(--aard-contrast);
 border-color:var(--aard-contrast);
    color:var(--aard-contrast-inverse)
}

.btn-contrast:hover {
    background-color:var(--aard-contrast-hover);
    border-color:var(--aard-contrast-hover)
}

.btn-contrast:focus-visible {
    outline-color:var(--aard-contrast-focus)
}

.btn-success {
    background-color:var(--aard-success);
 border-color:var(--aard-success);
    color:var(--aard-success-inverse)
}

.btn-success:hover {
    background-color:var(--aard-success-hover);
    border-color:var(--aard-success-hover)
}

.btn-success:focus-visible {
    outline-color:var(--aard-success-focus)
}

.btn-info {
    background-color:var(--aard-info);
 border-color:var(--aard-info);
    color:var(--aard-info-inverse)
}

.btn-info:hover {
    background-color:var(--aard-info-hover);
    border-color:var(--aard-info-hover)
}

.btn-info:focus-visible {
    outline-color:var(--aard-info-focus)
}

.btn-warning {
    background-color:var(--aard-warning);
 border-color:var(--aard-warning);
    color:var(--aard-warning-inverse)
}

.btn-warning:hover {
    background-color:var(--aard-warning-hover);
    border-color:var(--aard-warning-hover)
}

.btn-warning:focus-visible {
    outline-color:var(--aard-warning-focus)
}

.btn-error {
    background-color:var(--aard-error);
 border-color:var(--aard-error);
    color:var(--aard-error-inverse)
}

.btn-error:hover {
    background-color:var(--aard-error-hover);
    border-color:var(--aard-error-hover)
}

.btn-error:focus-visible {
    outline-color:var(--aard-error-focus)
}

.btn-accent {
    background-color:var(--aard-accent);
 border-color:var(--aard-accent);
    color:var(--aard-accent-inverse)
}

.btn-accent:hover {
    background-color:var(--aard-accent-hover);
    border-color:var(--aard-accent-hover)
}

.btn-accent:focus-visible {
    outline-color:var(--aard-accent-focus)
}

.btn-pop {
    background-color:var(--aard-pop);
 border-color:var(--aard-pop);
    color:var(--aard-pop-inverse)
}

.btn-pop:hover {
    background-color:var(--aard-pop-hover);
    border-color:var(--aard-pop-hover)
}

.btn-pop:focus-visible {
    outline-color:var(--aard-pop-focus)
}

.btn-spark {
    background-color:var(--aard-spark);
 border-color:var(--aard-spark);
    color:var(--aard-spark-inverse)
}

.btn-spark:hover {
    background-color:var(--aard-spark-hover);
    border-color:var(--aard-spark-hover)
}

.btn-spark:focus-visible {
    outline-color:var(--aard-spark-focus)
}

.btn-outline {
    background-color:transparent
}

.btn-outline.btn-primary {
    color:var(--aard-primary);
    border-color:var(--aard-primary)
}

.btn-outline.btn-secondary {
    color:var(--aard-secondary);
    border-color:var(--aard-secondary)
}

.btn-outline.btn-tertiary {
    color:var(--aard-tertiary);
    border-color:var(--aard-tertiary)
}

.btn-outline.btn-contrast {
    color:var(--aard-contrast);
    border-color:var(--aard-contrast)
}

.btn-outline.btn-success {
    color:var(--aard-success);
    border-color:var(--aard-success)
}

.btn-outline.btn-info {
    color:var(--aard-info);
    border-color:var(--aard-info)
}

.btn-outline.btn-warning {
    color:var(--aard-warning);
    border-color:var(--aard-warning)
}

.btn-outline.btn-error {
    color:var(--aard-error);
    border-color:var(--aard-error)
}

.btn-outline.btn-accent {
    color:var(--aard-accent);
    border-color:var(--aard-accent)
}

.btn-outline.btn-pop {
    color:var(--aard-pop);
    border-color:var(--aard-pop)
}

.btn-outline.btn-spark {
    color:var(--aard-spark);
    border-color:var(--aard-spark)
}

.btn-outline.btn-primary:hover {
    background-color:var(--aard-primary);
    color:var(--aard-primary-inverse)
}

.btn-outline.btn-secondary:hover {
    background-color:var(--aard-secondary);
    color:var(--aard-secondary-inverse)
}

.btn-outline.btn-tertiary:hover {
    background-color:var(--aard-tertiary);
    color:var(--aard-tertiary-inverse)
}

.btn-outline.btn-contrast:hover {
    background-color:var(--aard-contrast);
    color:var(--aard-contrast-inverse)
}

.btn-outline.btn-success:hover {
    background-color:var(--aard-success);
    color:var(--aard-success-inverse)
}

.btn-outline.btn-info:hover {
    background-color:var(--aard-info);
    color:var(--aard-info-inverse)
}

.btn-outline.btn-warning:hover {
    background-color:var(--aard-warning);
    color:var(--aard-warning-inverse)
}

.btn-outline.btn-error:hover {
    background-color:var(--aard-error);
    color:var(--aard-error-inverse)
}

.btn-outline.btn-accent:hover {
    background-color:var(--aard-accent);
    color:var(--aard-accent-inverse)
}

.btn-outline.btn-pop:hover {
    background-color:var(--aard-pop);
    color:var(--aard-pop-inverse)
}

.btn-outline.btn-spark:hover {
    background-color:var(--aard-spark);
    color:var(--aard-spark-inverse)
}

.btn-link {
    background-color:transparent;
 border-color:transparent;
 color:var(--aard-primary);
 text-decoration:underline;
    text-underline-offset:2px
}

.btn-link:hover {
    color:var(--aard-primary-hover)
}

.card-primary {
    --card-color:var(--aard-primary);
    --card-bg:var(--aard-primary-background)
}

.card-secondary {
    --card-color:var(--aard-secondary);
    --card-bg:var(--aard-secondary-background)
}

.card-tertiary {
    --card-color:var(--aard-tertiary);
    --card-bg:var(--aard-tertiary-background)
}

.card-contrast {
    --card-color:var(--aard-contrast);
    --card-bg:var(--aard-contrast-background)
}

.card-success {
    --card-color:var(--aard-success);
    --card-bg:var(--aard-success-background)
}

.card-info {
    --card-color:var(--aard-info);
    --card-bg:var(--aard-info-background)
}

.card-warning {
    --card-color:var(--aard-warning);
    --card-bg:var(--aard-warning-background)
}

.card-error {
    --card-color:var(--aard-error);
    --card-bg:var(--aard-error-background)
}

.card-accent {
    --card-color:var(--aard-accent);
    --card-bg:var(--aard-accent-background)
}

.card-pop {
    --card-color:var(--aard-pop);
    --card-bg:var(--aard-pop-background)
}

.card-spark {
    --card-color:var(--aard-spark);
    --card-bg:var(--aard-spark-background)
}

article > *:last-child:not(header):not(footer) {
    margin-bottom:0
}

article[class*="card-"] {
    background-color:var(--card-bg)
}

article[class*="card-"] > header,article[class*="card-"] > footer {
    background-color:color-mix(in srgb,var(--card-color) 12%,var(--card-bg))
}

article[class*="card-"] > header {
    border-bottom-color:color-mix(in srgb,var(--card-color) 20%,transparent)
}

article[class*="card-"] > footer {
    border-top-color:color-mix(in srgb,var(--card-color) 20%,transparent)
}

input.input-sm,textarea.input-sm,select.input-sm {
    padding:0.375rem 0.625rem;
    font-size:0.8125rem
}

input.input-lg,textarea.input-lg,select.input-lg {
    padding:0.75rem 1rem;
    font-size:1.125rem
}

input.input-success,textarea.input-success,select.input-success {
    border-color:var(--aard-success)
}

input.input-success:focus,textarea.input-success:focus,select.input-success:focus {
    box-shadow:0 0 0 0.2rem var(--aard-success-focus)
}

input.input-warning,textarea.input-warning,select.input-warning {
    border-color:var(--aard-warning)
}

input.input-warning:focus,textarea.input-warning:focus,select.input-warning:focus {
    box-shadow:0 0 0 0.2rem var(--aard-warning-focus)
}

.hero-primary {
    --hero-color:var(--aard-primary);
    --hero-text:var(--aard-primary-inverse)
}

.hero-secondary {
    --hero-color:var(--aard-secondary);
    --hero-text:var(--aard-secondary-inverse)
}

.hero-tertiary {
    --hero-color:var(--aard-tertiary);
    --hero-text:var(--aard-tertiary-inverse)
}

.hero-contrast {
    --hero-color:var(--aard-contrast);
    --hero-text:var(--aard-contrast-inverse)
}

.hero-success {
    --hero-color:var(--aard-success);
    --hero-text:var(--aard-success-inverse)
}

.hero-info {
    --hero-color:var(--aard-info);
    --hero-text:var(--aard-info-inverse)
}

.hero-warning {
    --hero-color:var(--aard-warning);
    --hero-text:var(--aard-warning-inverse)
}

.hero-error {
    --hero-color:var(--aard-error);
    --hero-text:var(--aard-error-inverse)
}

.hero-accent {
    --hero-color:var(--aard-accent);
    --hero-text:var(--aard-accent-inverse)
}

.hero-pop {
    --hero-color:var(--aard-pop);
    --hero-text:var(--aard-pop-inverse)
}

.hero-spark {
    --hero-color:var(--aard-spark);
    --hero-text:var(--aard-spark-inverse)
}

.hero {
    text-align:center;
 padding:4rem 0 3rem;
 background:linear-gradient(135deg,color-mix(in oklch,var(--hero-color) 80%,#000) 0%,color-mix(in oklch,var(--hero-color) 50%,#000) 100%);
    color:var(--hero-text)
}

.hero h1 {
    font-size:3.5rem;
 color:inherit;
 margin-bottom:0.25rem;
    letter-spacing:-0.02em
}

.hero-tagline {
    font-size:1.35rem;
 opacity:0.9;
    margin-bottom:0.25rem
}

.hero-subtitle {
    font-size:1.05rem;
 opacity:0.75;
    margin-bottom:1.5rem
}

.hero-badges {
    display:flex;
 justify-content:center;
 gap:1rem;
 margin-bottom:2rem;
    flex-wrap:wrap
}

.hero-badges .badge {
    background:rgba(255,255,255,0.2);
 color:inherit;
 border-color:transparent;
    backdrop-filter:blur(4px)
}

.hero-actions {
    display:flex;
 justify-content:center;
 gap:1rem;
    flex-wrap:wrap
}

.hero-actions .btn-primary {
    background-color:var(--hero-text);
 border-color:var(--hero-text);
    color:var(--hero-color)
}

.hero-actions .btn-primary:hover {
    opacity:0.85
}

.hero-actions .btn-secondary {
    background-color:rgba(255,255,255,0.15);
 border-color:rgba(255,255,255,0.4);
    color:inherit
}

.hero-actions .btn-secondary:hover {
    background-color:rgba(255,255,255,0.25)
}

.hero.hero-flat {
    background:var(--hero-color)
}

.hero.hero-start {
    text-align:left
}

.hero.hero-start .hero-badges,.hero.hero-start .hero-actions {
    justify-content:flex-start
}

@media (max-width:640px) {
    .hero {
        padding:3rem 0 2rem
    }

 .hero h1 {
        font-size:2.5rem
    }

 .hero-tagline {
        font-size:1.15rem
    }

 .hero-subtitle {
        font-size:0.95rem
    }

}

@media (min-width:960px) {
    .hero {
        padding:5rem 0 4rem
    }

 .hero h1 {
        font-size:4rem
    }

 .hero-tagline {
        font-size:1.5rem
    }

}

dialog.modal-sm > article {
    max-width:400px
}

dialog.modal-lg > article {
    max-width:900px
}

dialog.modal-fullscreen > article {
    max-width:none;
 width:100vw;
 min-height:100vh;
 border-radius:0;
    margin:0
}

.modal-close {
    position:absolute;
 top:0;
 right:0;
 display:flex;
 align-items:center;
 justify-content:center;
 width:3rem;
 height:3rem;
 padding:0;
 border:none;
 background:transparent;
 color:var(--aard-secondary);
 font-size:1.25rem;
 line-height:1;
 cursor:pointer;
 opacity:0.6;
    transition:opacity 0.15s ease-in-out
}

.modal-close:hover {
    opacity:1
}

.modal-close:focus-visible {
    outline:2px solid currentColor;
 outline-offset:-2px;
    border-radius:0.25rem
}

nav > .navbar-toggle {
    display:none
}

nav > .navbar-burger {
    display:none;
 align-self:center;
 cursor:pointer;
 font-size:1.5rem;
 line-height:1;
    padding:0.25rem 0.5rem
}

nav a {
    text-decoration:none
}

:is(nav,:has(> nav)):is(.bg-primary,.bg-secondary,.bg-tertiary,.bg-contrast,.bg-accent,.bg-success,.bg-info,.bg-warning,.bg-error,.bg-pop,.bg-spark) {
    background:linear-gradient(135deg,color-mix(in oklch,var(--nav-bg) 80%,#000) 0%,color-mix(in oklch,var(--nav-bg) 50%,#000) 100%)
}

:is(nav,:has(> nav)).bg-primary {
    --nav-bg:var(--aard-primary)
}

:is(nav,:has(> nav)).bg-secondary {
    --nav-bg:var(--aard-secondary)
}

:is(nav,:has(> nav)).bg-tertiary {
    --nav-bg:var(--aard-tertiary)
}

:is(nav,:has(> nav)).bg-contrast {
    --nav-bg:var(--aard-contrast)
}

:is(nav,:has(> nav)).bg-accent {
    --nav-bg:var(--aard-accent)
}

:is(nav,:has(> nav)).bg-success {
    --nav-bg:var(--aard-success)
}

:is(nav,:has(> nav)).bg-info {
    --nav-bg:var(--aard-info)
}

:is(nav,:has(> nav)).bg-warning {
    --nav-bg:var(--aard-warning)
}

:is(nav,:has(> nav)).bg-error {
    --nav-bg:var(--aard-error)
}

:is(nav,:has(> nav)).bg-pop {
    --nav-bg:var(--aard-pop)
}

:is(nav,:has(> nav)).bg-spark {
    --nav-bg:var(--aard-spark)
}

body > header:has(> nav:only-child) {
    padding-block:0
}

nav details.dropdown {
    display:inline-block
}

nav .active {
    font-weight:bold
}

nav:is(.sticky-top,.fixed-top,.fixed-bottom) {
    z-index:100;
    box-shadow:var(--aard-box-shadow)
}

@media (max-width:639px) {
    nav:has(> .navbar-burger) {
        position:relative
    }

 nav > .navbar-burger {
        display:block
    }

 nav > .navbar-menu {
        display:none;
 z-index:99;
 position:absolute;
 top:100%;
 right:0;
 flex-direction:column;
 align-items:stretch;
 min-width:fit-content;
 margin:0;
 padding:0;
 border:var(--aard-border-width) solid var(--aard-dropdown-border-color);
 border-radius:var(--aard-border-radius);
 background-color:var(--aard-dropdown-background-color);
 box-shadow:var(--aard-dropdown-box-shadow);
 color:var(--aard-dropdown-color);
 white-space:nowrap;
        list-style:none
    }

 nav > .navbar-toggle:checked ~ .navbar-menu {
        display:flex
    }

 nav > .navbar-menu > li {
        width:100%;
 margin:0;
        padding:calc(var(--aard-form-element-spacing-vertical) * 0.5) var(--aard-form-element-spacing-horizontal)
    }

 nav > .navbar-menu > li:first-of-type {
        margin-top:calc(var(--aard-form-element-spacing-vertical) * 0.5)
    }

 nav > .navbar-menu > li:last-of-type {
        margin-bottom:calc(var(--aard-form-element-spacing-vertical) * 0.5)
    }

 nav > .navbar-menu > li > a {
        display:block;
 margin:calc(var(--aard-form-element-spacing-vertical) * -0.5) calc(var(--aard-form-element-spacing-horizontal) * -1);
 padding:calc(var(--aard-form-element-spacing-vertical) * 0.5) var(--aard-form-element-spacing-horizontal);
 border-radius:0;
 color:var(--aard-dropdown-color);
        text-decoration:none
    }

 nav > .navbar-menu > li > a:hover,nav > .navbar-menu > li > a:focus {
        background-color:var(--aard-dropdown-hover-background-color)
    }

}

.pagination {
    display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:0.25rem;
 padding:0;
 margin:0 0 1rem 0;
    list-style:none
}

.pagination li a,.pagination li span {
    display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:2.25rem;
 height:2.25rem;
 padding:0.25rem 0.625rem;
 font-size:0.875rem;
 line-height:1;
 text-decoration:none;
 border:1px solid var(--aard-secondary-background);
 border-radius:0.25rem;
 color:var(--aard-primary);
 background-color:transparent;
    transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out
}

.pagination li a:hover {
    color:var(--aard-primary-hover);
 background-color:var(--aard-primary-background);
    border-color:var(--aard-primary-background)
}

.pagination li a:focus-visible {
    outline:2px solid var(--aard-primary-focus);
    outline-offset:1px
}

.pagination li.active a,.pagination li.active a:hover {
    color:var(--aard-primary-inverse);
 background-color:var(--aard-primary);
 border-color:var(--aard-primary);
 cursor:default;
    pointer-events:none
}

.pagination li.disabled a,.pagination li.disabled span,.pagination li.disabled a:hover {
    color:var(--aard-secondary);
 opacity:0.5;
 background-color:transparent;
 border-color:var(--aard-secondary-background);
 cursor:not-allowed;
    pointer-events:none
}

.pagination-ellipsis span {
    border-color:transparent;
 color:var(--aard-secondary);
    cursor:default
}

.pagination-prev a,.pagination-next a {
    font-weight:500
}

.pagination-centered {
    justify-content:center
}

.pagination-end {
    justify-content:flex-end
}

.pagination-sm li a,.pagination-sm li span {
    min-width:1.75rem;
 height:1.75rem;
 padding:0.15rem 0.45rem;
    font-size:0.75rem
}

.pagination-lg li a,.pagination-lg li span {
    min-width:2.75rem;
 height:2.75rem;
 padding:0.375rem 0.8rem;
    font-size:1rem
}

.pagination-borderless li a,.pagination-borderless li span {
    border-color:transparent
}

.pagination-borderless li a:hover {
    border-color:transparent
}

@media (max-width:639px) {
    .pagination-responsive li:not(.pagination-prev):not(.pagination-next):not(.active) {
        display:none
    }

 .pagination-responsive {
        justify-content:space-between;
        width:100%
    }

}

progress.progress-primary {
    accent-color:var(--aard-primary)
}

progress.progress-primary::-webkit-progress-value {
    background-color:var(--aard-primary)
}

progress.progress-primary::-moz-progress-bar {
    background-color:var(--aard-primary)
}

progress.progress-secondary {
    accent-color:var(--aard-secondary)
}

progress.progress-secondary::-webkit-progress-value {
    background-color:var(--aard-secondary)
}

progress.progress-secondary::-moz-progress-bar {
    background-color:var(--aard-secondary)
}

progress.progress-tertiary {
    accent-color:var(--aard-tertiary)
}

progress.progress-tertiary::-webkit-progress-value {
    background-color:var(--aard-tertiary)
}

progress.progress-tertiary::-moz-progress-bar {
    background-color:var(--aard-tertiary)
}

progress.progress-contrast {
    accent-color:var(--aard-contrast)
}

progress.progress-contrast::-webkit-progress-value {
    background-color:var(--aard-contrast)
}

progress.progress-contrast::-moz-progress-bar {
    background-color:var(--aard-contrast)
}

progress.progress-success {
    accent-color:var(--aard-success)
}

progress.progress-success::-webkit-progress-value {
    background-color:var(--aard-success)
}

progress.progress-success::-moz-progress-bar {
    background-color:var(--aard-success)
}

progress.progress-info {
    accent-color:var(--aard-info)
}

progress.progress-info::-webkit-progress-value {
    background-color:var(--aard-info)
}

progress.progress-info::-moz-progress-bar {
    background-color:var(--aard-info)
}

progress.progress-warning {
    accent-color:var(--aard-warning)
}

progress.progress-warning::-webkit-progress-value {
    background-color:var(--aard-warning)
}

progress.progress-warning::-moz-progress-bar {
    background-color:var(--aard-warning)
}

progress.progress-error {
    accent-color:var(--aard-error)
}

progress.progress-error::-webkit-progress-value {
    background-color:var(--aard-error)
}

progress.progress-error::-moz-progress-bar {
    background-color:var(--aard-error)
}

progress.progress-accent {
    accent-color:var(--aard-accent)
}

progress.progress-accent::-webkit-progress-value {
    background-color:var(--aard-accent)
}

progress.progress-accent::-moz-progress-bar {
    background-color:var(--aard-accent)
}

progress.progress-pop {
    accent-color:var(--aard-pop)
}

progress.progress-pop::-webkit-progress-value {
    background-color:var(--aard-pop)
}

progress.progress-pop::-moz-progress-bar {
    background-color:var(--aard-pop)
}

progress.progress-spark {
    accent-color:var(--aard-spark)
}

progress.progress-spark::-webkit-progress-value {
    background-color:var(--aard-spark)
}

progress.progress-spark::-moz-progress-bar {
    background-color:var(--aard-spark)
}

.skeleton {
    display:block;
 background-color:var(--aard-secondary-background);
 color:transparent;
 border-radius:0.25rem;
 background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.08) 50%,transparent 100%);
 background-size:200% 100%;
 animation:aard-shimmer 1.5s ease-in-out infinite;
 user-select:none;
    pointer-events:none
}

@keyframes aard-shimmer {
    0% {
        background-position:200% 0
    }

 100% {
        background-position:-200% 0
    }

}

.skeleton-text {
    height:1em;
    margin-bottom:0.5rem
}

.skeleton-text:last-child {
    width:75%
}

.skeleton-title {
    height:1.5rem;
 width:50%;
    margin-bottom:0.75rem
}

.skeleton-avatar {
    width:3rem;
 height:3rem;
    border-radius:50%
}

.skeleton-image {
    height:12rem;
    border-radius:0.5rem
}

.spinner {
    display:inline-block;
 width:1.5rem;
 height:1.5rem;
 border:0.2em solid var(--aard-secondary-background);
 border-top-color:var(--aard-primary);
 border-radius:50%;
    animation:aard-spin 0.6s linear infinite
}

@keyframes aard-spin {
    to {
        transform:rotate(360deg)
    }

}

.spinner-sm {
    width:1rem;
 height:1rem;
    border-width:0.15em
}

.spinner-lg {
    width:2.5rem;
 height:2.5rem;
    border-width:0.25em
}

.spinner-primary {
    border-top-color:var(--aard-primary)
}

.spinner-secondary {
    border-top-color:var(--aard-secondary)
}

.spinner-tertiary {
    border-top-color:var(--aard-tertiary)
}

.spinner-contrast {
    border-top-color:var(--aard-contrast)
}

.spinner-success {
    border-top-color:var(--aard-success)
}

.spinner-info {
    border-top-color:var(--aard-info)
}

.spinner-warning {
    border-top-color:var(--aard-warning)
}

.spinner-error {
    border-top-color:var(--aard-error)
}

.spinner-accent {
    border-top-color:var(--aard-accent)
}

.spinner-pop {
    border-top-color:var(--aard-pop)
}

.spinner-spark {
    border-top-color:var(--aard-spark)
}

.table-striped tbody tr:nth-child(odd) th,.table-striped tbody tr:nth-child(odd) td {
    background-color:color-mix(in srgb,var(--aard-secondary-background) 50%,transparent)
}

.table-hover tbody tr:hover th,.table-hover tbody tr:hover td {
    background-color:var(--aard-secondary-background)
}

.table-bordered,.table-bordered th,.table-bordered td {
    border:1px solid color-mix(in srgb,var(--aard-muted-color) 30%,var(--aard-muted-border-color))
}

.table-compact th,.table-compact td {
    padding:0.25rem 0.5rem
}

thead th,thead td {
    background-color:color-mix(in srgb,var(--aard-secondary) 8%,transparent)
}

.table-bordered thead th,.table-bordered thead td {
    border-bottom-width:2px
}

.tabs {
    display:flex;
 list-style:none;
 padding:0;
 margin:0 0 1rem 0;
 border-bottom:2px solid var(--aard-secondary-background);
    gap:0
}

.tabs li {
    list-style:none;
    margin-bottom:-2px
}

.tabs a {
    display:block;
 padding:0.625rem 1rem;
 text-decoration:none;
 color:var(--aard-secondary);
 border-bottom:2px solid transparent;
    transition:color 0.15s,border-color 0.15s
}

.tabs a:hover {
    color:var(--aard-primary-hover)
}

.tabs a[aria-selected="true"] {
    color:var(--aard-primary);
 border-bottom-color:var(--aard-primary);
    font-weight:600
}

.tabs-pills {
    border-bottom:none;
    gap:0.25rem
}

.tabs-pills li {
    margin-bottom:0
}

.tabs-pills a {
    border-bottom:none;
    border-radius:0.375rem
}

.tabs-pills a:hover {
    background-color:var(--aard-secondary-background)
}

.tabs-pills a[aria-selected="true"] {
    color:var(--aard-primary-inverse);
    background-color:var(--aard-primary)
}

.tabs-centered {
    justify-content:center
}

.tabs-end {
    justify-content:flex-end
}

.tabs-fullwidth li {
    flex:1;
    text-align:center
}

.toast {
    position:fixed;
 z-index:1050;
    max-width:350px
}

.toast .alert {
    margin-bottom:0
}

.toast-top-right {
    top:1rem;
    right:1rem
}

.toast-top-left {
    top:1rem;
    left:1rem
}

.toast-bottom-right {
    bottom:1rem;
    right:1rem
}

.toast-bottom-left {
    bottom:1rem;
    left:1rem
}

.toast-top-center {
    top:1rem;
 left:50%;
    transform:translateX(-50%)
}

.toast-bottom-center {
    bottom:1rem;
 left:50%;
    transform:translateX(-50%)
}

@media (max-width:639px) {
    .toast {
        left:1rem;
 right:1rem;
 max-width:none;
        transform:none
    }

}

var {
    font-family:var(--aard-font-family-monospace);
 font-size:0.875em;
 font-style:italic;
 display:inline-block;
 padding:0.375rem;
 border-radius:var(--aard-border-radius);
 background:var(--aard-code-background-color);
 color:var(--aard-code-color);
 font-weight:var(--aard-font-weight);
    line-height:initial
}