@charset "UTF-8";

/*!
 * Pico.css v1.5.6 (https://picocss.com)
 * Copyright 2019-2022 - Licensed under MIT
 */

: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(205deg, 20%, 32%);
  --h1-color:hsl(205deg, 30%, 15%);
  --h2-color:#24333e;
  --h3-color:hsl(205deg, 25%, 23%);
  --h4-color:#374956;
  --h5-color:hsl(205deg, 20%, 32%);
  --h6-color:#4d606d;
  --muted-color:hsl(205deg, 10%, 50%);
  --muted-border-color:hsl(205deg, 20%, 94%);
  --primary:hsl(195deg, 85%, 41%);
  --primary-hover:hsl(195deg, 90%, 32%);
  --primary-focus:rgba(16, 149, 193, 0.125);
  --primary-inverse:#fff;
  --secondary:hsl(205deg, 15%, 41%);
  --secondary-hover:hsl(205deg, 20%, 32%);
  --secondary-focus:rgba(89, 107, 120, 0.125);
  --secondary-inverse:#fff;
  --contrast:hsl(205deg, 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(205deg, 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(205deg, 18%, 86%);
  --form-element-disabled-border-color:hsl(205deg, 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(205deg, 16%, 77%);
  --switch-color:var(--primary-inverse);
  --switch-checked-background-color:var(--primary);
  --range-border-color:hsl(205deg, 18%, 86%);
  --range-active-border-color:hsl(205deg, 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(205deg, 20%, 94%);
  --code-color:var(--muted-color);
  --code-kbd-background-color:var(--contrast);
  --code-kbd-color:var(--contrast-inverse);
  --code-tag-color:hsl(330deg, 40%, 50%);
  --code-property-color:hsl(185deg, 40%, 40%);
  --code-value-color:hsl(40deg, 20%, 50%);
  --code-comment-color:hsl(205deg, 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(205deg, 20%, 94%);
  --modal-overlay-background-color:rgba(213, 220, 226, 0.7);
  --progress-background-color:hsl(205deg, 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=light]){
    --background-color:#11191f;
    --color:hsl(205deg, 16%, 77%);
    --h1-color:hsl(205deg, 20%, 94%);
    --h2-color:#e1e6eb;
    --h3-color:hsl(205deg, 18%, 86%);
    --h4-color:#c8d1d8;
    --h5-color:hsl(205deg, 16%, 77%);
    --h6-color:#afbbc4;
    --muted-color:hsl(205deg, 10%, 50%);
    --muted-border-color:#1f2d38;
    --primary:hsl(195deg, 85%, 41%);
    --primary-hover:hsl(195deg, 80%, 50%);
    --primary-focus:rgba(16, 149, 193, 0.25);
    --primary-inverse:#fff;
    --secondary:hsl(205deg, 15%, 41%);
    --secondary-hover:hsl(205deg, 10%, 50%);
    --secondary-focus:rgba(115, 130, 140, 0.25);
    --secondary-inverse:#fff;
    --contrast:hsl(205deg, 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(205deg, 25%, 23%);
    --form-element-disabled-border-color:hsl(205deg, 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(205deg, 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(330deg, 30%, 50%);
    --code-property-color:hsl(185deg, 30%, 50%);
    --code-value-color:hsl(40deg, 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(205deg, 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(205deg, 16%, 77%);
  --h1-color:hsl(205deg, 20%, 94%);
  --h2-color:#e1e6eb;
  --h3-color:hsl(205deg, 18%, 86%);
  --h4-color:#c8d1d8;
  --h5-color:hsl(205deg, 16%, 77%);
  --h6-color:#afbbc4;
  --muted-color:hsl(205deg, 10%, 50%);
  --muted-border-color:#1f2d38;
  --primary:hsl(195deg, 85%, 41%);
  --primary-hover:hsl(195deg, 80%, 50%);
  --primary-focus:rgba(16, 149, 193, 0.25);
  --primary-inverse:#fff;
  --secondary:hsl(205deg, 15%, 41%);
  --secondary-hover:hsl(205deg, 10%, 50%);
  --secondary-focus:rgba(115, 130, 140, 0.25);
  --secondary-inverse:#fff;
  --contrast:hsl(205deg, 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(205deg, 25%, 23%);
  --form-element-disabled-border-color:hsl(205deg, 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(205deg, 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(330deg, 30%, 50%);
  --code-property-color:hsl(185deg, 30%, 50%);
  --code-value-color:hsl(40deg, 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(205deg, 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);
  -webkit-padding-start:var(--spacing);
  padding-inline-start:var(--spacing);
  -webkit-padding-end:0;
  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);
  -webkit-border-start:0.25rem solid var(--blockquote-border-color);
  border-inline-start:0.25rem solid var(--blockquote-border-color);
  -webkit-border-end:none;
  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);
  -webkit-padding-start:var(--form-element-spacing-horizontal)!important;
  padding-inline-start:var(--form-element-spacing-horizontal)!important;
  -webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!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);
  -webkit-padding-start:var(--form-element-spacing-horizontal);
  padding-inline-start:var(--form-element-spacing-horizontal);
  -webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);
  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)+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;
  -webkit-margin-start:0;
  margin-inline-start:0;
  -webkit-margin-end:.375em;
  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));
  -webkit-margin-start: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
}

[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;
  -webkit-margin-start:0;
  margin-inline-start:0;
  -webkit-margin-end:calc(var(--spacing)/ 2);
  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;
  -webkit-margin-start:0;
  margin-inline-start:0;
  -webkit-margin-end:calc(var(--spacing)/ 2);
  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]{
  -webkit-padding-start:calc(var(--form-element-spacing-horizontal) + 1.75rem);
  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]{
  -webkit-padding-start:calc(var(--form-element-spacing-horizontal) + 1.75rem)!important;
  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;
  -webkit-margin-start:calc(var(--spacing,1rem) * 0.5);
  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
}

.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){
  -webkit-margin-start:var(--nav-link-spacing-horizontal);
  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);
  -webkit-margin-start: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{
  vertical-align:baseline;
  -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
  }

  [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));
  -webkit-margin-start:0.5rem;
  margin-inline-start:.5rem;
  float:right;
  transform:rotate(0);
  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);
  -webkit-margin-start:0;
  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));
  -webkit-margin-start:calc(var(--nav-link-spacing-horizontal) * -1);
  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));
  -webkit-margin-start:calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal));
  margin-inline-start:calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal))
}

li[role=list]>a::after{
  background-image:var(--icon-chevron)
}

[aria-busy=true]{
  cursor:progress
}

[aria-busy=true]:not(input,select,textarea)::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):not(:empty)::before{
  margin-right:calc(var(--spacing) * .5);
  margin-left:0;
  -webkit-margin-start:0;
  margin-inline-start:0;
  -webkit-margin-end:calc(var(--spacing) * .5);
  margin-inline-end:calc(var(--spacing) * .5)
}

[aria-busy=true]:not(input,select,textarea):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
  }
}

