/* 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:#c52f21;
    --aard-primary-background:#f6cabf;
    --aard-primary-hover:#861d13;
    --aard-primary-hover-background:#c52f21;
    --aard-primary-focus:rgba(197,47,33,0.375);
    --aard-primary-inverse:#fff;
    --aard-primary-underline:rgba(197,47,33,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:#655cd6;
    --aard-contrast-background:#d8d0f1;
    --aard-contrast-hover:#3838ab;
    --aard-contrast-hover-background:#655cd6;
    --aard-contrast-focus:rgba(101,92,214,0.375);
    --aard-contrast-inverse:#fff;
    --aard-contrast-underline:rgba(101,92,214,0.5);
    --aard-accent:#007a50;
    --aard-accent-background:#39f1a6;
    --aard-accent-hover:#015234;
    --aard-accent-hover-background:#007a50;
    --aard-accent-focus:rgba(0,122,80,0.375);
    --aard-accent-inverse:#fff;
    --aard-accent-underline:rgba(0,122,80,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:#0172ad;
    --aard-info-background:#b7d9fc;
    --aard-info-hover:#014c75;
    --aard-info-hover-background:#0172ad;
    --aard-info-focus:rgba(1,114,173,0.375);
    --aard-info-inverse:#fff;
    --aard-info-underline:rgba(1,114,173,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:#c72259;
    --aard-error-background:#f9c8ce;
    --aard-error-hover:#88143b;
    --aard-error-hover-background:#c72259;
    --aard-error-focus:rgba(199,34,89,0.375);
    --aard-error-inverse:#fff;
    --aard-error-underline:rgba(199,34,89,0.5);
    --aard-pop:#00b478;
    --aard-pop-background:#70fcba;
    --aard-pop-hover:#00895a;
    --aard-pop-hover-background:#00b478;
    --aard-pop-focus:rgba(0,180,120,0.375);
    --aard-pop-inverse:#fff;
    --aard-pop-underline:rgba(0,180,120,0.5);
    --aard-spark:#a294e5;
    --aard-spark-background:#e5e0f4;
    --aard-spark-hover:#7569da;
    --aard-spark-hover-background:#a294e5;
    --aard-spark-focus:rgba(162,148,229,0.375);
    --aard-spark-inverse:#fff;
    --aard-spark-underline:rgba(162,148,229,0.5)
}
@media only screen and (prefers-color-scheme:dark) {:root:not([data-theme]) {--aard-primary:#ee402e;
        --aard-primary-background:#45150c;
        --aard-primary-hover:#f38f79;
        --aard-primary-hover-background:#ee402e;
        --aard-primary-focus:rgba(238,64,46,0.375);
        --aard-primary-inverse:#fff;
        --aard-primary-underline:rgba(238,64,46,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:#8577dd;
        --aard-contrast-background:#1f1e5e;
        --aard-contrast-hover:#b0a3e8;
        --aard-contrast-hover-background:#8577dd;
        --aard-contrast-focus:rgba(133,119,221,0.375);
        --aard-contrast-inverse:#fff;
        --aard-contrast-underline:rgba(133,119,221,0.5);
        --aard-accent:#029764;
        --aard-accent-background:#042c1b;
        --aard-accent-hover:#00c482;
        --aard-accent-hover-background:#029764;
        --aard-accent-focus:rgba(2,151,100,0.375);
        --aard-accent-inverse:#fff;
        --aard-accent-underline:rgba(2,151,100,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:#018cd4;
        --aard-info-background:#052940;
        --aard-info-hover:#51b4ff;
        --aard-info-hover-background:#018cd4;
        --aard-info-focus:rgba(1,140,212,0.375);
        --aard-info-inverse:#fff;
        --aard-info-underline:rgba(1,140,212,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:#f42c6f;
        --aard-error-background:#4b0c1f;
        --aard-error-hover:#f8889e;
        --aard-error-hover-background:#f42c6f;
        --aard-error-focus:rgba(244,44,111,0.375);
        --aard-error-inverse:#fff;
        --aard-error-underline:rgba(244,44,111,0.5);
        --aard-pop:#00cc88;
        --aard-pop-background:#052014;
        --aard-pop-hover:#39f1a6;
        --aard-pop-hover-background:#00cc88;
        --aard-pop-focus:rgba(0,204,136,0.375);
        --aard-pop-inverse:#000;
        --aard-pop-underline:rgba(0,204,136,0.5);
        --aard-spark:#bdb2ec;
        --aard-spark-background:#181546;
        --aard-spark-hover:#d8d0f1;
        --aard-spark-hover-background:#bdb2ec;
        --aard-spark-focus:rgba(189,178,236,0.375);
        --aard-spark-inverse:#000;
        --aard-spark-underline:rgba(189,178,236,0.5)
    }

}
[data-theme="dark"] {--aard-primary:#ee402e;
    --aard-primary-background:#45150c;
    --aard-primary-hover:#f38f79;
    --aard-primary-hover-background:#ee402e;
    --aard-primary-focus:rgba(238,64,46,0.375);
    --aard-primary-inverse:#fff;
    --aard-primary-underline:rgba(238,64,46,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:#8577dd;
    --aard-contrast-background:#1f1e5e;
    --aard-contrast-hover:#b0a3e8;
    --aard-contrast-hover-background:#8577dd;
    --aard-contrast-focus:rgba(133,119,221,0.375);
    --aard-contrast-inverse:#fff;
    --aard-contrast-underline:rgba(133,119,221,0.5);
    --aard-accent:#029764;
    --aard-accent-background:#042c1b;
    --aard-accent-hover:#00c482;
    --aard-accent-hover-background:#029764;
    --aard-accent-focus:rgba(2,151,100,0.375);
    --aard-accent-inverse:#fff;
    --aard-accent-underline:rgba(2,151,100,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:#018cd4;
    --aard-info-background:#052940;
    --aard-info-hover:#51b4ff;
    --aard-info-hover-background:#018cd4;
    --aard-info-focus:rgba(1,140,212,0.375);
    --aard-info-inverse:#fff;
    --aard-info-underline:rgba(1,140,212,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:#f42c6f;
    --aard-error-background:#4b0c1f;
    --aard-error-hover:#f8889e;
    --aard-error-hover-background:#f42c6f;
    --aard-error-focus:rgba(244,44,111,0.375);
    --aard-error-inverse:#fff;
    --aard-error-underline:rgba(244,44,111,0.5);
    --aard-pop:#00cc88;
    --aard-pop-background:#052014;
    --aard-pop-hover:#39f1a6;
    --aard-pop-hover-background:#00cc88;
    --aard-pop-focus:rgba(0,204,136,0.375);
    --aard-pop-inverse:#000;
    --aard-pop-underline:rgba(0,204,136,0.5);
    --aard-spark:#bdb2ec;
    --aard-spark-background:#181546;
    --aard-spark-hover:#d8d0f1;
    --aard-spark-hover-background:#bdb2ec;
    --aard-spark-focus:rgba(189,178,236,0.375);
    --aard-spark-inverse:#000;
    --aard-spark-underline:rgba(189,178,236,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
}