@charset "UTF-8";
/*! */
:root{
    --font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --line-height:1.5;
    --font-weight:400;
    --font-size:16px;
    --border-radius:0.25rem;
    --border-width:1px;
    --outline-width:3px;
    --spacing:1rem;
    --typography-spacing-vertical:1.5rem;
    --block-spacing-vertical:calc(var(--spacing) * 2);
    --block-spacing-horizontal:var(--spacing);
    --grid-spacing-vertical:0;
    --grid-spacing-horizontal:var(--spacing);
    --form-element-spacing-vertical:0.75rem;
    --form-element-spacing-horizontal:1rem;
    --nav-element-spacing-vertical:1rem;
    --nav-element-spacing-horizontal:0.5rem;
    --nav-link-spacing-vertical:0.5rem;
    --nav-link-spacing-horizontal:0.5rem;
    --form-label-font-weight:var(--font-weight);
    --transition:0.2s ease-in-out;
    --modal-overlay-backdrop-filter:blur(0.25rem)
}
@media (min-width:576px){
    :root{
        --font-size:17px
    }
}
@media (min-width:768px){
    :root{
        --font-size:18px
    }
}
@media (min-width:992px){
    :root{
        --font-size:19px
    }
}
@media (min-width:1200px){
    :root{
        --font-size:20px
    }
}
@media (min-width:576px){
    body>footer,body>header,body>main,section{
        --block-spacing-vertical:calc(var(--spacing) * 2.5)
    }
}
@media (min-width:768px){
    body>footer,body>header,body>main,section{
        --block-spacing-vertical:calc(var(--spacing) * 3)
    }
}
@media (min-width:992px){
    body>footer,body>header,body>main,section{
        --block-spacing-vertical:calc(var(--spacing) * 3.5)
    }
}
@media (min-width:1200px){
    body>footer,body>header,body>main,section{
        --block-spacing-vertical:calc(var(--spacing) * 4)
    }
}
@media (min-width:576px){
    article{
        --block-spacing-horizontal:calc(var(--spacing) * 1.25)
    }
}
@media (min-width:768px){
    article{
        --block-spacing-horizontal:calc(var(--spacing) * 1.5)
    }
}
@media (min-width:992px){
    article{
        --block-spacing-horizontal:calc(var(--spacing) * 1.75)
    }
}
@media (min-width:1200px){
    article{
        --block-spacing-horizontal:calc(var(--spacing) * 2)
    }
}
dialog>article{
    --block-spacing-vertical:calc(var(--spacing) * 2);
    --block-spacing-horizontal:var(--spacing)
}
@media (min-width:576px){
    dialog>article{
        --block-spacing-vertical:calc(var(--spacing) * 2.5);
        --block-spacing-horizontal:calc(var(--spacing) * 1.25)
    }
}
@media (min-width:768px){
    dialog>article{
        --block-spacing-vertical:calc(var(--spacing) * 3);
        --block-spacing-horizontal:calc(var(--spacing) * 1.5)
    }
}
a{
    --text-decoration:none
}
a.contrast,a.secondary{
    --text-decoration:underline
}
small{
    --font-size:0.875em
}
h1,h2,h3,h4,h5,h6{
    --font-weight:700
}
h1{
    --font-size:2rem;
    --typography-spacing-vertical:3rem
}
h2{
    --font-size:1.75rem;
    --typography-spacing-vertical:2.625rem
}
h3{
    --font-size:1.5rem;
    --typography-spacing-vertical:2.25rem
}
h4{
    --font-size:1.25rem;
    --typography-spacing-vertical:1.874rem
}
h5{
    --font-size:1.125rem;
    --typography-spacing-vertical:1.6875rem
}
[type=checkbox],[type=radio]{
    --border-width:2px
}
[type=checkbox][role=switch]{
    --border-width:3px
}
tfoot td,tfoot th,thead td,thead th{
    --border-width:3px
}
:not(thead,tfoot)>*>td{
    --font-size:0.875em
}
code,kbd,pre,samp{
    --font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
kbd{
    --font-weight:bolder
}
:root:not([data-theme=dark]),[data-theme=light]{
    --background-color:#fff;
    --color:hsl(205, 20%, 32%);
    --h1-color:hsl(205, 30%, 15%);
    --h2-color:#24333e;
    --h3-color:hsl(205, 25%, 23%);
    --h4-color:#374956;
    --h5-color:hsl(205, 20%, 32%);
    --h6-color:#4d606d;
    --muted-color:hsl(205, 10%, 50%);
    --muted-border-color:hsl(205, 20%, 94%);
    --primary:hsl(195, 85%, 41%);
    --primary-hover:hsl(195, 90%, 32%);
    --primary-focus:rgba(16, 149, 193, 0.125);
    --primary-inverse:#fff;
    --secondary:hsl(205, 15%, 41%);
    --secondary-hover:hsl(205, 20%, 32%);
    --secondary-focus:rgba(89, 107, 120, 0.125);
    --secondary-inverse:#fff;
    --contrast:hsl(205, 30%, 15%);
    --contrast-hover:#000;
    --contrast-focus:rgba(89, 107, 120, 0.125);
    --contrast-inverse:#fff;
    --mark-background-color:#fff2ca;
    --mark-color:#543a26;
    --ins-color:#388e3c;
    --del-color:#c62828;
    --blockquote-border-color:var(--muted-border-color);
    --blockquote-footer-color:var(--muted-color);
    --button-box-shadow:0 0 0 rgba(0, 0, 0, 0);
    --button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);
    --form-element-background-color:transparent;
    --form-element-border-color:hsl(205, 14%, 68%);
    --form-element-color:var(--color);
    --form-element-placeholder-color:var(--muted-color);
    --form-element-active-background-color:transparent;
    --form-element-active-border-color:var(--primary);
    --form-element-focus-color:var(--primary-focus);
    --form-element-disabled-background-color:hsl(205, 18%, 86%);
    --form-element-disabled-border-color:hsl(205, 14%, 68%);
    --form-element-disabled-opacity:0.5;
    --form-element-invalid-border-color:#c62828;
    --form-element-invalid-active-border-color:#d32f2f;
    --form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);
    --form-element-valid-border-color:#388e3c;
    --form-element-valid-active-border-color:#43a047;
    --form-element-valid-focus-color:rgba(67, 160, 71, 0.125);
    --switch-background-color:hsl(205, 16%, 77%);
    --switch-color:var(--primary-inverse);
    --switch-checked-background-color:var(--primary);
    --range-border-color:hsl(205, 18%, 86%);
    --range-active-border-color:hsl(205, 16%, 77%);
    --range-thumb-border-color:var(--background-color);
    --range-thumb-color:var(--secondary);
    --range-thumb-hover-color:var(--secondary-hover);
    --range-thumb-active-color:var(--primary);
    --table-border-color:var(--muted-border-color);
    --table-row-stripped-background-color:#f6f8f9;
    --code-background-color:hsl(205, 20%, 94%);
    --code-color:var(--muted-color);
    --code-kbd-background-color:var(--contrast);
    --code-kbd-color:var(--contrast-inverse);
    --code-tag-color:hsl(330, 40%, 50%);
    --code-property-color:hsl(185, 40%, 40%);
    --code-value-color:hsl(40, 20%, 50%);
    --code-comment-color:hsl(205, 14%, 68%);
    --accordion-border-color:var(--muted-border-color);
    --accordion-close-summary-color:var(--color);
    --accordion-open-summary-color:var(--muted-color);
    --card-background-color:var(--background-color);
    --card-border-color:var(--muted-border-color);
    --card-box-shadow:0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698),0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024),0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03),0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036),0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302),0.5rem 1rem 6rem rgba(27, 40, 50, 0.06),0 0 0 0.0625rem rgba(27, 40, 50, 0.015);
    --card-sectionning-background-color:#fbfbfc;
    --dropdown-background-color:#fbfbfc;
    --dropdown-border-color:#e1e6eb;
    --dropdown-box-shadow:var(--card-box-shadow);
    --dropdown-color:var(--color);
    --dropdown-hover-background-color:hsl(205, 20%, 94%);
    --modal-overlay-background-color:rgba(213, 220, 226, 0.7);
    --progress-background-color:hsl(205, 18%, 86%);
    --progress-color:var(--primary);
    --loading-spinner-opacity:0.5;
    --tooltip-background-color:var(--contrast);
    --tooltip-color:var(--contrast-inverse);
    --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");
    --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(65, 84, 98)' 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");
    --icon-chevron-button: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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    --icon-chevron-button-inverse: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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    --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(115, 130, 140)' stroke-width='4' 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");
    --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(65, 84, 98)' 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");
    --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(198, 40, 40)' 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");
    --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");
    --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(65, 84, 98)' stroke-width='2' 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");
    --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(65, 84, 98)' 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");
    --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(56, 142, 60)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    color-scheme:light
}
@media only screen and (prefers-color-scheme:dark){
    :root:not([data-theme]){
        --background-color:#11191f;
        --color:hsl(205, 16%, 77%);
        --h1-color:hsl(205, 20%, 94%);
        --h2-color:#e1e6eb;
        --h3-color:hsl(205, 18%, 86%);
        --h4-color:#c8d1d8;
        --h5-color:hsl(205, 16%, 77%);
        --h6-color:#afbbc4;
        --muted-color:hsl(205, 10%, 50%);
        --muted-border-color:#1f2d38;
        --primary:hsl(195, 85%, 41%);
        --primary-hover:hsl(195, 80%, 50%);
        --primary-focus:rgba(16, 149, 193, 0.25);
        --primary-inverse:#fff;
        --secondary:hsl(205, 15%, 41%);
        --secondary-hover:hsl(205, 10%, 50%);
        --secondary-focus:rgba(115, 130, 140, 0.25);
        --secondary-inverse:#fff;
        --contrast:hsl(205, 20%, 94%);
        --contrast-hover:#fff;
        --contrast-focus:rgba(115, 130, 140, 0.25);
        --contrast-inverse:#000;
        --mark-background-color:#d1c284;
        --mark-color:#11191f;
        --ins-color:#388e3c;
        --del-color:#c62828;
        --blockquote-border-color:var(--muted-border-color);
        --blockquote-footer-color:var(--muted-color);
        --button-box-shadow:0 0 0 rgba(0, 0, 0, 0);
        --button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);
        --form-element-background-color:#11191f;
        --form-element-border-color:#374956;
        --form-element-color:var(--color);
        --form-element-placeholder-color:var(--muted-color);
        --form-element-active-background-color:var(--form-element-background-color);
        --form-element-active-border-color:var(--primary);
        --form-element-focus-color:var(--primary-focus);
        --form-element-disabled-background-color:hsl(205, 25%, 23%);
        --form-element-disabled-border-color:hsl(205, 20%, 32%);
        --form-element-disabled-opacity:0.5;
        --form-element-invalid-border-color:#b71c1c;
        --form-element-invalid-active-border-color:#c62828;
        --form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);
        --form-element-valid-border-color:#2e7d32;
        --form-element-valid-active-border-color:#388e3c;
        --form-element-valid-focus-color:rgba(56, 142, 60, 0.25);
        --switch-background-color:#374956;
        --switch-color:var(--primary-inverse);
        --switch-checked-background-color:var(--primary);
        --range-border-color:#24333e;
        --range-active-border-color:hsl(205, 25%, 23%);
        --range-thumb-border-color:var(--background-color);
        --range-thumb-color:var(--secondary);
        --range-thumb-hover-color:var(--secondary-hover);
        --range-thumb-active-color:var(--primary);
        --table-border-color:var(--muted-border-color);
        --table-row-stripped-background-color:rgba(115, 130, 140, 0.05);
        --code-background-color:#18232c;
        --code-color:var(--muted-color);
        --code-kbd-background-color:var(--contrast);
        --code-kbd-color:var(--contrast-inverse);
        --code-tag-color:hsl(330, 30%, 50%);
        --code-property-color:hsl(185, 30%, 50%);
        --code-value-color:hsl(40, 10%, 50%);
        --code-comment-color:#4d606d;
        --accordion-border-color:var(--muted-border-color);
        --accordion-active-summary-color:var(--primary);
        --accordion-close-summary-color:var(--color);
        --accordion-open-summary-color:var(--muted-color);
        --card-background-color:#141e26;
        --card-border-color:var(--card-background-color);
        --card-box-shadow:0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
        --card-sectionning-background-color:#18232c;
        --dropdown-background-color:hsl(205, 30%, 15%);
        --dropdown-border-color:#24333e;
        --dropdown-box-shadow:var(--card-box-shadow);
        --dropdown-color:var(--color);
        --dropdown-hover-background-color:rgba(36, 51, 62, 0.75);
        --modal-overlay-background-color:rgba(36, 51, 62, 0.8);
        --progress-background-color:#24333e;
        --progress-color:var(--primary);
        --loading-spinner-opacity:0.5;
        --tooltip-background-color:var(--contrast);
        --tooltip-color:var(--contrast-inverse);
        --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");
        --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(162, 175, 185)' 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");
        --icon-chevron-button: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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
        --icon-chevron-button-inverse: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(0, 0, 0)' 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");
        --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(115, 130, 140)' stroke-width='4' 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");
        --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(162, 175, 185)' 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");
        --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(183, 28, 28)' 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");
        --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");
        --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(162, 175, 185)' stroke-width='2' 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");
        --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(162, 175, 185)' 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");
        --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(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
        color-scheme:dark
    }
}
[data-theme=dark]{
    --background-color:#11191f;
    --color:hsl(205, 16%, 77%);
    --h1-color:hsl(205, 20%, 94%);
    --h2-color:#e1e6eb;
    --h3-color:hsl(205, 18%, 86%);
    --h4-color:#c8d1d8;
    --h5-color:hsl(205, 16%, 77%);
    --h6-color:#afbbc4;
    --muted-color:hsl(205, 10%, 50%);
    --muted-border-color:#1f2d38;
    --primary:hsl(195, 85%, 41%);
    --primary-hover:hsl(195, 80%, 50%);
    --primary-focus:rgba(16, 149, 193, 0.25);
    --primary-inverse:#fff;
    --secondary:hsl(205, 15%, 41%);
    --secondary-hover:hsl(205, 10%, 50%);
    --secondary-focus:rgba(115, 130, 140, 0.25);
    --secondary-inverse:#fff;
    --contrast:hsl(205, 20%, 94%);
    --contrast-hover:#fff;
    --contrast-focus:rgba(115, 130, 140, 0.25);
    --contrast-inverse:#000;
    --mark-background-color:#d1c284;
    --mark-color:#11191f;
    --ins-color:#388e3c;
    --del-color:#c62828;
    --blockquote-border-color:var(--muted-border-color);
    --blockquote-footer-color:var(--muted-color);
    --button-box-shadow:0 0 0 rgba(0, 0, 0, 0);
    --button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);
    --form-element-background-color:#11191f;
    --form-element-border-color:#374956;
    --form-element-color:var(--color);
    --form-element-placeholder-color:var(--muted-color);
    --form-element-active-background-color:var(--form-element-background-color);
    --form-element-active-border-color:var(--primary);
    --form-element-focus-color:var(--primary-focus);
    --form-element-disabled-background-color:hsl(205, 25%, 23%);
    --form-element-disabled-border-color:hsl(205, 20%, 32%);
    --form-element-disabled-opacity:0.5;
    --form-element-invalid-border-color:#b71c1c;
    --form-element-invalid-active-border-color:#c62828;
    --form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);
    --form-element-valid-border-color:#2e7d32;
    --form-element-valid-active-border-color:#388e3c;
    --form-element-valid-focus-color:rgba(56, 142, 60, 0.25);
    --switch-background-color:#374956;
    --switch-color:var(--primary-inverse);
    --switch-checked-background-color:var(--primary);
    --range-border-color:#24333e;
    --range-active-border-color:hsl(205, 25%, 23%);
    --range-thumb-border-color:var(--background-color);
    --range-thumb-color:var(--secondary);
    --range-thumb-hover-color:var(--secondary-hover);
    --range-thumb-active-color:var(--primary);
    --table-border-color:var(--muted-border-color);
    --table-row-stripped-background-color:rgba(115, 130, 140, 0.05);
    --code-background-color:#18232c;
    --code-color:var(--muted-color);
    --code-kbd-background-color:var(--contrast);
    --code-kbd-color:var(--contrast-inverse);
    --code-tag-color:hsl(330, 30%, 50%);
    --code-property-color:hsl(185, 30%, 50%);
    --code-value-color:hsl(40, 10%, 50%);
    --code-comment-color:#4d606d;
    --accordion-border-color:var(--muted-border-color);
    --accordion-active-summary-color:var(--primary);
    --accordion-close-summary-color:var(--color);
    --accordion-open-summary-color:var(--muted-color);
    --card-background-color:#141e26;
    --card-border-color:var(--card-background-color);
    --card-box-shadow:0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
    --card-sectionning-background-color:#18232c;
    --dropdown-background-color:hsl(205, 30%, 15%);
    --dropdown-border-color:#24333e;
    --dropdown-box-shadow:var(--card-box-shadow);
    --dropdown-color:var(--color);
    --dropdown-hover-background-color:rgba(36, 51, 62, 0.75);
    --modal-overlay-background-color:rgba(36, 51, 62, 0.8);
    --progress-background-color:#24333e;
    --progress-color:var(--primary);
    --loading-spinner-opacity:0.5;
    --tooltip-background-color:var(--contrast);
    --tooltip-color:var(--contrast-inverse);
    --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");
    --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(162, 175, 185)' 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");
    --icon-chevron-button: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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    --icon-chevron-button-inverse: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(0, 0, 0)' 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");
    --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(115, 130, 140)' stroke-width='4' 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");
    --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(162, 175, 185)' 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");
    --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(183, 28, 28)' 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");
    --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");
    --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(162, 175, 185)' stroke-width='2' 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");
    --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(162, 175, 185)' 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");
    --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(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    color-scheme:dark
}
[type=checkbox],[type=radio],[type=range],progress{
    accent-color:var(--primary)
}
*,::after,::before{
    box-sizing:border-box;
    background-repeat:no-repeat
}
::after,::before{
    text-decoration:inherit;
    vertical-align:inherit
}
:where(:root){
    -webkit-tap-highlight-color:transparent;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    text-size-adjust:100%;
    background-color:var(--background-color);
    color:var(--color);
    font-weight:var(--font-weight);
    font-size:var(--font-size);
    line-height:var(--line-height);
    font-family:var(--font-family);
    text-rendering:optimizeLegibility;
    overflow-wrap:break-word;
    cursor:default;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4
}
main{
    display:block
}
body{
    width:100%;
    margin:0
}
body>footer,body>header,body>main{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding:var(--block-spacing-vertical) 0
}
.container,.container-fluid{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding-right:var(--spacing);
    padding-left:var(--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:992px){
    .container{
        max-width:920px
    }
}
@media (min-width:1200px){
    .container{
        max-width:1130px
    }
}
section{
    margin-bottom:var(--block-spacing-vertical)
}
.grid{
    grid-column-gap:var(--grid-spacing-horizontal);
    grid-row-gap:var(--grid-spacing-vertical);
    display:grid;
    grid-template-columns:1fr;
    margin:0
}
@media (min-width:992px){
    .grid{
        grid-template-columns:repeat(auto-fit,minmax(0%,1fr))
    }
}
.grid>*{
    min-width:0
}
figure{
    display:block;
    margin:0;
    padding:0;
    overflow-x:auto
}
figure figcaption{
    padding:calc(var(--spacing) * .5) 0;
    color:var(--muted-color)
}
b,strong{
    font-weight:bolder
}
sub,sup{
    position:relative;
    font-size:.75em;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
address,blockquote,dl,figure,form,ol,p,pre,table,ul{
    margin-top:0;
    margin-bottom:var(--typography-spacing-vertical);
    color:var(--color);
    font-style:normal;
    font-weight:var(--font-weight);
    font-size:var(--font-size)
}
[role=link],a{
    --color:var(--primary);
    --background-color:transparent;
    outline:0;
    background-color:var(--background-color);
    color:var(--color);
    -webkit-text-decoration:var(--text-decoration);
    text-decoration:var(--text-decoration);
    transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);
    transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);
    transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)
}
[role=link]:is([aria-current],:hover,:active,:focus),a:is([aria-current],:hover,:active,:focus){
    --color:var(--primary-hover);
    --text-decoration:underline
}
[role=link]:focus,a:focus{
    --background-color:var(--primary-focus)
}
[role=link].secondary,a.secondary{
    --color:var(--secondary)
}
[role=link].secondary:is([aria-current],:hover,:active,:focus),a.secondary:is([aria-current],:hover,:active,:focus){
    --color:var(--secondary-hover)
}
[role=link].secondary:focus,a.secondary:focus{
    --background-color:var(--secondary-focus)
}
[role=link].contrast,a.contrast{
    --color:var(--contrast)
}
[role=link].contrast:is([aria-current],:hover,:active,:focus),a.contrast:is([aria-current],:hover,:active,:focus){
    --color:var(--contrast-hover)
}
[role=link].contrast:focus,a.contrast:focus{
    --background-color:var(--contrast-focus)
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:var(--typography-spacing-vertical);
    color:var(--color);
    font-weight:var(--font-weight);
    font-size:var(--font-size);
    font-family:var(--font-family)
}
h1{
    --color:var(--h1-color)
}
h2{
    --color:var(--h2-color)
}
h3{
    --color:var(--h3-color)
}
h4{
    --color:var(--h4-color)
}
h5{
    --color:var(--h5-color)
}
h6{
    --color:var(--h6-color)
}
:where(address,blockquote,dl,figure,form,ol,p,pre,table,ul)~:is(h1,h2,h3,h4,h5,h6){
    margin-top:var(--typography-spacing-vertical)
}
.headings,hgroup{
    margin-bottom:var(--typography-spacing-vertical)
}
.headings>*,hgroup>*{
    margin-bottom:0
}
.headings>:last-child,hgroup>:last-child{
    --color:var(--muted-color);
    --font-weight:unset;
    font-size:1rem;
    font-family:unset
}
p{
    margin-bottom:var(--typography-spacing-vertical)
}
small{
    font-size:var(--font-size)
}
:where(dl,ol,ul){
    padding-right:0;
    padding-left:var(--spacing);
    padding-inline-start:var(--spacing);
    padding-inline-end:0
}
:where(dl,ol,ul) li{
    margin-bottom:calc(var(--typography-spacing-vertical) * .25)
}
:where(dl,ol,ul) :is(dl,ol,ul){
    margin:0;
    margin-top:calc(var(--typography-spacing-vertical) * .25)
}
ul li{
    list-style:square
}
mark{
    padding:.125rem .25rem;
    background-color:var(--mark-background-color);
    color:var(--mark-color);
    vertical-align:baseline
}
blockquote{
    display:block;
    margin:var(--typography-spacing-vertical) 0;
    padding:var(--spacing);
    border-right:none;
    border-left:.25rem solid var(--blockquote-border-color);
    border-inline-start:0.25rem solid var(--blockquote-border-color);
    border-inline-end:none
}
blockquote footer{
    margin-top:calc(var(--typography-spacing-vertical) * .5);
    color:var(--blockquote-footer-color)
}
abbr[title]{
    border-bottom:1px dotted;
    text-decoration:none;
    cursor:help
}
ins{
    color:var(--ins-color);
    text-decoration:none
}
del{
    color:var(--del-color)
}
::-moz-selection{
    background-color:var(--primary-focus)
}
::selection{
    background-color:var(--primary-focus)
}
: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){
    overflow:hidden
}
button{
    margin:0;
    overflow:visible;
    font-family:inherit;
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
button{
    display:block;
    width:100%;
    margin-bottom:var(--spacing)
}
[role=button]{
    display:inline-block;
    text-decoration:none
}
[role=button],button,input[type=button],input[type=reset],input[type=submit]{
    --background-color:var(--primary);
    --border-color:var(--primary);
    --color:var(--primary-inverse);
    --box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
    padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
    border:var(--border-width) solid var(--border-color);
    border-radius:var(--border-radius);
    outline:0;
    background-color:var(--background-color);
    box-shadow:var(--box-shadow);
    color:var(--color);
    font-weight:var(--font-weight);
    font-size:1rem;
    line-height:var(--line-height);
    text-align:center;
    cursor:pointer;
    transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)
}
[role=button]:is([aria-current],:hover,:active,:focus),button:is([aria-current],:hover,:active,:focus),input[type=button]:is([aria-current],:hover,:active,:focus),input[type=reset]:is([aria-current],:hover,:active,:focus),input[type=submit]:is([aria-current],:hover,:active,:focus){
    --background-color:var(--primary-hover);
    --border-color:var(--primary-hover);
    --box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
    --color:var(--primary-inverse)
}
[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{
    --box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)
}
:is(button,input[type=submit],input[type=button],[role=button]).secondary,input[type=reset]{
    --background-color:var(--secondary);
    --border-color:var(--secondary);
    --color:var(--secondary-inverse);
    cursor:pointer
}
:is(button,input[type=submit],input[type=button],[role=button]).secondary:is([aria-current],:hover,:active,:focus),input[type=reset]:is([aria-current],:hover,:active,:focus){
    --background-color:var(--secondary-hover);
    --border-color:var(--secondary-hover);
    --color:var(--secondary-inverse)
}
:is(button,input[type=submit],input[type=button],[role=button]).secondary:focus,input[type=reset]:focus{
    --box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)
}
:is(button,input[type=submit],input[type=button],[role=button]).contrast{
    --background-color:var(--contrast);
    --border-color:var(--contrast);
    --color:var(--contrast-inverse)
}
:is(button,input[type=submit],input[type=button],[role=button]).contrast:is([aria-current],:hover,:active,:focus){
    --background-color:var(--contrast-hover);
    --border-color:var(--contrast-hover);
    --color:var(--contrast-inverse)
}
:is(button,input[type=submit],input[type=button],[role=button]).contrast:focus{
    --box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--contrast-focus)
}
:is(button,input[type=submit],input[type=button],[role=button]).outline,input[type=reset].outline{
    --background-color:transparent;
    --color:var(--primary)
}
:is(button,input[type=submit],input[type=button],[role=button]).outline:is([aria-current],:hover,:active,:focus),input[type=reset].outline:is([aria-current],:hover,:active,:focus){
    --background-color:transparent;
    --color:var(--primary-hover)
}
:is(button,input[type=submit],input[type=button],[role=button]).outline.secondary,input[type=reset].outline{
    --color:var(--secondary)
}
:is(button,input[type=submit],input[type=button],[role=button]).outline.secondary:is([aria-current],:hover,:active,:focus),input[type=reset].outline:is([aria-current],:hover,:active,:focus){
    --color:var(--secondary-hover)
}
:is(button,input[type=submit],input[type=button],[role=button]).outline.contrast{
    --color:var(--contrast)
}
:is(button,input[type=submit],input[type=button],[role=button]).outline.contrast:is([aria-current],:hover,:active,:focus){
    --color:var(--contrast-hover)
}
:where(button,[type=submit],[type=button],[type=reset],[role=button])[disabled],:where(fieldset[disabled]) :is(button,[type=submit],[type=button],[type=reset],[role=button]),a[role=button]:not([href]){
    opacity:.5;
    pointer-events:none
}
input,optgroup,select,textarea{
    margin:0;
    font-size:1rem;
    line-height:var(--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:0
}
:-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(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)
}
fieldset{
    margin:0;
    margin-bottom:var(--spacing);
    padding:0;
    border:0
}
fieldset legend,label{
    display:block;
    margin-bottom:calc(var(--spacing) * .25);
    font-weight:var(--form-label-font-weight,var(--font-weight))
}
input:not([type=checkbox],[type=radio]),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(--form-element-spacing-vertical) var(--form-element-spacing-horizontal)
}
input,select,textarea{
    --background-color:var(--form-element-background-color);
    --border-color:var(--form-element-border-color);
    --color:var(--form-element-color);
    --box-shadow:none;
    border:var(--border-width) solid var(--border-color);
    border-radius:var(--border-radius);
    outline:0;
    background-color:var(--background-color);
    box-shadow:var(--box-shadow);
    color:var(--color);
    font-weight:var(--font-weight);
    transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)
}
:where(select,textarea):is(:active,:focus),input:not([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[readonly]):is(:active,:focus){
    --background-color:var(--form-element-active-background-color)
}
:where(select,textarea):is(:active,:focus),input:not([type=submit],[type=button],[type=reset],[role=switch],[readonly]):is(:active,:focus){
    --border-color:var(--form-element-active-border-color)
}
input:not([type=submit],[type=button],[type=reset],[type=range],[type=file],[readonly]):focus,select:focus,textarea:focus{
    --box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)
}
:where(fieldset[disabled]) :is(input:not([type=submit],[type=button],[type=reset]),select,textarea),input:not([type=submit],[type=button],[type=reset])[disabled],select[disabled],textarea[disabled]{
    --background-color:var(--form-element-disabled-background-color);
    --border-color:var(--form-element-disabled-border-color);
    opacity:var(--form-element-disabled-opacity);
    pointer-events:none
}
:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[aria-invalid]{
    padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;
    padding-left:var(--form-element-spacing-horizontal);
    padding-inline-start:var(--form-element-spacing-horizontal)!important;
    padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;
    background-position:center right .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])[aria-invalid=false]{
    background-image:var(--icon-valid)
}
:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[aria-invalid=true]{
    background-image:var(--icon-invalid)
}
:where(input,select,textarea)[aria-invalid=false]{
    --border-color:var(--form-element-valid-border-color)
}
:where(input,select,textarea)[aria-invalid=false]:is(:active,:focus){
    --border-color:var(--form-element-valid-active-border-color)!important;
    --box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important
}
:where(input,select,textarea)[aria-invalid=true]{
    --border-color:var(--form-element-invalid-border-color)
}
:where(input,select,textarea)[aria-invalid=true]:is(:active,:focus){
    --border-color:var(--form-element-invalid-active-border-color)!important;
    --box-shadow:0 0 0 var(--outline-width) var(--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 .75rem
}
input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{
    color:var(--form-element-placeholder-color);
    opacity:1
}
input:not([type=checkbox],[type=radio]),select,textarea{
    margin-bottom:var(--spacing)
}
select::-ms-expand{
    border:0;
    background-color:transparent
}
select:not([multiple],[size]){
    padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);
    padding-left:var(--form-element-spacing-horizontal);
    padding-inline-start:var(--form-element-spacing-horizontal);
    padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);
    background-image:var(--icon-chevron);
    background-position:center right .75rem;
    background-size:1rem auto;
    background-repeat:no-repeat
}
[dir=rtl] select:not([multiple],[size]){
    background-position:center left .75rem
}
:where(input,select,textarea,.grid)+small{
    display:block;
    width:100%;
    margin-top:calc(var(--spacing) * -.75);
    margin-bottom:var(--spacing);
    color:var(--muted-color)
}
label>:where(input,select,textarea){
    margin-top:calc(var(--spacing) * .25)
}
[type=checkbox],[type=radio]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:1.25em;
    height:1.25em;
    margin-top:-.125em;
    margin-right:.375em;
    margin-left:0;
    margin-inline-start:0;
    margin-inline-end:.375em;
    border-width:var(--border-width);
    font-size:inherit;
    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{
    --background-color:var(--primary);
    --border-color:var(--primary);
    background-image:var(--icon-checkbox);
    background-position:center;
    background-size:.75em auto;
    background-repeat:no-repeat
}
[type=checkbox]~label,[type=radio]~label{
    display:inline-block;
    margin-right:.375em;
    margin-bottom:0;
    cursor:pointer
}
[type=checkbox]:indeterminate{
    --background-color:var(--primary);
    --border-color:var(--primary);
    background-image:var(--icon-minus);
    background-position:center;
    background-size:.75em auto;
    background-repeat:no-repeat
}
[type=radio]{
    border-radius:50%
}
[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{
    --background-color:var(--primary-inverse);
    border-width:.35em;
    background-image:none
}
[type=checkbox][role=switch]{
    --background-color:var(--switch-background-color);
    --border-color:var(--switch-background-color);
    --color:var(--switch-color);
    width:2.25em;
    height:1.25em;
    border:var(--border-width) solid var(--border-color);
    border-radius:1.25em;
    background-color:var(--background-color);
    line-height:1.25em
}
[type=checkbox][role=switch]:focus{
    --background-color:var(--switch-background-color);
    --border-color:var(--switch-background-color)
}
[type=checkbox][role=switch]:checked{
    --background-color:var(--switch-checked-background-color);
    --border-color:var(--switch-checked-background-color)
}
[type=checkbox][role=switch]:before{
    display:block;
    width:calc(1.25em - (var(--border-width) * 2));
    height:100%;
    border-radius:50%;
    background-color:var(--color);
    content:"";
    transition:margin .1s ease-in-out
}
[type=checkbox][role=switch]:checked{
    background-image:none
}
[type=checkbox][role=switch]:checked::before{
    margin-left:calc(1.125em - var(--border-width));
    margin-inline-start:calc(1.125em - var(--border-width))
}
[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{
    --border-color:var(--form-element-valid-border-color)
}
[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{
    --border-color:var(--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(--border-radius) * .5)
}
[type=color]::-moz-color-swatch{
    border:0;
    border-radius:calc(var(--border-radius) * .5)
}
input:not([type=checkbox],[type=radio],[type=range],[type=file]):is([type=date],[type=datetime-local],[type=month],[type=time],[type=week]){
    --icon-position:0.75rem;
    --icon-width:1rem;
    padding-right:calc(var(--icon-width) + var(--icon-position));
    background-image:var(--icon-date);
    background-position:center right var(--icon-position);
    background-size:var(--icon-width) auto;
    background-repeat:no-repeat
}
input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=time]{
    background-image:var(--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(--icon-width);
    margin-right:calc(var(--icon-width) * -1);
    margin-left:var(--icon-position);
    opacity:0
}
[dir=rtl] :is([type=date],[type=datetime-local],[type=month],[type=time],[type=week]){
    text-align:right
}
@-moz-document url-prefix(){
    [type=date],[type=datetime-local],[type=month],[type=time],[type=week]{
        padding-right:var(--form-element-spacing-horizontal)!important;
        background-image:none!important
    }
}
[type=file]{
    --color:var(--muted-color);
    padding:calc(var(--form-element-spacing-vertical) * .5) 0;
    border:0;
    border-radius:0;
    background:0 0
}
[type=file]::file-selector-button{
    --background-color:var(--secondary);
    --border-color:var(--secondary);
    --color:var(--secondary-inverse);
    margin-right:calc(var(--spacing)/ 2);
    margin-left:0;
    margin-inline-start:0;
    margin-inline-end:calc(var(--spacing)/ 2);
    padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);
    border:var(--border-width) solid var(--border-color);
    border-radius:var(--border-radius);
    outline:0;
    background-color:var(--background-color);
    box-shadow:var(--box-shadow);
    color:var(--color);
    font-weight:var(--font-weight);
    font-size:1rem;
    line-height:var(--line-height);
    text-align:center;
    cursor:pointer;
    transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)
}
[type=file]::file-selector-button:is(:hover,:active,:focus){
    --background-color:var(--secondary-hover);
    --border-color:var(--secondary-hover)
}
[type=file]::-webkit-file-upload-button{
    --background-color:var(--secondary);
    --border-color:var(--secondary);
    --color:var(--secondary-inverse);
    margin-right:calc(var(--spacing)/ 2);
    margin-left:0;
    margin-inline-start:0;
    margin-inline-end:calc(var(--spacing)/ 2);
    padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);
    border:var(--border-width) solid var(--border-color);
    border-radius:var(--border-radius);
    outline:0;
    background-color:var(--background-color);
    box-shadow:var(--box-shadow);
    color:var(--color);
    font-weight:var(--font-weight);
    font-size:1rem;
    line-height:var(--line-height);
    text-align:center;
    cursor:pointer;
    -webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);
    transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)
}
[type=file]::-webkit-file-upload-button:is(:hover,:active,:focus){
    --background-color:var(--secondary-hover);
    --border-color:var(--secondary-hover)
}
[type=file]::-ms-browse{
    --background-color:var(--secondary);
    --border-color:var(--secondary);
    --color:var(--secondary-inverse);
    margin-right:calc(var(--spacing)/ 2);
    margin-left:0;
    margin-inline-start:0;
    margin-inline-end:calc(var(--spacing)/ 2);
    padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);
    border:var(--border-width) solid var(--border-color);
    border-radius:var(--border-radius);
    outline:0;
    background-color:var(--background-color);
    box-shadow:var(--box-shadow);
    color:var(--color);
    font-weight:var(--font-weight);
    font-size:1rem;
    line-height:var(--line-height);
    text-align:center;
    cursor:pointer;
    -ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);
    transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)
}
[type=file]::-ms-browse:is(:hover,:active,:focus){
    --background-color:var(--secondary-hover);
    --border-color:var(--secondary-hover)
}
[type=range]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%;
    height:1.25rem;
    background:0 0
}
[type=range]::-webkit-slider-runnable-track{
    width:100%;
    height:.25rem;
    border-radius:var(--border-radius);
    background-color:var(--range-border-color);
    -webkit-transition:background-color var(--transition),box-shadow var(--transition);
    transition:background-color var(--transition),box-shadow var(--transition)
}
[type=range]::-moz-range-track{
    width:100%;
    height:.25rem;
    border-radius:var(--border-radius);
    background-color:var(--range-border-color);
    -moz-transition:background-color var(--transition),box-shadow var(--transition);
    transition:background-color var(--transition),box-shadow var(--transition)
}
[type=range]::-ms-track{
    width:100%;
    height:.25rem;
    border-radius:var(--border-radius);
    background-color:var(--range-border-color);
    -ms-transition:background-color var(--transition),box-shadow var(--transition);
    transition:background-color var(--transition),box-shadow var(--transition)
}
[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;
    width:1.25rem;
    height:1.25rem;
    margin-top:-.5rem;
    border:2px solid var(--range-thumb-border-color);
    border-radius:50%;
    background-color:var(--range-thumb-color);
    cursor:pointer;
    -webkit-transition:background-color var(--transition),transform var(--transition);
    transition:background-color var(--transition),transform var(--transition)
}
[type=range]::-moz-range-thumb{
    -webkit-appearance:none;
    width:1.25rem;
    height:1.25rem;
    margin-top:-.5rem;
    border:2px solid var(--range-thumb-border-color);
    border-radius:50%;
    background-color:var(--range-thumb-color);
    cursor:pointer;
    -moz-transition:background-color var(--transition),transform var(--transition);
    transition:background-color var(--transition),transform var(--transition)
}
[type=range]::-ms-thumb{
    -webkit-appearance:none;
    width:1.25rem;
    height:1.25rem;
    margin-top:-.5rem;
    border:2px solid var(--range-thumb-border-color);
    border-radius:50%;
    background-color:var(--range-thumb-color);
    cursor:pointer;
    -ms-transition:background-color var(--transition),transform var(--transition);
    transition:background-color var(--transition),transform var(--transition)
}
[type=range]:focus,[type=range]:hover{
    --range-border-color:var(--range-active-border-color);
    --range-thumb-color:var(--range-thumb-hover-color)
}
[type=range]:active{
    --range-thumb-color:var(--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(--form-element-spacing-horizontal) + 1.75rem);
    border-radius:5rem;
    background-image:var(--icon-search);
    background-position:center left 1.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(--form-element-spacing-horizontal) + 1.75rem)!important;
    background-position:center left 1.125rem,center right .75rem
}
input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid=false]{
    background-image:var(--icon-search),var(--icon-valid)
}
input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid=true]{
    background-image:var(--icon-search),var(--icon-invalid)
}
[type=search]::-webkit-search-cancel-button{
    -webkit-appearance:none;
    display:none
}
[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 .75rem
}
:where(table){
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    text-indent:0
}
td,th{
    padding:calc(var(--spacing)/ 2) var(--spacing);
    border-bottom:var(--border-width) solid var(--table-border-color);
    color:var(--color);
    font-weight:var(--font-weight);
    font-size:var(--font-size);
    text-align:left;
    text-align:start
}
tfoot td,tfoot th{
    border-top:var(--border-width) solid var(--table-border-color);
    border-bottom:0
}
table[role=grid] tbody tr:nth-child(odd){
    background-color:var(--table-row-stripped-background-color)
}
code,kbd,pre,samp{
    font-size:.875em;
    font-family:var(--font-family)
}
pre{
    -ms-overflow-style:scrollbar;
    overflow:auto
}
code,kbd,pre{
    border-radius:var(--border-radius);
    background:var(--code-background-color);
    color:var(--code-color);
    font-weight:var(--font-weight);
    line-height:initial
}
code,kbd{
    display:inline-block;
    padding:.375rem .5rem
}
pre{
    display:block;
    margin-bottom:var(--spacing);
    overflow-x:auto
}
pre>code{
    display:block;
    padding:var(--spacing);
    background:0 0;
    font-size:14px;
    line-height:var(--line-height)
}
code b{
    color:var(--code-tag-color);
    font-weight:var(--font-weight)
}
code i{
    color:var(--code-property-color);
    font-style:normal
}
code u{
    color:var(--code-value-color);
    text-decoration:none
}
code em{
    color:var(--code-comment-color);
    font-style:normal
}
kbd{
    background-color:var(--code-kbd-background-color);
    color:var(--code-kbd-color);
    vertical-align:baseline
}
hr{
    height:0;
    border:0;
    border-top:1px solid var(--muted-border-color);
    color:inherit
}
[hidden],template{
    display:none!important
}
canvas{
    display:inline-block
}
details{
    display:block;
    margin-bottom:var(--spacing);
    padding-bottom:var(--spacing);
    border-bottom:var(--border-width) solid var(--accordion-border-color)
}
details summary{
    line-height:1rem;
    list-style-type:none;
    cursor:pointer;
    transition:color var(--transition)
}
details summary:not([role]){
    color:var(--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(--spacing,1rem) * .5);
    float:right;
    transform:rotate(-90deg);
    background-image:var(--icon-chevron);
    background-position:right center;
    background-size:1rem auto;
    background-repeat:no-repeat;
    content:"";
    transition:transform var(--transition)
}
details summary:focus{
    outline:0
}
details summary:focus:not([role=button]){
    color:var(--accordion-active-summary-color)
}
details summary[role=button]{
    width:100%;
    text-align:left
}
details summary[role=button]::after{
    height:calc(1rem * var(--line-height,1.5));
    background-image:var(--icon-chevron-button)
}
details summary[role=button]:not(.outline).contrast::after{
    background-image:var(--icon-chevron-button-inverse)
}
details[open]>summary{
    margin-bottom:calc(var(--spacing))
}
details[open]>summary:not([role]):not(:focus){
    color:var(--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:var(--block-spacing-vertical) 0;
    padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);
    border-radius:var(--border-radius);
    background:var(--card-background-color);
    box-shadow:var(--card-box-shadow)
}
article>footer,article>header{
    margin-right:calc(var(--block-spacing-horizontal) * -1);
    margin-left:calc(var(--block-spacing-horizontal) * -1);
    padding:calc(var(--block-spacing-vertical) * .66) var(--block-spacing-horizontal);
    background-color:var(--card-sectionning-background-color)
}
article>header{
    margin-top:calc(var(--block-spacing-vertical) * -1);
    margin-bottom:var(--block-spacing-vertical);
    border-bottom:var(--border-width) solid var(--card-border-color);
    border-top-right-radius:var(--border-radius);
    border-top-left-radius:var(--border-radius)
}
article>footer{
    margin-top:var(--block-spacing-vertical);
    margin-bottom:calc(var(--block-spacing-vertical) * -1);
    border-top:var(--border-width) solid var(--card-border-color);
    border-bottom-right-radius:var(--border-radius);
    border-bottom-left-radius:var(--border-radius)
}
:root{
    --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:var(--spacing);
    border:0;
    -webkit-backdrop-filter:var(--modal-overlay-backdrop-filter);
    backdrop-filter:var(--modal-overlay-backdrop-filter);
    background-color:var(--modal-overlay-background-color);
    color:var(--color)
}
dialog article{
    max-height:calc(100vh - var(--spacing) * 2);
    overflow:auto
}
@media (min-width:576px){
    dialog article{
        max-width:510px
    }
}
@media (min-width:768px){
    dialog article{
        max-width:700px
    }
}
dialog article>footer,dialog article>header{
    padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)
}
dialog article>header .close{
    margin:0;
    margin-left:var(--spacing);
    float:right
}
dialog article>footer{
    text-align:right
}
dialog article>footer [role=button]{
    margin-bottom:0
}
dialog article>footer [role=button]:not(:first-of-type){
    margin-left:calc(var(--spacing) * .5)
}
dialog article p:last-of-type{
    margin:0
}
dialog article .close{
    display:block;
    width:1rem;
    height:1rem;
    margin-top:calc(var(--block-spacing-vertical) * -.5);
    margin-bottom:var(--typography-spacing-vertical);
    margin-left:auto;
    background-image:var(--icon-close);
    background-position:center;
    background-size:auto 1rem;
    background-repeat:no-repeat;
    opacity:.5;
    transition:opacity var(--transition)
}
dialog article .close:is([aria-current],:hover,:active,:focus){
    opacity:1
}
dialog:not([open]),dialog[open=false]{
    display:none
}
.modal-is-open{
    padding-right:var(--scrollbar-width,0);
    overflow:hidden;
    pointer-events:none;
    touch-action:none
}
.modal-is-open dialog{
    pointer-events:auto
}
:where(.modal-is-opening,.modal-is-closing) dialog,:where(.modal-is-opening,.modal-is-closing) dialog>article{
    animation-duration:.2s;
    animation-timing-function:ease-in-out;
    animation-fill-mode:both
}
:where(.modal-is-opening,.modal-is-closing) dialog{
    animation-duration:.8s;
    animation-name:modal-overlay
}
:where(.modal-is-opening,.modal-is-closing) dialog>article{
    animation-delay:.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
}
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(--nav-element-spacing-horizontal) * -1)
}
nav ol:last-of-type,nav ul:last-of-type{
    margin-right:calc(var(--nav-element-spacing-horizontal) * -1)
}
nav li{
    display:inline-block;
    margin:0;
    padding:var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal)
}
nav li>*{
    --spacing:0
}
nav :where(a,[role=link]){
    display:inline-block;
    margin:calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);
    padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
    border-radius:var(--border-radius);
    text-decoration:none
}
nav :where(a,[role=link]):is([aria-current],:hover,:active,:focus){
    text-decoration:none
}
nav[aria-label=breadcrumb]{
    align-items:center;
    justify-content:start
}
nav[aria-label=breadcrumb] ul li:not(:first-child){
    margin-inline-start:var(--nav-link-spacing-horizontal)
}
nav[aria-label=breadcrumb] ul li:not(:last-child) ::after{
    position:absolute;
    width:calc(var(--nav-link-spacing-horizontal) * 2);
    margin-inline-start:calc(var(--nav-link-spacing-horizontal)/ 2);
    content:"/";
    color:var(--muted-color);
    text-align:center
}
nav[aria-label=breadcrumb] a[aria-current]{
    background-color:transparent;
    color:inherit;
    text-decoration:none;
    pointer-events:none
}
nav [role=button]{
    margin-right:inherit;
    margin-left:inherit;
    padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal)
}
aside li,aside nav,aside ol,aside ul{
    display:block
}
aside li{
    padding:calc(var(--nav-element-spacing-vertical) * .5) var(--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:.5rem;
    margin-bottom:calc(var(--spacing) * .5);
    overflow:hidden;
    border:0;
    border-radius:var(--border-radius);
    background-color:var(--progress-background-color);
    color:var(--progress-color)
}
progress::-webkit-progress-bar{
    border-radius:var(--border-radius);
    background:0 0
}
progress[value]::-webkit-progress-value{
    background-color:var(--progress-color)
}
progress::-moz-progress-bar{
    background-color:var(--progress-color)
}
@media (prefers-reduced-motion:no-preference){
    progress:indeterminate{
        background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--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
    }
}
details[role=list],li[role=list]{
    position:relative
}
details[role=list] summary+ul,li[role=list]>ul{
    display:flex;
    z-index:99;
    position:absolute;
    top:auto;
    right:0;
    left:0;
    flex-direction:column;
    margin:0;
    padding:0;
    border:var(--border-width) solid var(--dropdown-border-color);
    border-radius:var(--border-radius);
    border-top-right-radius:0;
    border-top-left-radius:0;
    background-color:var(--dropdown-background-color);
    box-shadow:var(--card-box-shadow);
    color:var(--dropdown-color);
    white-space:nowrap
}
details[role=list] summary+ul li,li[role=list]>ul li{
    width:100%;
    margin-bottom:0;
    padding:calc(var(--form-element-spacing-vertical) * .5) var(--form-element-spacing-horizontal);
    list-style:none
}
details[role=list] summary+ul li:first-of-type,li[role=list]>ul li:first-of-type{
    margin-top:calc(var(--form-element-spacing-vertical) * .5)
}
details[role=list] summary+ul li:last-of-type,li[role=list]>ul li:last-of-type{
    margin-bottom:calc(var(--form-element-spacing-vertical) * .5)
}
details[role=list] summary+ul li a,li[role=list]>ul li a{
    display:block;
    margin:calc(var(--form-element-spacing-vertical) * -.5) calc(var(--form-element-spacing-horizontal) * -1);
    padding:calc(var(--form-element-spacing-vertical) * .5) var(--form-element-spacing-horizontal);
    overflow:hidden;
    color:var(--dropdown-color);
    text-decoration:none;
    text-overflow:ellipsis
}
details[role=list] summary+ul li a:hover,li[role=list]>ul li a:hover{
    background-color:var(--dropdown-hover-background-color)
}
details[role=list] summary::after,li[role=list]>a::after{
    display:block;
    width:1rem;
    height:calc(1rem * var(--line-height,1.5));
    margin-inline-start:.5rem;
    float:right;
    transform:rotate(0);
    background-image:var(--icon-chevron);
    background-position:right center;
    background-size:1rem auto;
    background-repeat:no-repeat;
    content:""
}
details[role=list]{
    padding:0;
    border-bottom:none
}
details[role=list] summary{
    margin-bottom:0
}
details[role=list] summary:not([role]){
    height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
    padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
    border:var(--border-width) solid var(--form-element-border-color);
    border-radius:var(--border-radius);
    background-color:var(--form-element-background-color);
    color:var(--form-element-placeholder-color);
    line-height:inherit;
    cursor:pointer;
    transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)
}
details[role=list] summary:not([role]):active,details[role=list] summary:not([role]):focus{
    border-color:var(--form-element-active-border-color);
    background-color:var(--form-element-active-background-color)
}
details[role=list] summary:not([role]):focus{
    box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)
}
details[role=list][open] summary{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
details[role=list][open] summary::before{
    display:block;
    z-index:1;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:0 0;
    content:"";
    cursor:default
}
nav details[role=list] summary,nav li[role=list] a{
    display:flex;
    direction:ltr
}
nav details[role=list] summary+ul,nav li[role=list]>ul{
    min-width:-moz-fit-content;
    min-width:fit-content;
    border-radius:var(--border-radius)
}
nav details[role=list] summary+ul li a,nav li[role=list]>ul li a{
    border-radius:0
}
nav details[role=list] summary,nav details[role=list] summary:not([role]){
    height:auto;
    padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal)
}
nav details[role=list][open] summary{
    border-radius:var(--border-radius)
}
nav details[role=list] summary+ul{
    margin-top:var(--outline-width);
    margin-inline-start:0
}
nav details[role=list] summary[role=link]{
    margin-bottom:calc(var(--nav-link-spacing-vertical) * -1);
    line-height:var(--line-height)
}
nav details[role=list] summary[role=link]+ul{
    margin-top:calc(var(--nav-link-spacing-vertical) + var(--outline-width));
    margin-inline-start:calc(var(--nav-link-spacing-horizontal) * -1)
}
li[role=list] a:active~ul,li[role=list] a:focus~ul,li[role=list]:hover>ul{
    display:flex
}
li[role=list]>ul{
    display:none;
    margin-top:calc(var(--nav-link-spacing-vertical) + var(--outline-width));
    margin-inline-start:calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal))
}
li[role=list]>a::after{
    background-image:var(--icon-chevron)
}
label>details[role=list]{
    margin-top:calc(var(--spacing) * .25);
    margin-bottom:var(--spacing)
}
[aria-busy=true]{
    cursor:progress
}
[aria-busy=true]:not(input,select,textarea,html)::before{
    display:inline-block;
    width:1em;
    height:1em;
    border:.1875em solid currentColor;
    border-radius:1em;
    border-right-color:transparent;
    content:"";
    vertical-align:text-bottom;
    vertical-align:-.125em;
    animation:spinner .75s linear infinite;
    opacity:var(--loading-spinner-opacity)
}
[aria-busy=true]:not(input,select,textarea,html):not(:empty)::before{
    margin-right:calc(var(--spacing) * .5);
    margin-left:0;
    margin-inline-start:0;
    margin-inline-end:calc(var(--spacing) * .5)
}
[aria-busy=true]:not(input,select,textarea,html):empty{
    text-align:center
}
a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{
    pointer-events:none
}
@keyframes spinner{
    to{
        transform:rotate(360deg)
    }
}
[data-tooltip]{
    position:relative
}
[data-tooltip]:not(a,button,input){
    border-bottom:1px dotted;
    text-decoration:none;
    cursor:help
}
[data-tooltip]::after,[data-tooltip]::before,[data-tooltip][data-placement=top]::after,[data-tooltip][data-placement=top]::before{
    display:block;
    z-index:99;
    position:absolute;
    bottom:100%;
    left:50%;
    padding:.25rem .5rem;
    overflow:hidden;
    transform:translate(-50%,-.25rem);
    border-radius:var(--border-radius);
    background:var(--tooltip-background-color);
    content:attr(data-tooltip);
    color:var(--tooltip-color);
    font-style:normal;
    font-weight:var(--font-weight);
    font-size:.875rem;
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:nowrap;
    opacity:0;
    pointer-events:none
}
[data-tooltip]::after,[data-tooltip][data-placement=top]::after{
    padding:0;
    transform:translate(-50%,0);
    border-top:.3rem solid;
    border-right:.3rem solid transparent;
    border-left:.3rem solid transparent;
    border-radius:0;
    background-color:transparent;
    content:"";
    color:var(--tooltip-background-color)
}
[data-tooltip][data-placement=bottom]::after,[data-tooltip][data-placement=bottom]::before{
    top:100%;
    bottom:auto;
    transform:translate(-50%,.25rem)
}
[data-tooltip][data-placement=bottom]:after{
    transform:translate(-50%,-.3rem);
    border:.3rem solid transparent;
    border-bottom:.3rem solid
}
[data-tooltip][data-placement=left]::after,[data-tooltip][data-placement=left]::before{
    top:50%;
    right:100%;
    bottom:auto;
    left:auto;
    transform:translate(-.25rem,-50%)
}
[data-tooltip][data-placement=left]:after{
    transform:translate(.3rem,-50%);
    border:.3rem solid transparent;
    border-left:.3rem solid
}
[data-tooltip][data-placement=right]::after,[data-tooltip][data-placement=right]::before{
    top:50%;
    right:auto;
    bottom:auto;
    left:100%;
    transform:translate(.25rem,-50%)
}
[data-tooltip][data-placement=right]:after{
    transform:translate(-.3rem,-50%);
    border:.3rem solid transparent;
    border-right:.3rem solid
}
[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{
    opacity:1
}
@media (hover:hover) and (pointer:fine){
    [data-tooltip]:hover::after,[data-tooltip]:hover::before,[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:focus::before,[data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after,[data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::before{
        animation-duration:.2s;
        animation-name:tooltip-slide-top
    }
    [data-tooltip]:hover::after,[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after{
        animation-name:tooltip-caret-slide-top
    }
    [data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:focus::before,[data-tooltip][data-placement=bottom]:hover::after,[data-tooltip][data-placement=bottom]:hover::before{
        animation-duration:.2s;
        animation-name:tooltip-slide-bottom
    }
    [data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:hover::after{
        animation-name:tooltip-caret-slide-bottom
    }
    [data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:focus::before,[data-tooltip][data-placement=left]:hover::after,[data-tooltip][data-placement=left]:hover::before{
        animation-duration:.2s;
        animation-name:tooltip-slide-left
    }
    [data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:hover::after{
        animation-name:tooltip-caret-slide-left
    }
    [data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:focus::before,[data-tooltip][data-placement=right]:hover::after,[data-tooltip][data-placement=right]:hover::before{
        animation-duration:.2s;
        animation-name:tooltip-slide-right
    }
    [data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:hover::after{
        animation-name:tooltip-caret-slide-right
    }
}
@keyframes tooltip-slide-top{
    from{
        transform:translate(-50%,.75rem);
        opacity:0
    }
    to{
        transform:translate(-50%,-.25rem);
        opacity:1
    }
}
@keyframes tooltip-caret-slide-top{
    from{
        opacity:0
    }
    50%{
        transform:translate(-50%,-.25rem);
        opacity:0
    }
    to{
        transform:translate(-50%,0);
        opacity:1
    }
}
@keyframes tooltip-slide-bottom{
    from{
        transform:translate(-50%,-.75rem);
        opacity:0
    }
    to{
        transform:translate(-50%,.25rem);
        opacity:1
    }
}
@keyframes tooltip-caret-slide-bottom{
    from{
        opacity:0
    }
    50%{
        transform:translate(-50%,-.5rem);
        opacity:0
    }
    to{
        transform:translate(-50%,-.3rem);
        opacity:1
    }
}
@keyframes tooltip-slide-left{
    from{
        transform:translate(.75rem,-50%);
        opacity:0
    }
    to{
        transform:translate(-.25rem,-50%);
        opacity:1
    }
}
@keyframes tooltip-caret-slide-left{
    from{
        opacity:0
    }
    50%{
        transform:translate(.05rem,-50%);
        opacity:0
    }
    to{
        transform:translate(.3rem,-50%);
        opacity:1
    }
}
@keyframes tooltip-slide-right{
    from{
        transform:translate(-.75rem,-50%);
        opacity:0
    }
    to{
        transform:translate(.25rem,-50%);
        opacity:1
    }
}
@keyframes tooltip-caret-slide-right{
    from{
        opacity:0
    }
    50%{
        transform:translate(-.05rem,-50%);
        opacity:0
    }
    to{
        transform:translate(-.3rem,-50%);
        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
}
[tabindex],a,area,button,input,label,select,summary,textarea{
    -ms-touch-action:manipulation
}
[dir=rtl]{
    direction:rtl
}
@media (prefers-reduced-motion:reduce){
    :not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{
        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
    }
}