@media (prefers-color-scheme: dark) {
  .markdown-body {
    color-scheme: dark;
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-fg-default: #c9d1d9;
    --color-fg-muted: #8b949e;
    --color-fg-subtle: #484f58;
    --color-canvas-default: #0d1117;
    --color-canvas-subtle: #161b22;
    --color-border-default: #30363d;
    --color-border-muted: #21262d;
    --color-neutral-muted: rgba(110,118,129,0.4);
    --color-accent-fg: #58a6ff;
    --color-accent-emphasis: #1f6feb;
    --color-attention-subtle: rgba(187,128,9,0.15);
    --color-danger-fg: #f85149;
  }
}

@media (prefers-color-scheme: light) {
  .markdown-body {
    color-scheme: light;
    --color-prettylights-syntax-comment: #6e7781;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-entity: #8250df;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #116329;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #FFEBE9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-fg-default: #24292f;
    --color-fg-muted: #57606a;
    --color-fg-subtle: #6e7781;
    --color-canvas-default: #ffffff;
    --color-canvas-subtle: #f6f8fa;
    --color-border-default: #d0d7de;
    --color-border-muted: hsla(210,18%,87%,1);
    --color-neutral-muted: rgba(175,184,193,0.2);
    --color-accent-fg: #0969da;
    --color-accent-emphasis: #0969da;
    --color-attention-subtle: #fff8c5;
    --color-danger-fg: #cf222e;
  }
}

.markdown-body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}

.markdown-body .octicon {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}

.markdown-body h1:hover .anchor .octicon-link:before,
.markdown-body h2:hover .anchor .octicon-link:before,
.markdown-body h3:hover .anchor .octicon-link:before,
.markdown-body h4:hover .anchor .octicon-link:before,
.markdown-body h5:hover .anchor .octicon-link:before,
.markdown-body h6:hover .anchor .octicon-link:before {
  width: 16px;
  height: 16px;
  content: ' ';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
}

.markdown-body details,
.markdown-body figcaption,
.markdown-body figure {
  display: block;
}

.markdown-body summary {
  display: list-item;
}

.markdown-body [hidden] {
  display: none !important;
}

.markdown-body a {
  background-color: transparent;
  color: var(--color-accent-fg);
  text-decoration: none;
}

.markdown-body a:active,
.markdown-body a:hover {
  outline-width: 0;
}

.markdown-body abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

.markdown-body b,
.markdown-body strong {
  font-weight: 600;
}

.markdown-body dfn {
  font-style: italic;
}

.markdown-body h1 {
  margin: .67em 0;
  font-weight: 600;
  padding-bottom: .3em;
  font-size: 2em;
  border-bottom: 1px solid var(--color-border-muted);
}

.markdown-body mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-text-primary);
}

.markdown-body small {
  font-size: 90%;
}

.markdown-body sub,
.markdown-body sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.markdown-body sub {
  bottom: -0.25em;
}

.markdown-body sup {
  top: -0.5em;
}

.markdown-body img {
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
  background-color: var(--color-canvas-default);
}

.markdown-body code,
.markdown-body kbd,
.markdown-body pre,
.markdown-body samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

.markdown-body figure {
  margin: 1em 40px;
}

.markdown-body hr {
  box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  border-bottom: 1px solid var(--color-border-muted);
  height: .25em;
  padding: 0;
  margin: 24px 0;
  background-color: var(--color-border-default);
  border: 0;
}

.markdown-body input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.markdown-body [type=button],
.markdown-body [type=reset],
.markdown-body [type=submit] {
  -webkit-appearance: button;
}

.markdown-body [type=button]::-moz-focus-inner,
.markdown-body [type=reset]::-moz-focus-inner,
.markdown-body [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.markdown-body [type=button]:-moz-focusring,
.markdown-body [type=reset]:-moz-focusring,
.markdown-body [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

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

.markdown-body [type=number]::-webkit-inner-spin-button,
.markdown-body [type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

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

.markdown-body ::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

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

.markdown-body a:hover {
  text-decoration: underline;
}

.markdown-body hr::before {
  display: table;
  content: "";
}

.markdown-body hr::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  overflow: auto;
}

.markdown-body td,
.markdown-body th {
  padding: 0;
}

.markdown-body details summary {
  cursor: pointer;
}

.markdown-body details:not([open])>*:not(summary) {
  display: none !important;
}

.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.markdown-body h2 {
  font-weight: 600;
  padding-bottom: .3em;
  font-size: 1.5em;
  border-bottom: 1px solid var(--color-border-muted);
}

.markdown-body h3 {
  font-weight: 600;
  font-size: 1.25em;
}

.markdown-body h4 {
  font-weight: 600;
  font-size: 1em;
}

.markdown-body h5 {
  font-weight: 600;
  font-size: .875em;
}

.markdown-body h6 {
  font-weight: 600;
  font-size: .85em;
  color: var(--color-fg-muted);
}

.markdown-body p {
  margin-top: 0;
  margin-bottom: 10px;
}

.markdown-body blockquote {
  margin: 0;
  padding: 0 1em;
  color: var(--color-fg-muted);
  border-left: .25em solid var(--color-border-default);
}

.markdown-body ul,
.markdown-body ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}

.markdown-body ol ol,
.markdown-body ul ol {
  list-style-type: lower-roman;
}

.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
  list-style-type: lower-alpha;
}

.markdown-body dd {
  margin-left: 0;
}

.markdown-body tt,
.markdown-body code {
  font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
  font-size: 12px;
}

.markdown-body pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
  font-size: 12px;
  word-wrap: normal;
}

.markdown-body .octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}

.markdown-body ::-moz-placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}

.markdown-body ::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}

.markdown-body input::-webkit-outer-spin-button,
.markdown-body input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}

.markdown-body .pl-c {
  color: var(--color-prettylights-syntax-comment);
}

.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
  color: var(--color-prettylights-syntax-constant);
}

.markdown-body .pl-e,
.markdown-body .pl-en {
  color: var(--color-prettylights-syntax-entity);
}

.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
  color: var(--color-prettylights-syntax-storage-modifier-import);
}

.markdown-body .pl-ent {
  color: var(--color-prettylights-syntax-entity-tag);
}

.markdown-body .pl-k {
  color: var(--color-prettylights-syntax-keyword);
}

.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
  color: var(--color-prettylights-syntax-string);
}

.markdown-body .pl-v,
.markdown-body .pl-smw {
  color: var(--color-prettylights-syntax-variable);
}

.markdown-body .pl-bu {
  color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
}

.markdown-body .pl-ii {
  color: var(--color-prettylights-syntax-invalid-illegal-text);
  background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
}

.markdown-body .pl-c2 {
  color: var(--color-prettylights-syntax-carriage-return-text);
  background-color: var(--color-prettylights-syntax-carriage-return-bg);
}

.markdown-body .pl-sr .pl-cce {
  font-weight: bold;
  color: var(--color-prettylights-syntax-string-regexp);
}

.markdown-body .pl-ml {
  color: var(--color-prettylights-syntax-markup-list);
}

.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
  font-weight: bold;
  color: var(--color-prettylights-syntax-markup-heading);
}

.markdown-body .pl-mi {
  font-style: italic;
  color: var(--color-prettylights-syntax-markup-italic);
}

.markdown-body .pl-mb {
  font-weight: bold;
  color: var(--color-prettylights-syntax-markup-bold);
}

.markdown-body .pl-md {
  color: var(--color-prettylights-syntax-markup-deleted-text);
  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}

.markdown-body .pl-mi1 {
  color: var(--color-prettylights-syntax-markup-inserted-text);
  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}

.markdown-body .pl-mc {
  color: var(--color-prettylights-syntax-markup-changed-text);
  background-color: var(--color-prettylights-syntax-markup-changed-bg);
}

.markdown-body .pl-mi2 {
  color: var(--color-prettylights-syntax-markup-ignored-text);
  background-color: var(--color-prettylights-syntax-markup-ignored-bg);
}

.markdown-body .pl-mdr {
  font-weight: bold;
  color: var(--color-prettylights-syntax-meta-diff-range);
}

.markdown-body .pl-ba {
  color: var(--color-prettylights-syntax-brackethighlighter-angle);
}

.markdown-body .pl-sg {
  color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
}

.markdown-body .pl-corl {
  text-decoration: underline;
  color: var(--color-prettylights-syntax-constant-other-reference-link);
}

.markdown-body [data-catalyst] {
  display: block;
}

.markdown-body g-emoji {
  font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 1em;
  font-style: normal !important;
  font-weight: 400;
  line-height: 1;
  vertical-align: -0.075em;
}

.markdown-body g-emoji img {
  width: 1em;
  height: 1em;
}

.markdown-body::before {
  display: table;
  content: "";
}

.markdown-body::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body>*:first-child {
  margin-top: 0 !important;
}

.markdown-body>*:last-child {
  margin-bottom: 0 !important;
}

.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.markdown-body .absent {
  color: var(--color-danger-fg);
}

.markdown-body .anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}

.markdown-body .anchor:focus {
  outline: none;
}

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre,
.markdown-body details {
  margin-top: 0;
  margin-bottom: 16px;
}

.markdown-body blockquote>:first-child {
  margin-top: 0;
}

.markdown-body blockquote>:last-child {
  margin-bottom: 0;
}

.markdown-body sup>a::before {
  content: "[";
}

.markdown-body sup>a::after {
  content: "]";
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: var(--color-fg-default);
  vertical-align: middle;
  visibility: hidden;
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}

.markdown-body h1 tt,
.markdown-body h1 code,
.markdown-body h2 tt,
.markdown-body h2 code,
.markdown-body h3 tt,
.markdown-body h3 code,
.markdown-body h4 tt,
.markdown-body h4 code,
.markdown-body h5 tt,
.markdown-body h5 code,
.markdown-body h6 tt,
.markdown-body h6 code {
  padding: 0 .2em;
  font-size: inherit;
}

.markdown-body ul.no-list,
.markdown-body ol.no-list {
  padding: 0;
  list-style-type: none;
}

.markdown-body ol[type="1"] {
  list-style-type: decimal;
}

.markdown-body ol[type=a] {
  list-style-type: lower-alpha;
}

.markdown-body ol[type=i] {
  list-style-type: lower-roman;
}

.markdown-body div>ol:not([type]) {
  list-style-type: decimal;
}

.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body li>p {
  margin-top: 16px;
}

.markdown-body li+li {
  margin-top: .25em;
}

.markdown-body dl {
  padding: 0;
}

.markdown-body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}

.markdown-body dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}

.markdown-body table th {
  font-weight: 600;
}

.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid var(--color-border-default);
}

.markdown-body table tr {
  background-color: var(--color-canvas-default);
  border-top: 1px solid var(--color-border-muted);
}

.markdown-body table tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}

.markdown-body table img {
  background-color: transparent;
}

.markdown-body img[align=right] {
  padding-left: 20px;
}

.markdown-body img[align=left] {
  padding-right: 20px;
}

.markdown-body .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}

.markdown-body span.frame {
  display: block;
  overflow: hidden;
}

.markdown-body span.frame>span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
}

.markdown-body span.frame span img {
  display: block;
  float: left;
}

.markdown-body span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: var(--color-fg-default);
}

.markdown-body span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}

.markdown-body span.align-center>span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}

.markdown-body span.align-center span img {
  margin: 0 auto;
  text-align: center;
}

.markdown-body span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}

.markdown-body span.align-right>span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}

.markdown-body span.align-right span img {
  margin: 0;
  text-align: right;
}

.markdown-body span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}

.markdown-body span.float-left span {
  margin: 13px 0 0;
}

.markdown-body span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}

.markdown-body span.float-right>span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}

.markdown-body code,
.markdown-body tt {
  padding: .2em .4em;
  margin: 0;
  font-size: 85%;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
}

.markdown-body code br,
.markdown-body tt br {
  display: none;
}

.markdown-body del code {
  text-decoration: inherit;
}

.markdown-body pre code {
  font-size: 100%;
}

.markdown-body pre>code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}

.markdown-body .highlight {
  margin-bottom: 16px;
}

.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}

.markdown-body .highlight pre,
.markdown-body pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: var(--color-canvas-subtle);
  border-radius: 6px;
}

.markdown-body pre code,
.markdown-body pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}

.markdown-body .csv-data td,
.markdown-body .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}

.markdown-body .csv-data .blob-num {
  padding: 10px 8px 9px;
  text-align: right;
  background: var(--color-canvas-default);
  border: 0;
}

.markdown-body .csv-data tr {
  border-top: 0;
}

.markdown-body .csv-data th {
  font-weight: 600;
  background: var(--color-canvas-subtle);
  border-top: 0;
}

.markdown-body .footnotes {
  font-size: 12px;
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
}

.markdown-body .footnotes ol {
  padding-left: 16px;
}

.markdown-body .footnotes li {
  position: relative;
}

.markdown-body .footnotes li:target::before {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -24px;
  pointer-events: none;
  content: "";
  border: 2px solid var(--color-accent-emphasis);
  border-radius: 6px;
}

.markdown-body .footnotes li:target {
  color: var(--color-fg-default);
}

.markdown-body .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}

.markdown-body .task-list-item {
  list-style-type: none;
}

.markdown-body .task-list-item label {
  font-weight: 400;
}

.markdown-body .task-list-item.enabled label {
  cursor: pointer;
}

.markdown-body .task-list-item+.task-list-item {
  margin-top: 3px;
}

.markdown-body .task-list-item .handle {
  display: none;
}

.markdown-body .task-list-item-checkbox {
  margin: 0 .2em .25em -1.6em;
  vertical-align: middle;
}

.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em .25em .2em;
}

.markdown-body ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}

/*! tailwindcss v3.2.2 | MIT License | https://tailwindcss.com
 */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

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

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

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

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

:root,
[data-theme]{
  background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
  color:hsla(var(--bc) / var(--tw-text-opacity, 1))
}

html{
  -webkit-tap-highlight-color:transparent
}

:root{
  color-scheme:light;
  --pf:259 94% 41%;
  --sf:314 100% 38%;
  --af:174 60% 41%;
  --nf:219 14% 22%;
  --in:198 93% 60%;
  --su:158 64% 52%;
  --wa:43 96% 56%;
  --er:0 91% 71%;
  --inc:198 100% 12%;
  --suc:158 100% 10%;
  --wac:43 100% 11%;
  --erc:0 100% 14%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:259 94% 51%;
  --pc:0 0% 100%;
  --s:314 100% 47%;
  --sc:0 0% 100%;
  --a:174 60% 51%;
  --ac:175 44% 15%;
  --n:219 14% 28%;
  --nc:0 0% 100%;
  --b1:0 0% 100%;
  --b2:0 0% 95%;
  --b3:180 2% 90%;
  --bc:215 28% 17%
}

@media (prefers-color-scheme: dark){
  :root{
    color-scheme:dark;
    --pf:262 80% 40%;
    --sf:316 70% 40%;
    --af:175 70% 33%;
    --in:198 93% 60%;
    --su:158 64% 52%;
    --wa:43 96% 56%;
    --er:0 91% 71%;
    --inc:198 100% 12%;
    --suc:158 100% 10%;
    --wac:43 100% 11%;
    --erc:0 100% 14%;
    --rounded-box:1rem;
    --rounded-btn:0.5rem;
    --rounded-badge:1.9rem;
    --animation-btn:0.25s;
    --animation-input:.2s;
    --btn-text-case:uppercase;
    --btn-focus-scale:0.95;
    --border-btn:1px;
    --tab-border:1px;
    --tab-radius:0.5rem;
    --p:262 80% 50%;
    --pc:0 0% 100%;
    --s:316 70% 50%;
    --sc:0 0% 100%;
    --a:175 70% 41%;
    --ac:0 0% 100%;
    --n:218 18% 12%;
    --nf:223 17% 8%;
    --nc:220 13% 69%;
    --b1:220 18% 20%;
    --b2:220 17% 17%;
    --b3:219 18% 15%;
    --bc:220 13% 69%
  }
}

[data-theme=light]{
  color-scheme:light;
  --pf:259 94% 41%;
  --sf:314 100% 38%;
  --af:174 60% 41%;
  --nf:219 14% 22%;
  --in:198 93% 60%;
  --su:158 64% 52%;
  --wa:43 96% 56%;
  --er:0 91% 71%;
  --inc:198 100% 12%;
  --suc:158 100% 10%;
  --wac:43 100% 11%;
  --erc:0 100% 14%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:259 94% 51%;
  --pc:0 0% 100%;
  --s:314 100% 47%;
  --sc:0 0% 100%;
  --a:174 60% 51%;
  --ac:175 44% 15%;
  --n:219 14% 28%;
  --nc:0 0% 100%;
  --b1:0 0% 100%;
  --b2:0 0% 95%;
  --b3:180 2% 90%;
  --bc:215 28% 17%
}

[data-theme=dark]{
  color-scheme:dark;
  --pf:262 80% 40%;
  --sf:316 70% 40%;
  --af:175 70% 33%;
  --in:198 93% 60%;
  --su:158 64% 52%;
  --wa:43 96% 56%;
  --er:0 91% 71%;
  --inc:198 100% 12%;
  --suc:158 100% 10%;
  --wac:43 100% 11%;
  --erc:0 100% 14%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:262 80% 50%;
  --pc:0 0% 100%;
  --s:316 70% 50%;
  --sc:0 0% 100%;
  --a:175 70% 41%;
  --ac:0 0% 100%;
  --n:218 18% 12%;
  --nf:223 17% 8%;
  --nc:220 13% 69%;
  --b1:220 18% 20%;
  --b2:220 17% 17%;
  --b3:219 18% 15%;
  --bc:220 13% 69%
}

[data-theme=cupcake]{
  color-scheme:light;
  --pf:183 47% 47%;
  --sf:338 71% 62%;
  --af:39 84% 46%;
  --nf:280 46% 11%;
  --in:198 93% 60%;
  --su:158 64% 52%;
  --wa:43 96% 56%;
  --er:0 91% 71%;
  --pc:183 100% 12%;
  --sc:338 100% 16%;
  --ac:39 100% 12%;
  --nc:280 83% 83%;
  --inc:198 100% 12%;
  --suc:158 100% 10%;
  --wac:43 100% 11%;
  --erc:0 100% 14%;
  --rounded-box:1rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --p:183 47% 59%;
  --s:338 71% 78%;
  --a:39 84% 58%;
  --n:280 46% 14%;
  --b1:24 33% 97%;
  --b2:27 22% 92%;
  --b3:22 14% 89%;
  --bc:280 46% 14%;
  --rounded-btn:1.9rem;
  --tab-border:2px;
  --tab-radius:.5rem
}

[data-theme=bumblebee]{
  color-scheme:light;
  --pf:41 74% 42%;
  --sf:50 94% 46%;
  --af:240 33% 11%;
  --nf:240 33% 11%;
  --b2:0 0% 90%;
  --b3:0 0% 81%;
  --in:198 93% 60%;
  --su:158 64% 52%;
  --wa:43 96% 56%;
  --er:0 91% 71%;
  --bc:0 0% 20%;
  --ac:240 60% 83%;
  --nc:240 60% 83%;
  --inc:198 100% 12%;
  --suc:158 100% 10%;
  --wac:43 100% 11%;
  --erc:0 100% 14%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:41 74% 53%;
  --pc:240 33% 14%;
  --s:50 94% 58%;
  --sc:240 33% 14%;
  --a:240 33% 14%;
  --n:240 33% 14%;
  --b1:0 0% 100%
}

[data-theme=emerald]{
  color-scheme:light;
  --pf:141 50% 48%;
  --sf:219 96% 48%;
  --af:10 81% 45%;
  --nf:219 20% 20%;
  --b2:0 0% 90%;
  --b3:0 0% 81%;
  --in:198 93% 60%;
  --su:158 64% 52%;
  --wa:43 96% 56%;
  --er:0 91% 71%;
  --inc:198 100% 12%;
  --suc:158 100% 10%;
  --wac:43 100% 11%;
  --erc:0 100% 14%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --btn-text-case:uppercase;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:141 50% 60%;
  --pc:151 28% 19%;
  --s:219 96% 60%;
  --sc:210 20% 98%;
  --a:10 81% 56%;
  --ac:210 20% 98%;
  --n:219 20% 25%;
  --nc:210 20% 98%;
  --b1:0 0% 100%;
  --bc:219 20% 25%;
  --animation-btn:0;
  --animation-input:0;
  --btn-focus-scale:1
}

[data-theme=corporate]{
  color-scheme:light;
  --pf:229 96% 51%;
  --sf:215 26% 47%;
  --af:154 49% 48%;
  --nf:233 27% 10%;
  --b2:0 0% 90%;
  --b3:0 0% 81%;
  --in:198 93% 60%;
  --su:158 64% 52%;
  --wa:43 96% 56%;
  --er:0 91% 71%;
  --pc:229 100% 93%;
  --sc:215 100% 12%;
  --ac:154 100% 12%;
  --inc:198 100% 12%;
  --suc:158 100% 10%;
  --wac:43 100% 11%;
  --erc:0 100% 14%;
  --btn-text-case:uppercase;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:229 96% 64%;
  --s:215 26% 59%;
  --a:154 49% 60%;
  --n:233 27% 13%;
  --nc:210 38% 95%;
  --b1:0 0% 100%;
  --bc:233 27% 13%;
  --rounded-box:0.25rem;
  --rounded-btn:.125rem;
  --rounded-badge:.125rem;
  --animation-btn:0;
  --animation-input:0;
  --btn-focus-scale:1
}

[data-theme=synthwave]{
  color-scheme:dark;
  --pf:321 70% 55%;
  --sf:197 87% 52%;
  --af:48 89% 46%;
  --nf:253 61% 15%;
  --b2:254 59% 23%;
  --b3:254 59% 21%;
  --pc:321 100% 14%;
  --sc:197 100% 13%;
  --ac:48 100% 11%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:321 70% 69%;
  --s:197 87% 65%;
  --a:48 89% 57%;
  --n:253 61% 19%;
  --nc:260 60% 98%;
  --b1:254 59% 26%;
  --bc:260 60% 98%;
  --in:199 87% 64%;
  --inc:257 63% 17%;
  --su:168 74% 68%;
  --suc:257 63% 17%;
  --wa:48 89% 57%;
  --wac:257 63% 17%;
  --er:352 74% 57%;
  --erc:260 60% 98%
}

[data-theme=retro]{
  color-scheme:light;
  --pf:3 74% 61%;
  --sf:145 27% 58%;
  --af:49 67% 61%;
  --nf:42 17% 34%;
  --inc:221 100% 91%;
  --suc:142 100% 87%;
  --wac:32 100% 9%;
  --erc:0 100% 90%;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:3 74% 76%;
  --pc:345 5% 15%;
  --s:145 27% 72%;
  --sc:345 5% 15%;
  --a:49 67% 76%;
  --ac:345 5% 15%;
  --n:42 17% 42%;
  --nc:45 47% 80%;
  --b1:45 47% 80%;
  --b2:45 37% 72%;
  --b3:42 36% 65%;
  --bc:345 5% 15%;
  --in:221 83% 53%;
  --su:142 76% 36%;
  --wa:32 95% 44%;
  --er:0 72% 51%;
  --rounded-box:0.4rem;
  --rounded-btn:0.4rem;
  --rounded-badge:0.4rem
}

[data-theme=cyberpunk]{
  color-scheme:light;
  --pf:345 100% 58%;
  --sf:195 80% 56%;
  --af:276 74% 57%;
  --nf:57 100% 10%;
  --b2:56 100% 45%;
  --b3:56 100% 41%;
  --in:198 93% 60%;
  --su:158 64% 52%;
  --wa:43 96% 56%;
  --er:0 91% 71%;
  --bc:56 100% 10%;
  --pc:345 100% 15%;
  --sc:195 100% 14%;
  --ac:276 100% 14%;
  --inc:198 100% 12%;
  --suc:158 100% 10%;
  --wac:43 100% 11%;
  --erc:0 100% 14%;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  --p:345 100% 73%;
  --s:195 80% 70%;
  --a:276 74% 71%;
  --n:57 100% 13%;
  --nc:56 100% 50%;
  --b1:56 100% 50%;
  --rounded-box:0;
  --rounded-btn:0;
  --rounded-badge:0;
  --tab-radius:0
}

[data-theme=valentine]{
  color-scheme:light;
  --pf:353 74% 54%;
  --sf:254 86% 61%;
  --af:181 56% 56%;
  --nf:336 43% 38%;
  --b2:318 46% 80%;
  --b3:318 46% 72%;
  --pc:353 100% 13%;
  --sc:254 100% 15%;
  --ac:181 100% 14%;
  --inc:221 100% 91%;
  --suc:142 100% 87%;
  --wac:32 100% 9%;
  --erc:0 100% 90%;
  --rounded-box:1rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:353 74% 67%;
  --s:254 86% 77%;
  --a:181 56% 70%;
  --n:336 43% 48%;
  --nc:318 46% 89%;
  --b1:318 46% 89%;
  --bc:344 38% 28%;
  --in:221 83% 53%;
  --su:142 76% 36%;
  --wa:32 95% 44%;
  --er:0 72% 51%;
  --rounded-btn:1.9rem
}

[data-theme=halloween]{
  color-scheme:dark;
  --pf:32 89% 42%;
  --sf:271 46% 34%;
  --af:91 100% 26%;
  --nf:180 4% 9%;
  --b2:0 0% 12%;
  --b3:0 0% 10%;
  --bc:0 0% 83%;
  --sc:271 100% 88%;
  --ac:91 100% 7%;
  --nc:180 5% 82%;
  --inc:221 100% 91%;
  --suc:142 100% 87%;
  --wac:32 100% 9%;
  --erc:0 100% 90%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:32 89% 52%;
  --pc:180 7% 8%;
  --s:271 46% 42%;
  --a:91 100% 33%;
  --n:180 4% 11%;
  --b1:0 0% 13%;
  --in:221 83% 53%;
  --su:142 76% 36%;
  --wa:32 95% 44%;
  --er:0 72% 51%
}

[data-theme=garden]{
  color-scheme:light;
  --pf:139 16% 34%;
  --sf:97 37% 75%;
  --af:0 68% 75%;
  --nf:0 4% 28%;
  --b2:0 4% 82%;
  --b3:0 4% 74%;
  --in:198 93% 60%;
  --su:158 64% 52%;
  --wa:43 96% 56%;
  --er:0 91% 71%;
  --pc:139 100% 89%;
  --inc:198 100% 12%;
  --suc:158 100% 10%;
  --wac:43 100% 11%;
  --erc:0 100% 14%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:139 16% 43%;
  --s:97 37% 93%;
  --sc:96 32% 15%;
  --a:0 68% 94%;
  --ac:0 22% 16%;
  --n:0 4% 35%;
  --nc:0 4% 91%;
  --b1:0 4% 91%;
  --bc:0 3% 6%
}

[data-theme=forest]{
  color-scheme:dark;
  --pf:141 72% 34%;
  --sf:141 75% 38%;
  --af:35 69% 42%;
  --nf:0 10% 5%;
  --b2:0 12% 7%;
  --b3:0 12% 7%;
  --in:198 93% 60%;
  --su:158 64% 52%;
  --wa:43 96% 56%;
  --er:0 91% 71%;
  --bc:0 12% 82%;
  --sc:141 100% 10%;
  --ac:35 100% 10%;
  --nc:0 7% 81%;
  --inc:198 100% 12%;
  --suc:158 100% 10%;
  --wac:43 100% 11%;
  --erc:0 100% 14%;
  --rounded-box:1rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:141 72% 42%;
  --pc:141 100% 88%;
  --s:141 75% 48%;
  --a:35 69% 52%;
  --n:0 10% 6%;
  --b1:0 12% 8%;
  --rounded-btn:1.9rem
}

[data-theme=aqua]{
  color-scheme:dark;
  --pf:182 93% 40%;
  --sf:274 31% 45%;
  --af:47 100% 64%;
  --nf:205 54% 40%;
  --b2:219 53% 39%;
  --b3:219 53% 35%;
  --bc:219 100% 89%;
  --sc:274 100% 91%;
  --ac:47 100% 16%;
  --nc:205 100% 90%;
  --inc:221 100% 91%;
  --suc:142 100% 87%;
  --wac:32 100% 9%;
  --erc:0 100% 90%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:182 93% 49%;
  --pc:181 100% 17%;
  --s:274 31% 57%;
  --a:47 100% 80%;
  --n:205 54% 50%;
  --b1:219 53% 43%;
  --in:221 83% 53%;
  --su:142 76% 36%;
  --wa:32 95% 44%;
  --er:0 72% 51%
}

[data-theme=lofi]{
  color-scheme:light;
  --pf:0 0% 4%;
  --sf:0 2% 8%;
  --af:0 0% 12%;
  --nf:0 0% 0%;
  --btn-text-case:uppercase;
  --border-btn:1px;
  --tab-border:1px;
  --p:0 0% 5%;
  --pc:0 0% 100%;
  --s:0 2% 10%;
  --sc:0 0% 100%;
  --a:0 0% 15%;
  --ac:0 0% 100%;
  --n:0 0% 0%;
  --nc:0 0% 100%;
  --b1:0 0% 100%;
  --b2:0 0% 95%;
  --b3:0 2% 90%;
  --bc:0 0% 0%;
  --in:212 100% 48%;
  --inc:0 0% 100%;
  --su:137 72% 46%;
  --suc:0 0% 100%;
  --wa:5 100% 66%;
  --wac:0 0% 100%;
  --er:325 78% 49%;
  --erc:0 0% 100%;
  --rounded-box:0.25rem;
  --rounded-btn:0.125rem;
  --rounded-badge:0.125rem;
  --animation-btn:0;
  --animation-input:0;
  --btn-focus-scale:1;
  --tab-radius:0
}

[data-theme=pastel]{
  color-scheme:light;
  --pf:284 22% 64%;
  --sf:352 70% 70%;
  --af:158 55% 65%;
  --nf:199 44% 49%;
  --in:198 93% 60%;
  --su:158 64% 52%;
  --wa:43 96% 56%;
  --er:0 91% 71%;
  --bc:0 0% 20%;
  --pc:284 59% 16%;
  --sc:352 100% 18%;
  --ac:158 100% 16%;
  --nc:199 100% 12%;
  --inc:198 100% 12%;
  --suc:158 100% 10%;
  --wac:43 100% 11%;
  --erc:0 100% 14%;
  --rounded-box:1rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:284 22% 80%;
  --s:352 70% 88%;
  --a:158 55% 81%;
  --n:199 44% 61%;
  --b1:0 0% 100%;
  --b2:210 20% 98%;
  --b3:216 12% 84%;
  --rounded-btn:1.9rem
}

[data-theme=fantasy]{
  color-scheme:light;
  --pf:296 83% 20%;
  --sf:200 100% 30%;
  --af:31 94% 41%;
  --nf:215 28% 13%;
  --b2:0 0% 90%;
  --b3:0 0% 81%;
  --in:198 93% 60%;
  --su:158 64% 52%;
  --wa:43 96% 56%;
  --er:0 91% 71%;
  --pc:296 100% 85%;
  --sc:200 100% 87%;
  --ac:31 100% 10%;
  --nc:215 62% 83%;
  --inc:198 100% 12%;
  --suc:158 100% 10%;
  --wac:43 100% 11%;
  --erc:0 100% 14%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:296 83% 25%;
  --s:200 100% 37%;
  --a:31 94% 51%;
  --n:215 28% 17%;
  --b1:0 0% 100%;
  --bc:215 28% 17%
}

[data-theme=wireframe]{
  color-scheme:light;
  --pf:0 0% 58%;
  --sf:0 0% 58%;
  --af:0 0% 58%;
  --nf:0 0% 74%;
  --bc:0 0% 20%;
  --pc:0 0% 14%;
  --sc:0 0% 14%;
  --ac:0 0% 14%;
  --nc:0 0% 18%;
  --inc:240 100% 90%;
  --suc:120 100% 85%;
  --wac:60 100% 10%;
  --erc:0 100% 90%;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  font-family:Chalkboard,comic sans ms,"sanssecondaryerif";
  --p:0 0% 72%;
  --s:0 0% 72%;
  --a:0 0% 72%;
  --n:0 0% 92%;
  --b1:0 0% 100%;
  --b2:0 0% 93%;
  --b3:0 0% 87%;
  --in:240 100% 50%;
  --su:120 100% 25%;
  --wa:60 30% 50%;
  --er:0 100% 50%;
  --rounded-box:0.2rem;
  --rounded-btn:0.2rem;
  --rounded-badge:0.2rem;
  --tab-radius:0.2rem
}

[data-theme=black]{
  color-scheme:dark;
  --pf:0 2% 16%;
  --sf:0 2% 16%;
  --af:0 2% 16%;
  --bc:0 0% 80%;
  --pc:0 5% 84%;
  --sc:0 5% 84%;
  --ac:0 5% 84%;
  --nc:0 3% 83%;
  --inc:240 100% 90%;
  --suc:120 100% 85%;
  --wac:60 100% 10%;
  --erc:0 100% 90%;
  --border-btn:1px;
  --tab-border:1px;
  --p:0 2% 20%;
  --s:0 2% 20%;
  --a:0 2% 20%;
  --b1:0 0% 0%;
  --b2:0 0% 5%;
  --b3:0 2% 10%;
  --n:0 1% 15%;
  --nf:0 2% 20%;
  --in:240 100% 50%;
  --su:120 100% 25%;
  --wa:60 100% 50%;
  --er:0 100% 50%;
  --rounded-box:0;
  --rounded-btn:0;
  --rounded-badge:0;
  --animation-btn:0;
  --animation-input:0;
  --btn-text-case:lowercase;
  --btn-focus-scale:1;
  --tab-radius:0
}

[data-theme=luxury]{
  color-scheme:dark;
  --pf:0 0% 80%;
  --sf:218 54% 14%;
  --af:319 22% 21%;
  --nf:270 4% 7%;
  --pc:0 0% 20%;
  --sc:218 100% 84%;
  --ac:319 85% 85%;
  --inc:202 100% 14%;
  --suc:89 100% 10%;
  --wac:54 100% 13%;
  --erc:0 100% 14%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:0 0% 100%;
  --s:218 54% 18%;
  --a:319 22% 26%;
  --n:270 4% 9%;
  --nc:37 67% 58%;
  --b1:240 10% 4%;
  --b2:270 4% 9%;
  --b3:270 2% 18%;
  --bc:37 67% 58%;
  --in:202 100% 70%;
  --su:89 62% 52%;
  --wa:54 69% 64%;
  --er:0 100% 72%
}

[data-theme=dracula]{
  color-scheme:dark;
  --pf:326 100% 59%;
  --sf:265 89% 62%;
  --af:31 100% 57%;
  --nf:230 15% 24%;
  --b2:231 15% 17%;
  --b3:231 15% 15%;
  --pc:326 100% 15%;
  --sc:265 100% 16%;
  --ac:31 100% 14%;
  --nc:230 71% 86%;
  --inc:191 100% 15%;
  --suc:135 100% 13%;
  --wac:65 100% 15%;
  --erc:0 100% 93%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:326 100% 74%;
  --s:265 89% 78%;
  --a:31 100% 71%;
  --n:230 15% 30%;
  --b1:231 15% 18%;
  --bc:60 30% 96%;
  --in:191 97% 77%;
  --su:135 94% 65%;
  --wa:65 92% 76%;
  --er:0 100% 67%
}

[data-theme=cmyk]{
  color-scheme:light;
  --pf:203 83% 48%;
  --sf:335 78% 48%;
  --af:56 100% 48%;
  --nf:0 0% 8%;
  --b2:0 0% 90%;
  --b3:0 0% 81%;
  --bc:0 0% 20%;
  --pc:203 100% 12%;
  --sc:335 100% 92%;
  --ac:56 100% 12%;
  --nc:0 0% 82%;
  --inc:192 100% 10%;
  --suc:291 100% 88%;
  --wac:25 100% 11%;
  --erc:4 100% 91%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:203 83% 60%;
  --s:335 78% 60%;
  --a:56 100% 60%;
  --n:0 0% 10%;
  --b1:0 0% 100%;
  --in:192 48% 52%;
  --su:291 48% 38%;
  --wa:25 85% 57%;
  --er:4 81% 56%
}

[data-theme=autumn]{
  color-scheme:light;
  --pf:344 96% 22%;
  --sf:0 63% 47%;
  --af:27 56% 50%;
  --nf:22 17% 35%;
  --b2:0 0% 85%;
  --b3:0 0% 77%;
  --bc:0 0% 19%;
  --pc:344 100% 86%;
  --sc:0 100% 92%;
  --ac:27 100% 13%;
  --nc:22 100% 89%;
  --inc:187 100% 10%;
  --suc:165 100% 9%;
  --wac:30 100% 10%;
  --erc:354 100% 90%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:344 96% 28%;
  --s:0 63% 58%;
  --a:27 56% 63%;
  --n:22 17% 44%;
  --b1:0 0% 95%;
  --in:187 48% 50%;
  --su:165 34% 43%;
  --wa:30 84% 50%;
  --er:354 79% 49%
}

[data-theme=business]{
  color-scheme:dark;
  --pf:210 64% 24%;
  --sf:200 13% 44%;
  --af:13 80% 48%;
  --nf:213 14% 13%;
  --b2:0 0% 11%;
  --b3:0 0% 10%;
  --bc:0 0% 83%;
  --pc:210 100% 86%;
  --sc:200 100% 11%;
  --ac:13 100% 12%;
  --nc:213 28% 83%;
  --inc:199 100% 88%;
  --suc:144 100% 11%;
  --wac:39 100% 12%;
  --erc:6 100% 89%;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:210 64% 31%;
  --s:200 13% 55%;
  --a:13 80% 60%;
  --n:213 14% 16%;
  --b1:0 0% 13%;
  --in:199 100% 42%;
  --su:144 31% 56%;
  --wa:39 64% 60%;
  --er:6 56% 43%;
  --rounded-box:0.25rem;
  --rounded-btn:.125rem;
  --rounded-badge:.125rem
}

[data-theme=acid]{
  color-scheme:light;
  --pf:303 100% 40%;
  --sf:27 100% 40%;
  --af:72 98% 40%;
  --nf:238 43% 14%;
  --b2:0 0% 88%;
  --b3:0 0% 79%;
  --bc:0 0% 20%;
  --pc:303 100% 90%;
  --sc:27 100% 10%;
  --ac:72 100% 10%;
  --nc:238 99% 83%;
  --inc:210 100% 12%;
  --suc:149 100% 12%;
  --wac:53 100% 11%;
  --erc:1 100% 89%;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:303 100% 50%;
  --s:27 100% 50%;
  --a:72 98% 50%;
  --n:238 43% 17%;
  --b1:0 0% 98%;
  --in:210 92% 58%;
  --su:149 50% 58%;
  --wa:53 93% 57%;
  --er:1 100% 45%;
  --rounded-box:1.25rem;
  --rounded-btn:1rem;
  --rounded-badge:1rem
}

[data-theme=lemonade]{
  color-scheme:light;
  --pf:89 96% 24%;
  --sf:60 81% 44%;
  --af:63 80% 71%;
  --nf:238 43% 14%;
  --b2:0 0% 90%;
  --b3:0 0% 81%;
  --bc:0 0% 20%;
  --pc:89 100% 86%;
  --sc:60 100% 11%;
  --ac:63 100% 18%;
  --nc:238 99% 83%;
  --inc:192 79% 17%;
  --suc:74 100% 16%;
  --wac:50 100% 15%;
  --erc:1 100% 17%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:89 96% 31%;
  --s:60 81% 55%;
  --a:63 80% 88%;
  --n:238 43% 17%;
  --b1:0 0% 100%;
  --in:192 39% 85%;
  --su:74 76% 79%;
  --wa:50 87% 75%;
  --er:1 70% 83%
}

[data-theme=night]{
  color-scheme:dark;
  --pf:198 93% 48%;
  --sf:234 89% 59%;
  --af:329 86% 56%;
  --b2:222 47% 10%;
  --b3:222 47% 9%;
  --bc:222 66% 82%;
  --pc:198 100% 12%;
  --sc:234 100% 15%;
  --ac:329 100% 14%;
  --nc:217 76% 83%;
  --inc:198 100% 10%;
  --suc:172 100% 10%;
  --wac:41 100% 13%;
  --erc:351 100% 14%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:198 93% 60%;
  --s:234 89% 74%;
  --a:329 86% 70%;
  --n:217 33% 17%;
  --nf:217 30% 22%;
  --b1:222 47% 11%;
  --in:198 90% 48%;
  --su:172 66% 50%;
  --wa:41 88% 64%;
  --er:351 95% 71%
}

[data-theme=coffee]{
  color-scheme:dark;
  --pf:30 67% 46%;
  --sf:182 25% 16%;
  --af:194 74% 20%;
  --nf:300 20% 5%;
  --b2:306 19% 10%;
  --b3:306 19% 9%;
  --pc:30 100% 12%;
  --sc:182 67% 84%;
  --ac:194 100% 85%;
  --nc:300 14% 81%;
  --inc:171 100% 13%;
  --suc:93 100% 12%;
  --wac:43 100% 14%;
  --erc:10 100% 15%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:30 67% 58%;
  --s:182 25% 20%;
  --a:194 74% 25%;
  --n:300 20% 6%;
  --b1:306 19% 11%;
  --bc:37 8% 42%;
  --in:171 37% 67%;
  --su:93 25% 62%;
  --wa:43 100% 69%;
  --er:10 95% 75%
}

[data-theme=winter]{
  color-scheme:light;
  --pf:212 100% 41%;
  --sf:247 47% 35%;
  --af:310 49% 42%;
  --nf:217 92% 8%;
  --pc:212 100% 90%;
  --sc:247 100% 89%;
  --ac:310 100% 90%;
  --nc:217 100% 82%;
  --inc:192 100% 16%;
  --suc:182 100% 13%;
  --wac:32 100% 17%;
  --erc:0 100% 14%;
  --rounded-box:1rem;
  --rounded-btn:0.5rem;
  --rounded-badge:1.9rem;
  --animation-btn:0.25s;
  --animation-input:.2s;
  --btn-text-case:uppercase;
  --btn-focus-scale:0.95;
  --border-btn:1px;
  --tab-border:1px;
  --tab-radius:0.5rem;
  --p:212 100% 51%;
  --s:247 47% 43%;
  --a:310 49% 52%;
  --n:217 92% 10%;
  --b1:0 0% 100%;
  --b2:217 100% 97%;
  --b3:219 44% 92%;
  --bc:214 30% 32%;
  --in:192 93% 78%;
  --su:182 47% 66%;
  --wa:32 62% 84%;
  --er:0 63% 72%
}

html {
  font-family: font-sans;
}

*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

.container{
  width:100%
}

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

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

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

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

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

@keyframes spin{
  from{
    transform:rotate(0deg)
  }

  to{
    transform:rotate(360deg)
  }
}

.footer{
  display:grid;
  width:100%;
  grid-auto-flow:row;
  place-items:start;
  row-gap:2.5rem;
  -moz-column-gap:1rem;
       column-gap:1rem;
  font-size:0.875rem;
  line-height:1.25rem
}

.footer > *{
  display:grid;
  place-items:start;
  gap:0.5rem
}

@media (min-width: 48rem){
  .footer{
    grid-auto-flow:column
  }

  .footer-center{
    grid-auto-flow:row dense
  }
}

.label{
  display:flex;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  align-items:center;
  justify-content:space-between;
  padding-left:0.25rem;
  padding-right:0.25rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.link{
  cursor:pointer;
  text-decoration-line:underline
}

.table{
  position:relative;
  text-align:left
}

.table th:first-child{
  position:sticky;
  position:-webkit-sticky;
  left:0px;
  z-index:11
}

.btm-nav>* .label{
  font-size:1rem;
  line-height:1.5rem
}

@keyframes button-pop{
  0%{
    transform:scale(var(--btn-focus-scale, 0.95))
  }

  40%{
    transform:scale(1.02)
  }

  100%{
    transform:scale(1)
  }
}

@keyframes checkmark{
  0%{
    background-position-y:5px
  }

  50%{
    background-position-y:-2px
  }

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

.label a:hover{
  --tw-text-opacity:1;
  color:hsl(var(--bc) / var(--tw-text-opacity))
}

.link:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.link:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px
}

@keyframes progress-loading{
  50%{
    left:107%
  }
}

@keyframes radiomark{
  0%{
    box-shadow:0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset
  }

  50%{
    box-shadow:0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset
  }

  100%{
    box-shadow:0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset
  }
}

@keyframes rating-pop{
  0%{
    transform:translateY(-0.125em)
  }

  40%{
    transform:translateY(-0.125em)
  }

  100%{
    transform:translateY(0)
  }
}

.table :where(th, td){
  white-space:nowrap;
  padding:1rem;
  vertical-align:middle
}

.table tr.active th,
    .table tr.active td,
    .table tr.active:nth-child(even) th,
    .table tr.active:nth-child(even) td{
  --tw-bg-opacity:1;
  background-color:hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
}

.table tr.hover:hover th,
    .table tr.hover:hover td,
    .table tr.hover:nth-child(even):hover th,
    .table tr.hover:nth-child(even):hover td{
  --tw-bg-opacity:1;
  background-color:hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
}

.table:where(:not(.table-zebra)) :where(thead, tbody, tfoot) :where(tr:not(:last-child) :where(th, td)){
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))
}

.table :where(thead, tfoot) :where(th, td){
  --tw-bg-opacity:1;
  background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
  font-size:0.75rem;
  line-height:1rem;
  font-weight:700;
  text-transform:uppercase
}

.table :where(tbody th, tbody td){
  --tw-bg-opacity:1;
  background-color:hsl(var(--b1) / var(--tw-bg-opacity))
}

:where(.table *:first-child) :where(*:first-child) :where(th, td):first-child{
  border-top-left-radius:0.5rem
}

:where(.table *:first-child) :where(*:first-child) :where(th, td):last-child{
  border-top-right-radius:0.5rem
}

:where(.table *:last-child) :where(*:last-child) :where(th, td):first-child{
  border-bottom-left-radius:0.5rem
}

:where(.table *:last-child) :where(*:last-child) :where(th, td):last-child{
  border-bottom-right-radius:0.5rem
}

@keyframes toast-pop{
  0%{
    transform:scale(0.9);
    opacity:0
  }

  100%{
    transform:scale(1);
    opacity:1
  }
}

.bottom-0{
  bottom:0px
}

.my-8{
  margin-top:2rem;
  margin-bottom:2rem
}

.flex{
  display:flex
}

.table{
  display:table
}

.h-screen{
  height:100vh
}

.flex-1{
  flex:1 1 0%
}

.flex-grow{
  flex-grow:1
}

.grid-flow-row{
  grid-auto-flow:row
}

.grid-flow-col{
  grid-auto-flow:column
}

.flex-col{
  flex-direction:column
}

.items-center{
  align-items:center
}

.gap-4{
  gap:1rem
}

.bg-base-100{
  --tw-bg-opacity:1;
  background-color:hsl(var(--b1) / var(--tw-bg-opacity))
}

.bg-base-300{
  --tw-bg-opacity:1;
  background-color:hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
}

.fill-current{
  fill:currentColor
}

.p-12{
  padding:3rem
}

.pt-4{
  padding-top:1rem
}

.pb-8{
  padding-bottom:2rem
}

.pt-8{
  padding-top:2rem
}

.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity))
}

.text-base-content{
  --tw-text-opacity:1;
  color:hsl(var(--bc) / var(--tw-text-opacity))
}

.header-image{
  padding-bottom:4rem;
  background-image: url("https://hd2g.github.io/kat0/image/lorenzo-herrera-p0j-mE6mGo4-unsplash.jpg");
  background-position: center;
  background-size: cover
}

.markdown-body *{
  --tw-bg-opacity:1;
  background-color:hsl(var(--b1) / var(--tw-bg-opacity))
}

.markdown-body table *{
  --tw-bg-opacity:1;
  background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))
}

.markdown-body h1{
  margin-top:2.5rem
}