diff --git a/css/pico.classless.css b/css/pico.classless.css
index 8b26416a..f95ae5ce 100644
--- a/css/pico.classless.css
+++ b/css/pico.classless.css
@@ -100,28 +100,20 @@ section {
   }
 }
 
+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) * 1.5);
-    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
+    --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) * 2);
-    --block-spacing-horizontal: calc(var(--spacing) * 2);
-  }
-}
-@media (min-width: 992px) {
-  dialog > article {
-    --block-spacing-vertical: calc(var(--spacing) * 2.5);
-    --block-spacing-horizontal: calc(var(--spacing) * 2.5);
-  }
-}
-@media (min-width: 1200px) {
   dialog > article {
     --block-spacing-vertical: calc(var(--spacing) * 3);
-    --block-spacing-horizontal: calc(var(--spacing) * 3);
+    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
   }
 }
 
@@ -276,7 +268,7 @@ kbd {
     0 0.125rem 2rem rgba(27, 40, 50, 0.08),
     0 0 0 0.0625rem rgba(27, 40, 50, 0.024);
   --card-sectionning-background-color: #fbfbfc;
-  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);
+  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);
   --progress-background-color: #d5dce2;
   --progress-color: var(--primary);
   --loading-spinner-opacity: 0.5;
@@ -1203,9 +1195,13 @@ textarea[aria-invalid=true]:focus {
   ) !important;
 }
 
-[dir=rtl] input[aria-invalid],
-[dir=rtl] select[aria-invalid],
-[dir=rtl] textarea[aria-invalid] {
+[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],
+[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],
+[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],
+[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],
+[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],
+[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],
+[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {
   background-position: center left 0.75rem;
 }
 
@@ -1397,24 +1393,24 @@ label > input, label > select, label > textarea {
   border-radius: calc(var(--border-radius) * 0.5);
 }
 
-:not(:dir(rtl)) [type=date],
-:not(:dir(rtl)) [type=datetime-local],
-:not(:dir(rtl)) [type=month],
-:not(:dir(rtl)) [type=time],
-:not(:dir(rtl)) [type=week] {
+:not([dir=rtl]) [type=date],
+:not([dir=rtl]) [type=datetime-local],
+:not([dir=rtl]) [type=month],
+:not([dir=rtl]) [type=time],
+:not([dir=rtl]) [type=week] {
   background-image: var(--icon-date);
   background-position: center right 0.75rem;
   background-size: 1rem auto;
   background-repeat: no-repeat;
 }
-:not(:dir(rtl)) [type=date]::-webkit-calendar-picker-indicator,
-:not(:dir(rtl)) [type=datetime-local]::-webkit-calendar-picker-indicator,
-:not(:dir(rtl)) [type=month]::-webkit-calendar-picker-indicator,
-:not(:dir(rtl)) [type=time]::-webkit-calendar-picker-indicator,
-:not(:dir(rtl)) [type=week]::-webkit-calendar-picker-indicator {
+:not([dir=rtl]) [type=date]::-webkit-calendar-picker-indicator,
+:not([dir=rtl]) [type=datetime-local]::-webkit-calendar-picker-indicator,
+:not([dir=rtl]) [type=month]::-webkit-calendar-picker-indicator,
+:not([dir=rtl]) [type=time]::-webkit-calendar-picker-indicator,
+:not([dir=rtl]) [type=week]::-webkit-calendar-picker-indicator {
   opacity: 0;
 }
-:not(:dir(rtl)) [type=time] {
+:not([dir=rtl]) [type=time] {
   background-image: var(--icon-time);
 }
 
@@ -1761,7 +1757,6 @@ canvas {
 
 /**
  * Accordion (<details>)
- * Inspiration: https://codepen.io/koca/pen/RyeLLV
  */
 details {
   display: block;
@@ -1857,6 +1852,7 @@ article > footer {
  */
 dialog {
   display: flex;
+  z-index: 999;
   position: fixed;
   top: 0;
   right: 0;
@@ -1882,45 +1878,145 @@ dialog {
     max-width: 700px;
   }
 }
+dialog article > header,
+dialog article > footer {
+  padding: calc(var(--block-spacing-vertical) * 0.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) * 0.5);
 }
-dialog:not([open]) {
-  display: none;
+dialog article p:last-of-type {
+  margin: 0;
 }
-dialog .close {
+dialog article .close {
   display: block;
   width: 1rem;
   height: 1rem;
-  margin-top: -0.5rem;
-  margin-right: -0.5rem;
+  margin-top: calc(var(--block-spacing-vertical) * -0.5);
   margin-bottom: var(--typography-spacing-vertical);
   margin-left: auto;
   background-image: var(--icon-close);
   background-position: center;
-  background-size: 1rem auto;
+  background-size: auto 1rem;
   background-repeat: no-repeat;
   opacity: 0.5;
   transition: opacity var(--transition);
 }
-dialog .close:hover, dialog .close:active, dialog .close:focus {
+dialog article .close:hover, dialog article .close:active, dialog article .close:focus {
   opacity: 1;
 }
+dialog:not([open]), dialog[open=false] {
+  display: none;
+}
 
-.dialog-is-open {
+.modal-is-open {
   overflow: hidden;
   pointer-events: none;
 }
-.dialog-is-open .container {
-  filter: blur(0.125rem);
+.modal-is-open body > *:not(dialog) {
+  filter: blur(0.1875rem);
 }
-.dialog-is-open dialog {
+.modal-is-open dialog {
   pointer-events: auto;
 }
 
+.modal-is-opening body > *:not(dialog),
+.modal-is-opening dialog,
+.modal-is-opening dialog > article,
+.modal-is-closing body > *:not(dialog),
+.modal-is-closing dialog,
+.modal-is-closing dialog > article {
+  -webkit-animation-duration: 0.2s;
+  animation-duration: 0.2s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+.modal-is-opening body > *:not(dialog),
+.modal-is-closing body > *:not(dialog) {
+  -webkit-animation-name: blurIn;
+  animation-name: blurIn;
+}
+.modal-is-opening dialog,
+.modal-is-closing dialog {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+}
+.modal-is-opening dialog > article,
+.modal-is-closing dialog > article {
+  -webkit-animation-name: slideInDown;
+  animation-name: slideInDown;
+}
+
+.modal-is-closing body > *:not(dialog),
+.modal-is-closing dialog,
+.modal-is-closing dialog > article {
+  animation-direction: reverse;
+}
+
+@-webkit-keyframes blurIn {
+  from {
+    filter: blur(0);
+  }
+  to {
+    filter: blur(0.1875rem);
+  }
+}
+
+@keyframes blurIn {
+  from {
+    filter: blur(0);
+  }
+  to {
+    filter: blur(0.1875rem);
+  }
+}
+@-webkit-keyframes fadeIn {
+  from {
+    background-color: transparent;
+  }
+  to {
+    background-color: var(--modal-overlay-background-color);
+  }
+}
+@keyframes fadeIn {
+  from {
+    background-color: transparent;
+  }
+  to {
+    background-color: var(--modal-overlay-background-color);
+  }
+}
+@-webkit-keyframes slideInDown {
+  from {
+    transform: translateY(-100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes slideInDown {
+  from {
+    transform: translateY(-100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
 /**
  * Nav
  */
@@ -2142,14 +2238,18 @@ a[aria-busy=true] {
 }
 [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
   opacity: 1;
-  -webkit-animation-duration: 0.2s;
-  animation-duration: 0.2s;
-  -webkit-animation-name: slide;
-  animation-name: slide;
 }
-[data-tooltip]:focus::after, [data-tooltip]:hover::after {
-  -webkit-animation-name: slideCaret;
-  animation-name: slideCaret;
+@media (hover: hover) and (pointer: fine) {
+  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
+    -webkit-animation-duration: 0.2s;
+    animation-duration: 0.2s;
+    -webkit-animation-name: slide;
+    animation-name: slide;
+  }
+  [data-tooltip]:focus::after, [data-tooltip]:hover::after {
+    -webkit-animation-name: slideCaret;
+    animation-name: slideCaret;
+  }
 }
 
 @-webkit-keyframes slide {
diff --git a/css/pico.classless.css.map b/css/pico.classless.css.map
index 65e194ca..084717a0 100644
--- a/css/pico.classless.css.map
+++ b/css/pico.classless.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.classless.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_section.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"AAAA;;;EAAA;ACAA;;EAAA;ACCA;EAEE;;yCAAA;EAGA,kBAAA;EACA,kBAAA;EACA,iBAAA;EA8BA,wBAAA;EACA,mBAAA;EACA,oBAAA;EAGA,eAAA;EAGA,qCAAA;EAGA,kDAAA;EACA,0CAAA;EAGA,0BAAA;EACA,yCAAA;EAGA,wCAAA;EACA,uCAAA;EAGA,8BAAA;ACnCF;ADbM;EAZN;IAaQ,iBAAA;ECgBN;AACF;ADZM;EAlBN;IAmBQ,iBAAA;ECeN;AACF;ADXM;EAxBN;IAyBQ,iBAAA;ECcN;AACF;ADVM;EA9BN;IA+BQ,iBAAA;ECaN;AACF;;AD0BM;EALJ;;;;IAMM,oDAAA;ECnBN;AACF;ADuBM;EAXJ;;;;IAYM,kDAAA;ECjBN;AACF;ADqBM;EAjBJ;;;;IAkBM,oDAAA;ECfN;AACF;ADmBM;EAvBJ;;;;IAwBM,kDAAA;ECbN;AACF;;ADoBM;EAFJ;IAGM,uDAAA;EChBN;AACF;ADoBM;EARJ;IASM,sDAAA;ECjBN;AACF;ADqBM;EAdJ;IAeM,uDAAA;EClBN;AACF;ADsBM;EApBJ;IAqBM,oDAAA;ECnBN;AACF;;AD2BM;EAHJ;IAIM,oDAAA;IACA,sDAAA;ECvBN;AACF;AD2BM;EAVJ;IAWM,kDAAA;IACA,oDAAA;ECxBN;AACF;AD4BM;EAjBJ;IAkBM,oDAAA;IACA,sDAAA;ECzBN;AACF;AD6BM;EAxBJ;IAyBM,kDAAA;IACA,oDAAA;EC1BN;AACF;;ADgCA;EACE,uBAAA;AC7BF;ADgCE;EAEE,4BAAA;AC/BJ;;ADoCA;EACE,oBAAA;ACjCF;;ADqCA;;;;;;EAME,kBAAA;AClCF;;ADqCA;EACE,iBAAA;EACA,mCAAA;AClCF;;ADqCA;EACE,oBAAA;EACA,uCAAA;AClCF;;ADqCA;EACE,mBAAA;EACA,sCAAA;AClCF;;ADqCA;EACE,oBAAA;EACA,uCAAA;AClCF;;ADqCA;EACE,qBAAA;EACA,wCAAA;AClCF;;ADsCA;;EAEE,mBAAA;ACnCF;;ADsCA;EACE,mBAAA;ACnCF;;ADwCE;;EAEE,mBAAA;ACrCJ;;ADyCA;EACE,oBAAA;ACtCF;;AD0CA;;;;EAIE;;gFAAA;ACrCF;;AD0CA;EACE,qBAAA;ACvCF;;ACxMA;;EAGE,mBAAA;EACA,wBAAA;EAGA,gBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,sBAAA;EACA,6BAAA;EAGA,kBAAA;EACA,wBAAA;EACA,0CAAA;EACA,uBAAA;EAGA,oBAAA;EACA,0BAAA;EACA,4CAAA;EACA,yBAAA;EAGA,mBAAA;EACA,sBAAA;EACA,2CAAA;EACA,wBAAA;EAGA,gCAAA;EACA,qBAAA;EAGA,oBAAA;EACA,oBAAA;EAGA,oDAAA;EACA,6CAAA;EAKA,2CAAA;EACA,iDAAA;EAGA,4CAAA;EACA,oCAAA;EACA,kCAAA;EACA,oDAAA;EACA,mDAAA;EACA,kDAAA;EACA,gDAAA;EACA,iDAAA;EACA,6CAAA;EACA,oCAAA;EACA,4CAAA;EACA,mDAAA;EACA,0CAAA;EACA,iDAAA;EAGA,kCAAA;EACA,sCAAA;EACA,iDAAA;EAGA,6BAAA;EACA,oCAAA;EACA,mDAAA;EACA,qCAAA;EACA,iDAAA;EACA,0CAAA;EAGA,+CAAA;EACA,8CAAA;EAGA,gCAAA;EACA,gCAAA;EACA,4CAAA;EACA,yCAAA;EACA,yBAAA;EACA,8BAAA;EACA,2BAAA;EACA,6BAAA;EAGA,mDAAA;EACA,6CAAA;EACA,kDAAA;EAGA,gDAAA;EACA,8CAAA;EACA;;2CAAA;EAGA,4CAAA;EAGA,uDAAA;EAGA,oCAAA;EACA,gCAAA;EAGA,8BAAA;EAGA,2CAAA;EACA,wCAAA;EAGA,6RAAA;EACA,6SAAA;EACA,+VAAA;EACA,mdAAA;EACA,qZAAA;EACA,yRAAA;EACA,iWAAA;EACA,4VAAA;EACA,4SAAA;AD8JF;;AFnRA;EACE;IIhBA,kBAAA;IACA,2BAAA;IAGA,gBAAA;IACA,mBAAA;IACA,mBAAA;IACA,mBAAA;IACA,mBAAA;IACA,mBAAA;IACA,mBAAA;IAGA,sBAAA;IACA,6BAAA;IAGA,kBAAA;IACA,wBAAA;IACA,yCAAA;IACA,uBAAA;IAGA,oBAAA;IACA,0BAAA;IACA,4CAAA;IACA,yBAAA;IAGA,mBAAA;IACA,sBAAA;IACA,2CAAA;IACA,wBAAA;IAGA,gCAAA;IACA,qBAAA;IAGA,oBAAA;IACA,oBAAA;IAGA,oDAAA;IACA,6CAAA;IAKA,2CAAA;IACA,iDAAA;IAGA,wCAAA;IACA,oCAAA;IACA,kCAAA;IACA,oDAAA;IACA,4EAAA;IACA,kDAAA;IACA,gDAAA;IACA,iDAAA;IACA,6CAAA;IACA,oCAAA;IACA,4CAAA;IACA,mDAAA;IACA,0CAAA;IACA,iDAAA;IAGA,kCAAA;IACA,sCAAA;IACA,iDAAA;IAGA,6BAAA;IACA,oCAAA;IACA,mDAAA;IACA,qCAAA;IACA,iDAAA;IACA,0CAAA;IAGA,+CAAA;IACA,gEAAA;IAGA,gCAAA;IACA,gCAAA;IACA,4CAAA;IACA,yCAAA;IACA,yBAAA;IACA,8BAAA;IACA,2BAAA;IACA,6BAAA;IAGA,mDAAA;IACA,gDAAA;IACA,6CAAA;IACA,kDAAA;IAGA,gCAAA;IACA,4BAAA;IACA;;0CAAA;IAGA,4CAAA;IAGA,uDAAA;IAGA,oCAAA;IACA,gCAAA;IAGA,8BAAA;IAGA,2CAAA;IACA,wCAAA;IAGA,6RAAA;IACA,gTAAA;IACA,+VAAA;IACA,sdAAA;IACA,qZAAA;IACA,yRAAA;IACA,oWAAA;IACA,+VAAA;IACA,4SAAA;EF2PA;AACF;AFzWA;EIvBE,kBAAA;EACA,2BAAA;EAGA,gBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,sBAAA;EACA,6BAAA;EAGA,kBAAA;EACA,wBAAA;EACA,yCAAA;EACA,uBAAA;EAGA,oBAAA;EACA,0BAAA;EACA,4CAAA;EACA,yBAAA;EAGA,mBAAA;EACA,sBAAA;EACA,2CAAA;EACA,wBAAA;EAGA,gCAAA;EACA,qBAAA;EAGA,oBAAA;EACA,oBAAA;EAGA,oDAAA;EACA,6CAAA;EAKA,2CAAA;EACA,iDAAA;EAGA,wCAAA;EACA,oCAAA;EACA,kCAAA;EACA,oDAAA;EACA,4EAAA;EACA,kDAAA;EACA,gDAAA;EACA,iDAAA;EACA,6CAAA;EACA,oCAAA;EACA,4CAAA;EACA,mDAAA;EACA,0CAAA;EACA,iDAAA;EAGA,kCAAA;EACA,sCAAA;EACA,iDAAA;EAGA,6BAAA;EACA,oCAAA;EACA,mDAAA;EACA,qCAAA;EACA,iDAAA;EACA,0CAAA;EAGA,+CAAA;EACA,gEAAA;EAGA,gCAAA;EACA,gCAAA;EACA,4CAAA;EACA,yCAAA;EACA,yBAAA;EACA,8BAAA;EACA,2BAAA;EACA,6BAAA;EAGA,mDAAA;EACA,gDAAA;EACA,6CAAA;EACA,kDAAA;EAGA,gCAAA;EACA,4BAAA;EACA;;wCAAA;EAGA,4CAAA;EAGA,uDAAA;EAGA,oCAAA;EACA,gCAAA;EAGA,8BAAA;EAGA,2CAAA;EACA,wCAAA;EAGA,6RAAA;EACA,gTAAA;EACA,+VAAA;EACA,sdAAA;EACA,qZAAA;EACA,yRAAA;EACA,oWAAA;EACA,+VAAA;EACA,4SAAA;AFuVF;;AG9dA;;;EAAA;AAWA;;;EAGE,sBAAA;AH0dF;;AGrdA;;EAEE,wBAAA;EACA,uBAAA;AHwdF;;AG/cA;EACE,8BAAA;EACA,6CAAA;EACA,0BAAA;EACA,kCAAA;EACA,yCAAA;EACA,mBAAA;EACA,+BAAA;EACA,2BAAA;EACA,+BAAA;EACA,+BAAA;EACA,eAAA;EACA,gBAAA;EAAA,cAAA;EAAA,WAAA;AHkdF;;AI7fA;;;EAAA;AAWA;EACE,cAAA;AJyfF;;AInfA;EACE,WAAA;EACA,SAAA;AJsfF;AIpfE;;;EAGE,WAAA;EACA,kBAAA;EACA,iBAAA;EAIE,sEAAA;AJmfN;AI9eU;EAdR;;;IAeU,gBAAA;IACA,gBAAA;IACA,eAAA;EJmfV;AACF;AI/eU;EAtBR;;;IAuBU,gBAAA;EJofV;AACF;AIhfU;EA5BR;;;IA6BU,gBAAA;EJqfV;AACF;AIjfU;EAlCR;;;IAmCU,iBAAA;EJsfV;AACF;;AKhjBA;;;EAAA;AAKA;EACE,4CAAA;ALkjBF;;AMxjBA;;EAAA;AAKA;EACE,cAAA;EACA,SAAA;EACA,UAAA;EACA,gBAAA;ANyjBF;AMvjBE;EACE,qCAAA;EACA,yBAAA;ANyjBJ;;AOtkBA;;EAAA;AAUA;;EAEE,mBAAA;APkkBF;;AO9jBA;;EAEE,kBAAA;EACA,iBAAA;EACA,cAAA;EACA,wBAAA;APikBF;;AO/jBA;EACE,eAAA;APkkBF;;AOhkBA;EACE,WAAA;APmkBF;;AO/jBA;;;;;EAKE,SAAA;APkkBF;;AO9jBA;;;;EAIE,SAAA;APikBF;;AO3jBA;;;;;;;;;;EAUE,aAAA;EACA,iDAAA;EACA,mBAAA;EACA,kBAAA;EACA,+BAAA;EACA,2BAAA;AP8jBF;;AOzjBA;EACE,uBAAA;EACA,+BAAA;EACA,aAAA;EACA,yCAAA;EACA,mBAAA;EACA,+CAAA;EAAA,uCAAA;EAGE,gJAAA;EAAA,wIAAA;EAAA,mLAAA;AP0jBJ;AOtjBE;EAGE,6BAAA;EACA,4BAAA;APsjBJ;AOnjBE;EACE,wCAAA;APqjBJ;;AOhhBA;;;;;;EAME,aAAA;EACA,iDAAA;EACA,mBAAA;EACA,+BAAA;EACA,2BAAA;EACA,+BAAA;APmhBF;;AOhhBA;EACE,wBAAA;APmhBF;;AOjhBA;EACE,wBAAA;APohBF;;AOlhBA;EACE,wBAAA;APqhBF;;AOnhBA;EACE,wBAAA;APshBF;;AOphBA;EACE,wBAAA;APuhBF;;AOrhBA;EACE,wBAAA;APwhBF;;AO1gBE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAME,8CAAA;AP8jBJ;;AOzjBA;EACE,iDAAA;AP4jBF;AO1jBE;EACE,gBAAA;AP4jBJ;AOzjBE;EACE,2BAAA;EACA,oBAAA;EACA,eAAA;EACA,kBAAA;AP2jBJ;;AOtjBA;EACE,iDAAA;APyjBF;;AOrjBA;EACE,2BAAA;APwjBF;;AOpjBA;;EAEE,gBAAA;EACA,4BAAA;EACA,qCAAA;EAAA,oCAAA;EACA,sBAAA;EAAA,qBAAA;APujBF;AOrjBE;;EACE,8DAAA;APwjBJ;;AOpjBA;EACE,kBAAA;APujBF;;AOnjBA;EACE,yBAAA;EACA,8CAAA;EACA,wBAAA;EACA,sBAAA;APsjBF;;AOljBA;EACE,cAAA;EACA,4CAAA;EACA,uBAAA;EACA,kBAAA;EACA,yDAAA;EACA,kEAAA;EAAA,iEAAA;EACA,wBAAA;EAAA,uBAAA;APqjBF;AOnjBE;EACE,0DAAA;EACA,qCAAA;APqjBJ;;AO/iBA;EACE,yBAAA;EACA,qBAAA;EACA,YAAA;APkjBF;;AO9iBA;EACE,uBAAA;EACA,qBAAA;APijBF;;AO7iBA;EACE,uBAAA;APgjBF;;AO5iBA;EACE,sCAAA;AP+iBF;;AOhjBA;EACE,sCAAA;AP+iBF;;AQ7zBA;;EAAA;AAUA;;;;;;EAME,sBAAA;ARyzBF;;AQrzBA;;EAEE,qBAAA;ARwzBF;;AQpzBA;EACE,aAAA;EACA,SAAA;ARuzBF;;AQnzBA;EACE,kBAAA;ARszBF;;AQjzBA;EACE,eAAA;EACA,YAAA;EACA,kBAAA;ARozBF;;AQhzBA;EACE,kBAAA;ARmzBF;;AQ/yBA;EACE,gBAAA;ARkzBF;;ASr2BA;;EAAA;AAYA;EACE,SAAA;EACA,iBAAA;EACA,oBAAA;EACA,oBAAA;AT+1BF;;AS31BA;;;;EAIE,0BAAA;AT81BF;;AS11BA;;;;EAIE,UAAA;EACA,kBAAA;AT61BF;;ASv1BA;EACE,cAAA;EACA,WAAA;EACA,6BAAA;AT01BF;;ASv1BA;EACE,qBAAA;EACA,qBAAA;AT01BF;;ASv1BA;;;;;EAKE,kCAAA;EACA,8BAAA;EACA,+BAAA;EACA,8DAAA;EACA,oFAAA;EAEA,qDAAA;EACA,mCAAA;EACA,aAAA;EACA,yCAAA;EACA,6BAAA;EACA,mBAAA;EACA,+BAAA;EACA,eAAA;EACA,+BAAA;EACA,kBAAA;EACA,eAAA;EAGE,qIAAA;ATu1BJ;ASl1BE;;;;;;;;;;;;;EAGE,wCAAA;EACA,oCAAA;EACA,oEAAA;AT81BJ;AS31BE;;;;;EACE;mDAAA;ATk2BJ;;AS51BA;EACE,oCAAA;EACA,gCAAA;EACA,iCAAA;EACA,eAAA;AT+1BF;AS71BE;EAGE,0CAAA;EACA,sCAAA;AT61BJ;AS11BE;EACE;qDAAA;AT61BJ;;AS/vBE;;;;;EACE,YAAA;EACA,oBAAA;ATswBJ;;AUl9BA;;EAAA;AAWA;;;;EAIE,SAAA;EACA,eAAA;EACA,+BAAA;EACA,oBAAA;EACA,uBAAA;AV68BF;;AUz8BA;EACE,iBAAA;AV48BF;;AUx8BA;EACE,oBAAA;AV28BF;;AUp8BA;EACE,eAAA;EACA,UAAA;EACA,cAAA;EACA,mBAAA;AVu8BF;;AUn8BA;EACE,cAAA;AVs8BF;;AUl8BA;;EAEE,UAAA;AVq8BF;;AUj8BA;;EAEE,YAAA;AVo8BF;;AU/7BA;EACE,6BAAA;EACA,oBAAA;AVk8BF;;AU97BA;EACE,wBAAA;AVi8BF;;AU57BA;EACE,0BAAA;EACA,aAAA;AV+7BF;;AU37BA;EACE,UAAA;EACA,kBAAA;AV87BF;;AU17BA;EACE,aAAA;AV67BF;;AUz7BA;EACE,gBAAA;AV47BF;;AUx7BA;EACE,aAAA;AV27BF;;AUv7BA;;EAEE,UAAA;EACA,eAAA;AV07BF;;AUn7BA;EACE,4GAAA;AVs7BF;;AU/6BA;EACE,SAAA;EACA,6BAAA;EACA,UAAA;EACA,SAAA;AVk7BF;;AU96BA;;EAEE,cAAA;EACA,0CAAA;AVi7BF;;AU76BA;;;EAGE,WAAA;AVg7BF;;AU56BA;;;EAGE,wBAAA;EAAA,qBAAA;EAAA,gBAAA;EACA,oFAAA;EAEA,sBAAA;AV86BF;;AU16BA;;;EAGE,wDAAA;EACA,gDAAA;EACA,kCAAA;EACA,kBAAA;EACA,qDAAA;EACA,mCAAA;EACA,aAAA;EACA,yCAAA;EACA,6BAAA;EACA,mBAAA;EACA,+BAAA;EAGE,qIAAA;AV26BJ;;AUj6BE;;;;;EAEE,+DAAA;AVu6BJ;;AU/5BE;;;;;EAEE,uDAAA;AVq6BJ;;AU75BE;;;EACE,wEAAA;AVk6BJ;;AU15BE;;;EACE,iEAAA;EACA,yDAAA;EACA,6CAAA;AV+5BJ;;AUr5BI;;;EAEI,+EAAA;EAGA,oDAAA;EACA,wEAAA;EAAA,uEAAA;EACA,qFAAA;EAAA,oFAAA;EASF,yCAAA;EACA,0BAAA;EACA,4BAAA;AV+4BN;AU54BI;;;EACE,mCAAA;AVg5BN;AU74BI;;;EACE,qCAAA;AVi5BN;AU74BE;;;EACE,sDAAA;AVi5BJ;AU/4BI;;;;;EAGI;;cAAA;AVq5BR;AU54BE;;;EACE,wDAAA;AVg5BJ;AU94BI;;;;;EAGI;;cAAA;AVo5BR;;AUt4BI;;;EACE,wCAAA;AV24BN;;AUr4BA;;;;;EAKE,4CAAA;EACA,UAAA;AVw4BF;;AUp4BA;;;EAGE,6BAAA;AVu4BF;;AUj4BE;EACE,SAAA;EACA,6BAAA;AVo4BJ;AUj4BE;EACE,oEAAA;EACA,oDAAA;EACA,6DAAA;EAAA,4DAAA;EACA,0EAAA;EAAA,yEAAA;EACA,qCAAA;EACA,yCAAA;EACA,0BAAA;EACA,4BAAA;AVm4BJ;;AU73BI;EACE,wCAAA;AVg4BN;;AUv3BE;;;EACE,cAAA;EACA,WAAA;EACA,wCAAA;EACA,6BAAA;EACA,yBAAA;AV43BJ;;AUt3BE;EAGE,uCAAA;AVu3BJ;;AWxtCA;;;EAAA;AAKA;;EAEE,wBAAA;EACA,qBAAA;EACA,gBAAA;EACA,aAAA;EACA,cAAA;EACA,oBAAA;EACA,qBAAA;EACA,cAAA;EACA,uBAAA;EAAA,sBAAA;EACA,2BAAA;EAAA,0BAAA;EACA,iCAAA;EACA,sBAAA;EACA,eAAA;AX0tCF;AWxtCE;;EACE,aAAA;AX2tCJ;AWxtCE;;;;EAGE,kCAAA;EACA,8BAAA;EACA,sCAAA;EACA,2BAAA;EACA,4BAAA;EACA,4BAAA;AX2tCJ;AWxtCE;;EACE,qBAAA;EACA,qBAAA;EACA,gBAAA;EACA,eAAA;AX2tCJ;;AWrtCE;EACE,kCAAA;EACA,8BAAA;EACA,mCAAA;EACA,2BAAA;EACA,4BAAA;EACA,4BAAA;AXwtCJ;;AWntCA;EACE,kBAAA;AXstCF;AWptCE;EAGE,0CAAA;EACA,oBAAA;EACA,sBAAA;AXotCJ;;AW/sCA;EACE,kDAAA;EACA,8CAAA;EACA,4BAAA;EAQA,aAJe;EAKf,cANgB;EAOhB,qDAAA;EACA,qBARgB;EAShB,yCAAA;EACA,mBAVgB;AXqtClB;AWzsCE;EACE,kDAAA;EACA,8CAAA;AX2sCJ;AWxsCE;EACE,0DAAA;EACA,sDAAA;AX0sCJ;AWvsCE;EACE,cAAA;EACA,+CAAA;EACA,YAAA;EACA,kBAAA;EACA,8BAAA;EACA,WAAA;EAGE,mCAAA;AXusCN;AWnsCE;EACE,sBAAA;AXqsCJ;AWnsCI;EACE,eAAA;EACA,gDAAA;EACA,yDAAA;EAAA,wDAAA;EACA,qBAAA;EAAA,oBAAA;AXqsCN;AWhsCE;EACE,sDAAA;AXksCJ;AWhsCI;EAGI;;cAAA;AXksCR;AWzrCE;EACE,wDAAA;AX2rCJ;AWzrCI;EAGI;;cAAA;AX2rCR;;AY30CA;;;EAAA;AAYE;EAHE,UAAA;AZ00CJ;AYn0CE;EAPE,UAAA;AZ60CJ;AY5zCE;EAJE,YAAA;EACA,+CAAA;AZm0CJ;AY5zCE;EARE,YAAA;EACA,+CAAA;AZu0CJ;;AYzzCE;;;;;EAKE,kCAAA;EACA,yCAAA;EACA,0BAAA;EACA,4BAAA;AZ4zCJ;AY1zCI;;;;;EACE,UAAA;AZg0CN;AY3zCE;EACE,kCAAA;AZ6zCJ;;AYxzCA;EACE,2BAAA;EACA,2DAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;AZ2zCF;AYzzCE;EAGE,YAAA;EACA,gBAAA;AZyzCJ;AYlxCE;EAnCE,oCAAA;EACA,gCAAA;EACA,iCAAA;EACA,sCAAA;EACA,cAAA;EACA,uBAAA;EAAA,sBAAA;EACA,4CAAA;EAAA,2CAAA;EACA,4GAAA;EAEA,qDAAA;EACA,mCAAA;EACA,aAAA;EACA,yCAAA;EACA,6BAAA;EACA,mBAAA;EACA,+BAAA;EACA,eAAA;EACA,+BAAA;EACA,kBAAA;EACA,eAAA;EAGE,6IAAA;EAAA,qIAAA;AZqzCN;AYxyCE;EAnCE,oCAAA;EACA,gCAAA;EACA,iCAAA;EACA,sCAAA;EACA,cAAA;EACA,uBAAA;EAAA,sBAAA;EACA,4CAAA;EAAA,2CAAA;EACA,4GAAA;EAEA,qDAAA;EACA,mCAAA;EACA,aAAA;EACA,yCAAA;EACA,6BAAA;EACA,mBAAA;EACA,+BAAA;EACA,eAAA;EACA,+BAAA;EACA,kBAAA;EACA,eAAA;EAGE,qIAAA;AZqzCN;AYhzCI;EAGE,0CAAA;EACA,sCAAA;AZgzCN;AYpzCI;EAGE,0CAAA;EACA,sCAAA;AZgzCN;AYxyCE;EAvCE,oCAAA;EACA,gCAAA;EACA,iCAAA;EACA,sCAAA;EACA,cAAA;EACA,uBAAA;EAAA,sBAAA;EACA,4CAAA;EAAA,2CAAA;EACA,4GAAA;EAEA,qDAAA;EACA,mCAAA;EACA,aAAA;EACA,yCAAA;EACA,6BAAA;EACA,mBAAA;EACA,+BAAA;EACA,eAAA;EACA,+BAAA;EACA,kBAAA;EACA,eAAA;EAGE,6IAAA;EAAA,qIAAA;AZ+0CN;AY10CI;EAGE,0CAAA;EACA,sCAAA;AZ00CN;AY9zCE;EA3CE,oCAAA;EACA,gCAAA;EACA,iCAAA;EACA,sCAAA;EACA,cAAA;EACA,sBAAA;EACA,2CAAA;EACA,4GAAA;EAEA,qDAAA;EACA,mCAAA;EACA,aAAA;EACA,yCAAA;EACA,6BAAA;EACA,mBAAA;EACA,+BAAA;EACA,eAAA;EACA,+BAAA;EACA,kBAAA;EACA,eAAA;EAGE,yIAAA;EAAA,qIAAA;AZy2CN;AYp2CI;EAGE,0CAAA;EACA,sCAAA;AZo2CN;;AYl1CA;EAOE,wBAAA;EACA,qBAAA;EACA,gBAAA;EACA,WAAA;EACA,eARe;EASf,uBAAA;AZ+0CF;AYh0CE;EAXE,WAAA;EACA,eAfa;EAgBb,mCAAA;EACA,2CAAA;EAGE,oFAAA;EAAA,4EAAA;AZ40CN;AYn0CE;EAfE,WAAA;EACA,eAfa;EAgBb,mCAAA;EACA,2CAAA;EAGE,iFAAA;EAAA,4EAAA;AZm1CN;AYt0CE;EAnBE,WAAA;EACA,eAfa;EAgBb,mCAAA;EACA,2CAAA;EAGE,gFAAA;EAAA,4EAAA;AZ01CN;AYzzCE;EAdE,wBAAA;EACA,cAvCa;EAwCb,eAxCa;EAyCb,mBAAA;EACA,iDAAA;EACA,kBAAA;EACA,0CAAA;EACA,eAAA;EAGE,mFAAA;EAAA,2EAAA;AZw0CN;AYh0CE;EAlBE,wBAAA;EACA,cAvCa;EAwCb,eAxCa;EAyCb,mBAAA;EACA,iDAAA;EACA,kBAAA;EACA,0CAAA;EACA,eAAA;EAGE,gFAAA;EAAA,2EAAA;AZm1CN;AYv0CE;EAtBE,wBAAA;EACA,cAvCa;EAwCb,eAxCa;EAyCb,mBAAA;EACA,iDAAA;EACA,kBAAA;EACA,0CAAA;EACA,eAAA;EAGE,+EAAA;EAAA,2EAAA;AZ81CN;AY90CE;EAEE,sDAAA;EACA,mDAAA;AZ+0CJ;AY50CE;EACE,oDAAA;AZ80CJ;AY30CI;EACE,sBAAA;AZ60CN;AY10CI;EACE,sBAAA;AZ40CN;AYz0CI;EACE,sBAAA;AZ20CN;;AYr0CA;EACE,mBAAA;EAGE,+EAAA;EAGA,oCAAA;EACA,yCAAA;EACA,0BAAA;EACA,4BAAA;AZo0CJ;AYh0CE;EACE,wBAAA;EACA,aAAA;AZk0CJ;;AaziDA;;EAAA;AAYA;EACE,WAAA;EACA,qBAAA;EACA,yBAAA;EACA,iBAAA;EACA,cAAA;AbmiDF;;Aa5hDA;;EAEE,gDAAA;EACA,kEAAA;EACA,mBAAA;EACA,+BAAA;EACA,2BAAA;EACA,gBAAA;EACA,iBAAA;Ab+hDF;;Aa3hDA;EACE,yCAAA;Ab8hDF;;AaxhDI;EACE,8DAAA;Ab2hDN;;AcvkDA;;EAAA;AAWA;;;;EAIE,kBAAA;EACA,+BAAA;AdkkDF;;Ac9jDA;EACE,6BAAA;EACA,cAAA;AdikDF;;Ac3jDA;;;EAGE,mCAAA;EACA,wCAAA;EACA,wBAAA;EACA,+BAAA;EACA,oBAAA;Ad8jDF;;Ac3jDA;;EAEE,qBAAA;EACA,wBAAA;Ad8jDF;;Ac3jDA;EACE,cAAA;EACA,6BAAA;EACA,gBAAA;Ad8jDF;Ac5jDE;EACE,cAAA;EACA,uBAAA;EACA,uBAAA;EACA,eAAA;EACA,+BAAA;Ad8jDJ;;AcvjDE;EACE,4BAAA;EACA,+BAAA;Ad0jDJ;ActjDE;EACE,iCAAA;EACA,kBAAA;AdwjDJ;AcpjDE;EACE,8BAAA;EACA,qBAAA;AdsjDJ;AcljDE;EACE,gCAAA;EACA,kBAAA;AdojDJ;;Ac/iDA;EACE,kDAAA;EACA,4BAAA;EACA,sBAAA;AdkjDF;;Ae3oDA;;EAAA;AAWA;EACE,uBAAA;EACA,SAAA;EACA,iBAAA;EACA,YAAA;EACA,+CAAA;AfsoDF;;AeloDA;;EAGI,wBAAA;AfooDJ;;Ae7nDA;EACE,qBAAA;AfgoDF;;AgB/pDA;;;EAAA;AAKA;EACE,cAAA;EACA,6BAAA;EACA,0CAAA;EACA,sEAAA;AhBiqDF;AgB/pDE;EACE,2CAAA;EACA,iBAAA;EACA,qBAAA;EACA,qBAAA;EACA,eAAA;EAGE,mCAAA;AhB+pDN;AgB3pDI;EACE,aAAA;AhB6pDN;AgB1pDI;EACE,aAAA;AhB4pDN;AgBzpDI;EACE,qBAAA;AhB2pDN;AgBvpDI;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,yBAAA;EACA,qCAAA;EACA,2BAAA;EACA,0BAAA;EACA,4BAAA;EACA,WAAA;EAGE,uCAAA;AhBupDR;AgBnpDI;EACE,aAAA;EACA,4CAAA;AhBqpDN;AgBlpDI;EACE,sCAAA;AhBopDN;AgBlpDM;EACE,aAAA;AhBopDR;AgB7oDI;EACE,0CAAA;AhB+oDN;AgB7oDM;EACE,0CAAA;AhB+oDR;AgB5oDM;EACE,oBAAA;AhB8oDR;;AgBroDM;EACE,WAAA;AhBwoDR;;AiB/tDA;;EAAA;AAIA;EACE,uCAAA;EACA,sEAAA;EACA,gBAAA;EACA,mCAAA;EACA,wCAAA;EACA,kCAAA;AjBiuDF;AiB/tDE;;EAEE,wDAAA;EACA,uDAAA;EACA,mFAAA;EAEA,0DAAA;AjBguDJ;AiB7tDE;EACE,oDAAA;EACA,4CAAA;EACA,iEAAA;AjB+tDJ;AiB5tDE;EACE,yCAAA;EACA,uDAAA;EACA,8DAAA;AjB8tDJ;;AkB5vDA;;EAAA;AAIA;EACE,aAAA;EACA,eAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,gBAAA;EACA,uBAAA;EACA,YAAA;EACA,uDAAA;AlB8vDF;AkB1vDM;EAFJ;IAGM,gBAAA;ElB6vDN;AACF;AkBzvDM;EARJ;IASM,gBAAA;ElB4vDN;AACF;AkBzvDI;EACE,iBAAA;AlB2vDN;AkBzvDM;EACE,uCAAA;AlB2vDR;AkBtvDE;EACE,aAAA;AlBwvDJ;AkBrvDE;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,qBAAA;EACA,iDAAA;EACA,iBAAA;EACA,mCAAA;EACA,2BAAA;EACA,0BAAA;EACA,4BAAA;EACA,YAAA;EAGE,qCAAA;AlBqvDN;AkBlvDI;EAGE,UAAA;AlBkvDN;;AkB7uDA;EACE,gBAAA;EACA,oBAAA;AlBgvDF;AkB9uDE;EACE,sBAAA;AlBgvDJ;AkB7uDE;EACE,oBAAA;AlB+uDJ;;AmBj0DA;;EAAA;AAKA;;EAEE,aAAA;AnBk0DF;;AmB/zDA;EACE,8BAAA;AnBk0DF;AmBh0DE;;EAEE,mBAAA;EACA,gBAAA;EACA,UAAA;EACA,gBAAA;AnBk0DJ;AmBh0DI;;EACE,wCAAA;AnBm0DN;AmBj0DI;;EACE,yCAAA;AnBo0DN;AmBh0DE;EACE,qBAAA;EACA,SAAA;EACA,kDAAA;AnBk0DJ;AmB/zDI;;EAEE,gBAAA;AnBi0DN;AmB7zDE;EACE,cAAA;EACA,6DAAA;EACA,kDAAA;EACA,mCAAA;EACA,qBAAA;AnB+zDJ;AmB7zDI;EAGE,qBAAA;AnB6zDN;;AmBtzDE;;;;EAIE,cAAA;AnByzDJ;AmBtzDE;EACE,mCAAA;AnBwzDJ;AmBtzDI;EACE,mCAAA;EACA,mCAAA;AnBwzDN;;AoB73DA;;EAAA;AAWA;EACE,qBAAA;EACA,wBAAA;ApBw3DF;;AoBl3DA;EAEE,wBAAA;EACA,qBAAA;EAGA,qBAAA;EACA,gBAAA;EACA,WAAA;EACA,cAAA;EACA,yCAAA;EACA,gBAAA;EAGA,SAAA;EACA,mCAAA;EACA,kDAAA;EAGA,4BAAA;ApB82DF;AoB52DE;EACE,mCAAA;EACA,uBAAA;ApB82DJ;AoB52DE;EACE,uCAAA;ApB82DJ;AoB52DE;EACE,uCAAA;ApB82DJ;AoB12DE;EACE;IACE,oKAAA;IAOA,2DAAA;IAAA,mDAAA;EpBs2DJ;EoBp2DI;IACE,6BAAA;EpBs2DN;EoBp2DI;IACE,6BAAA;EpBs2DN;AACF;;AoBj2DA;EACE;IACE,2BAAA;EpBo2DF;EoBl2DA;IACE,4BAAA;EpBo2DF;AACF;;AoB12DA;EACE;IACE,2BAAA;EpBo2DF;EoBl2DA;IACE,4BAAA;EpBo2DF;AACF;AqBn7DA;;EAAA;AAMA;EACE,gBAAA;ArBk7DF;;AqB56DE;EACE,qBAAA;EACA,UAAA;EACA,WAAA;EACA,mCAAA;EACA,kBAAA;EACA,+BAAA;EACA,WAAA;EACA,2BAAA;EACA,wBAAA;EACA,gDAAA;EAAA,wCAAA;EACA,uCAAA;ArB+6DJ;AqB36DI;EACE,wCAAA;EACA,cAAA;EACA,uBAAA;EAAA,sBAAA;EACA,8CAAA;EAAA,6CAAA;ArB66DN;AqBz6DE;EACE,kBAAA;ArB26DJ;;AqBj6DE;;;;;EACE,oBAAA;ArBw6DJ;;AqBn6DA;EACE;IACE,yBAAA;ErBs6DF;AACF;;AqBz6DA;EACE;IACE,yBAAA;ErBs6DF;AACF;AsB99DA;;EAAA;AAIA;EACE,kBAAA;AtB+9DF;AsB79DE;EACE,yBAAA;EACA,qBAAA;EACA,YAAA;AtB+9DJ;AsB59DE;EAEE,cAAA;EACA,WAAA;EACA,kBAAA;EACA,YAAA;EACA,SAAA;EACA,uBAAA;EACA,gBAAA;EACA,oCAAA;EACA,mCAAA;EACA,2CAAA;EACA,2BAAA;EACA,2BAAA;EACA,kBAAA;EACA,+BAAA;EACA,mBAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,UAAA;EACA,oBAAA;AtB69DJ;AsBz9DE;EACE,UAAA;EACA,gCAAA;EACA,wBAAA;EACA,sCAAA;EACA,qCAAA;EACA,gBAAA;EACA,6BAAA;EACA,WAAA;EACA,sCAAA;AtB29DJ;AsBt9DI;EAEE,UAAA;EAGE,gCAAA;EAAA,wBAAA;EACA,6BAAA;EAAA,qBAAA;AtBq9DR;AsBj9DI;EAEI,kCAAA;EAAA,0BAAA;AtBk9DR;;AsB18DE;EACE;IACE,mCAAA;IACA,UAAA;EtB68DJ;EsB38DE;IACE,oCAAA;IACA,UAAA;EtB68DJ;AACF;;AsBr9DE;EACE;IACE,mCAAA;IACA,UAAA;EtB68DJ;EsB38DE;IACE,oCAAA;IACA,UAAA;EtB68DJ;AACF;AsB18DE;EACE;IACE,UAAA;EtB48DJ;EsB18DE;IACE,oCAAA;IACA,UAAA;EtB48DJ;EsB18DE;IACE,gCAAA;IACA,UAAA;EtB48DJ;AACF;AsBv9DE;EACE;IACE,UAAA;EtB48DJ;EsB18DE;IACE,oCAAA;IACA,UAAA;EtB48DJ;EsB18DE;IACE,gCAAA;IACA,UAAA;EtB48DJ;AACF;AuB1iEA;;EAAA;AAaA;EACE,eAAA;AvBkiEF;;AuB9hEA;;EAEE,mBAAA;AvBiiEF;;AuB7hEA;EACE,gBAAA;AvBgiEF;;AuB7hEA;EACE,sBAAA;EACA,kBAAA;AvBgiEF;;AuB3hEA;;;;;;;;;EASE,8BAAA;AvB8hEF;;AuBvhEA;EACE,cAAA;AvB0hEF;;AwB5kEA;;EAAA;AAaE;EACE;;;IAGE,yCAAA;IACA,0CAAA;IAAA,kCAAA;IACA,wCAAA;IAAA,gCAAA;IACA,+CAAA;IAAA,uCAAA;IACA,gCAAA;IACA,+BAAA;IACA,kCAAA;ExBqkEJ;AACF","file":"pico.classless.css","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n    \n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 1.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2);\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 3);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 1.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n@media (min-width: 992px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 1200px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 3);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n[dir=rtl] input[aria-invalid],\n[dir=rtl] select[aria-invalid],\n[dir=rtl] textarea[aria-invalid] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-right: 0;\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n  margin-inline-end: 0;\n}\n[type=checkbox][role=switch][aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\n[type=checkbox][role=switch][aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\n:not(:dir(rtl)) [type=date],\n:not(:dir(rtl)) [type=datetime-local],\n:not(:dir(rtl)) [type=month],\n:not(:dir(rtl)) [type=time],\n:not(:dir(rtl)) [type=week] {\n  background-image: var(--icon-date);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n:not(:dir(rtl)) [type=date]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=datetime-local]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=month]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=time]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=week]::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n:not(:dir(rtl)) [type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\n[type=search] {\n  border-radius: 5rem;\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n * Inspiration: https://codepen.io/koca/pen/RyeLLV\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary:not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\ndialog {\n  display: flex;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog:not([open]) {\n  display: none;\n}\ndialog .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: -0.5rem;\n  margin-right: -0.5rem;\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog .close:hover, dialog .close:active, dialog .close:focus {\n  opacity: 1;\n}\n\n.dialog-is-open {\n  overflow: hidden;\n  pointer-events: none;\n}\n.dialog-is-open .container {\n  filter: blur(0.125rem);\n}\n.dialog-is-open dialog {\n  pointer-events: auto;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n  animation-duration: 0.2s;\n  animation-name: slide;\n}\n[data-tooltip]:focus::after, [data-tooltip]:hover::after {\n  animation-name: slideCaret;\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.classless.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-900, 0.9)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &[aria-invalid] {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-right: 0;\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-end: 0;\n    }\n  }\n\n  // Aria-invalid\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n:not(:dir(rtl)) {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    background-image: var(--icon-date);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n\n    &::-webkit-calendar-picker-indicator {\n      opacity: 0;\n    }\n  }\n\n  // Time\n  [type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n[type=\"search\"] {\n  border-radius: 5rem;\n\n  @if $enable-important {\n    padding-left: calc(\n      var(--form-element-spacing-horizontal) + 1.75rem\n    ) !important;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n\n  // Cancel button\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n * Inspiration: https://codepen.io/koca/pen/RyeLLV\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\ndialog {\n  display: flex;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role=\"button\"]:not(:first-of-type) {\n        margin-left: calc(var(--spacing) * 0.5);\n      }\n    }\n  }\n\n  &:not([open]) {\n    display: none;\n  }\n\n  .close {\n    display: block;\n    width: 1rem;\n    height: 1rem;\n    margin-top: -0.5rem;\n    margin-right: -0.5rem;\n    margin-bottom: var(--typography-spacing-vertical);\n    margin-left: auto;\n    background-image: var(--icon-close);\n    background-position: center;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n    opacity: .5;\n\n    @if $enable-transitions {\n      transition: opacity var(--transition);\n    }\n    \n    &:hover,\n    &:active,\n    &:focus {\n      opacity: 1;\n    }\n  }\n}\n\n.dialog-is-open {\n  overflow: hidden;\n  pointer-events: none;\n  \n  .container {\n    filter: blur(0.125rem);\n  }\n\n  dialog {\n    pointer-events: auto;\n  }\n}","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n\n      @if $enable-transitions {\n        animation-duration: .2s;\n        animation-name: slide;\n      }\n    }\n\n    &::after {\n      @if $enable-transitions {\n        animation-name: slideCaret;\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.classless.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_section.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.classless.css","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-right: 0;\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n  margin-inline-end: 0;\n}\n[type=checkbox][role=switch][aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\n[type=checkbox][role=switch][aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\n:not([dir=rtl]) [type=date],\n:not([dir=rtl]) [type=datetime-local],\n:not([dir=rtl]) [type=month],\n:not([dir=rtl]) [type=time],\n:not([dir=rtl]) [type=week] {\n  background-image: var(--icon-date);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n:not([dir=rtl]) [type=date]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=datetime-local]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=month]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=time]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=week]::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n:not([dir=rtl]) [type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\n[type=search] {\n  border-radius: 5rem;\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary:not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open body > *:not(dialog) {\n  filter: blur(0.1875rem);\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening body > *:not(dialog),\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing body > *:not(dialog),\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n}\n.modal-is-opening body > *:not(dialog),\n.modal-is-closing body > *:not(dialog) {\n  animation-name: blurIn;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  animation-name: slideInDown;\n}\n\n.modal-is-closing body > *:not(dialog),\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-direction: reverse;\n}\n\n@keyframes blurIn {\n  from {\n    filter: blur(0);\n  }\n  to {\n    filter: blur(0.1875rem);\n  }\n}\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.classless.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-right: 0;\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-end: 0;\n    }\n  }\n\n  // Aria-invalid\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n:not([dir=\"rtl\"]) {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    background-image: var(--icon-date);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n\n    &::-webkit-calendar-picker-indicator {\n      opacity: 0;\n    }\n  }\n\n  // Time\n  [type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n[type=\"search\"] {\n  border-radius: 5rem;\n\n  @if $enable-important {\n    padding-left: calc(\n      var(--form-element-spacing-horizontal) + 1.75rem\n    ) !important;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n\n  // Cancel button\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role=\"button\"] {\n        margin-bottom: 0;\n        \n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    .close {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      margin-top: calc(var(--block-spacing-vertical) * -0.5);\n      margin-bottom: var(--typography-spacing-vertical);\n      margin-left: auto;\n      background-image: var(--icon-close);\n      background-position: center;\n      background-size: auto 1rem;\n      background-repeat: no-repeat;\n      opacity: .5;\n  \n      @if $enable-transitions {\n        transition: opacity var(--transition);\n      }\n      \n      &:hover,\n      &:active,\n      &:focus {\n        opacity: 1;\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open=\"false\"]  {\n    display: none;\n  }\n}\n\n// Utilities\n.modal-is-open {\n  overflow: hidden;\n  pointer-events: none;\n\n  body > *:not(dialog) {\n    filter: blur(0.1875rem);\n  }\n\n  dialog {\n    pointer-events: auto;\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  $animation-duration: .2s;\n  \n  .modal-is-opening,\n  .modal-is-closing {\n    \n    body > *:not(dialog),\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-fill-mode: both;  \n    }\n\n    body > *:not(dialog) {\n      animation-name: blurIn;\n    }\n\n    dialog {\n      animation-name: fadeIn;\n  \n      > article {\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    body > *:not(dialog),\n    dialog,\n    dialog > article {\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes blurIn {\n    from {\n      filter: blur(0);\n    }\n    to {\n      filter: blur(0.1875rem);\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n  \n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n}","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.classless.min.css b/css/pico.classless.min.css
index 1dd9211e..94610396 100644
--- a/css/pico.classless.min.css
+++ b/css/pico.classless.min.css
@@ -1,5 +1,5 @@
 /*!
  * Pico.css v1.4.1 (https://picocss.com)
  * Copyright 2019-2021 - 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;--transition:0.2s ease-in-out}@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)}}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 1.5);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:calc(var(--spacing) * 2)}}@media (min-width:992px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 2.5)}}@media (min-width:1200px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 3)}}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}thead td,thead th{--border-width:3px}:not(thead)>*>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]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--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:#a2afb9;--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:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#b71c1c;--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#2e7d32;--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--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:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--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 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(27, 40, 50, 0.9);--progress-background-color:#d5dce2;--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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(198, 40, 40, 0.999)' 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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(56, 142, 60, 0.999)' 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")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;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);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) var(--block-spacing-horizontal)}@media (min-width:576px){body>footer,body>header,body>main{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){body>footer,body>header,body>main{max-width:700px}}@media (min-width:992px){body>footer,body>header,body>main{max-width:920px}}@media (min-width:1200px){body>footer,body>header,body>main{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}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}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}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)}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)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-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)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}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)}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}ol li,ul li{margin-bottom: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:middle}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)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}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}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}a[role=button]{display:inline-block;text-decoration:none}a[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)}a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--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))}a[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)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}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)}a[role=button][disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{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]):not([type=radio]):not([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)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}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)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([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)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[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}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important}[dir=rtl] input[aria-invalid],[dir=rtl] select[aria-invalid],[dir=rtl] textarea[aria-invalid]{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]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([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]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>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);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-right:0;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));-webkit-margin-end:0;margin-inline-end:0}[type=checkbox][role=switch][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox][role=switch][aria-invalid=false]:active,[type=checkbox][role=switch][aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important}[type=checkbox][role=switch][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=checkbox][role=switch][aria-invalid=true]:active,[type=checkbox][role=switch][aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}:not(:dir(rtl)) [type=date],:not(:dir(rtl)) [type=datetime-local],:not(:dir(rtl)) [type=month],:not(:dir(rtl)) [type=time],:not(:dir(rtl)) [type=week]{background-image:var(--icon-date);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}:not(:dir(rtl)) [type=date]::-webkit-calendar-picker-indicator,:not(:dir(rtl)) [type=datetime-local]::-webkit-calendar-picker-indicator,:not(:dir(rtl)) [type=month]::-webkit-calendar-picker-indicator,:not(:dir(rtl)) [type=time]::-webkit-calendar-picker-indicator,:not(:dir(rtl)) [type=week]::-webkit-calendar-picker-indicator{opacity:0}:not(:dir(rtl)) [type=time]{background-image:var(--icon-time)}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[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]::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]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--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:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--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:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--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)}[type=search]{border-radius:5rem;padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem)!important;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}table{width:100%;border-color:inherit;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}tr{background-color:var(--background-color)}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:middle}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing) * .5);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{color:var(--accordion-close-summary-color);line-height:1rem;list-style-type:none;list-style-type:none;cursor:pointer;transition:color var(--transition)}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;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0;color:var(--accordion-active-summary-color)}details summary~*{margin-top:calc(var(--spacing) * .5)}details summary~*~*{margin-top:0}details[open]>summary{margin-bottom:calc(var(--spacing) * .25)}details[open]>summary:not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;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)}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)}dialog{display:flex;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:none;background-color:var(--modal-overlay-background-color)}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer{text-align:right}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog:not([open]){display:none}dialog .close{display:block;width:1rem;height:1rem;margin-top:-.5rem;margin-right:-.5rem;margin-bottom:var(--typography-spacing-vertical);margin-left:auto;background-image:var(--icon-close);background-position:center;background-size:1rem auto;background-repeat:no-repeat;opacity:.5;transition:opacity var(--transition)}dialog .close:active,dialog .close:focus,dialog .close:hover{opacity:1}.dialog-is-open{overflow:hidden;pointer-events:none}.dialog-is-open .container{filter:blur(.125rem)}.dialog-is-open dialog{pointer-events:auto}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(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(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;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(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):not(select):not(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}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::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{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]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);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;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
+ */: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;--transition:0.2s ease-in-out}@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}thead td,thead th{--border-width:3px}:not(thead)>*>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]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--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:#a2afb9;--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:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#b71c1c;--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#2e7d32;--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--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:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--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 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(198, 40, 40, 0.999)' 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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(56, 142, 60, 0.999)' 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")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;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);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) var(--block-spacing-horizontal)}@media (min-width:576px){body>footer,body>header,body>main{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){body>footer,body>header,body>main{max-width:700px}}@media (min-width:992px){body>footer,body>header,body>main{max-width:920px}}@media (min-width:1200px){body>footer,body>header,body>main{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}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}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}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)}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)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-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)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}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)}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}ol li,ul li{margin-bottom: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:middle}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)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}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}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}a[role=button]{display:inline-block;text-decoration:none}a[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)}a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--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))}a[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)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}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)}a[role=button][disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{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]):not([type=radio]):not([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)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}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)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([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)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[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}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{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]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([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]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>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);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-right:0;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));-webkit-margin-end:0;margin-inline-end:0}[type=checkbox][role=switch][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox][role=switch][aria-invalid=false]:active,[type=checkbox][role=switch][aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important}[type=checkbox][role=switch][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=checkbox][role=switch][aria-invalid=true]:active,[type=checkbox][role=switch][aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}:not([dir=rtl]) [type=date],:not([dir=rtl]) [type=datetime-local],:not([dir=rtl]) [type=month],:not([dir=rtl]) [type=time],:not([dir=rtl]) [type=week]{background-image:var(--icon-date);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}:not([dir=rtl]) [type=date]::-webkit-calendar-picker-indicator,:not([dir=rtl]) [type=datetime-local]::-webkit-calendar-picker-indicator,:not([dir=rtl]) [type=month]::-webkit-calendar-picker-indicator,:not([dir=rtl]) [type=time]::-webkit-calendar-picker-indicator,:not([dir=rtl]) [type=week]::-webkit-calendar-picker-indicator{opacity:0}:not([dir=rtl]) [type=time]{background-image:var(--icon-time)}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[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]::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]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--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:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--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:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--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)}[type=search]{border-radius:5rem;padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem)!important;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}table{width:100%;border-color:inherit;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}tr{background-color:var(--background-color)}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:middle}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing) * .5);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{color:var(--accordion-close-summary-color);line-height:1rem;list-style-type:none;list-style-type:none;cursor:pointer;transition:color var(--transition)}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;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0;color:var(--accordion-active-summary-color)}details summary~*{margin-top:calc(var(--spacing) * .5)}details summary~*~*{margin-top:0}details[open]>summary{margin-bottom:calc(var(--spacing) * .25)}details[open]>summary:not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;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)}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)}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:none;background-color:var(--modal-overlay-background-color)}@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:active,dialog article .close:focus,dialog article .close:hover{opacity:1}dialog:not([open]),dialog[open=false]{display:none}.modal-is-open{overflow:hidden;pointer-events:none}.modal-is-open body>:not(dialog){filter:blur(.1875rem)}.modal-is-open dialog{pointer-events:auto}.modal-is-closing body>:not(dialog),.modal-is-closing dialog,.modal-is-closing dialog>article,.modal-is-opening body>:not(dialog),.modal-is-opening dialog,.modal-is-opening dialog>article{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.modal-is-closing body>:not(dialog),.modal-is-opening body>:not(dialog){-webkit-animation-name:blurIn;animation-name:blurIn}.modal-is-closing dialog,.modal-is-opening dialog{-webkit-animation-name:fadeIn;animation-name:fadeIn}.modal-is-closing dialog>article,.modal-is-opening dialog>article{-webkit-animation-name:slideInDown;animation-name:slideInDown}.modal-is-closing body>:not(dialog),.modal-is-closing dialog,.modal-is-closing dialog>article{animation-direction:reverse}@-webkit-keyframes blurIn{from{filter:blur(0)}to{filter:blur(.1875rem)}}@keyframes blurIn{from{filter:blur(0)}to{filter:blur(.1875rem)}}@-webkit-keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@-webkit-keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}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(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(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;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(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):not(select):not(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}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::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{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]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);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;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
 /*# sourceMappingURL=pico.classless.min.css.map */
\ No newline at end of file
diff --git a/css/pico.classless.min.css.map b/css/pico.classless.min.css.map
index 6e77a096..5740942a 100644
--- a/css/pico.classless.min.css.map
+++ b/css/pico.classless.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.classless.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_section.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n    \n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 1.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2);\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 3);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 1.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n@media (min-width: 992px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 1200px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 3);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n[dir=rtl] input[aria-invalid],\n[dir=rtl] select[aria-invalid],\n[dir=rtl] textarea[aria-invalid] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-right: 0;\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n  margin-inline-end: 0;\n}\n[type=checkbox][role=switch][aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\n[type=checkbox][role=switch][aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\n:not(:dir(rtl)) [type=date],\n:not(:dir(rtl)) [type=datetime-local],\n:not(:dir(rtl)) [type=month],\n:not(:dir(rtl)) [type=time],\n:not(:dir(rtl)) [type=week] {\n  background-image: var(--icon-date);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n:not(:dir(rtl)) [type=date]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=datetime-local]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=month]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=time]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=week]::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n:not(:dir(rtl)) [type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\n[type=search] {\n  border-radius: 5rem;\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n * Inspiration: https://codepen.io/koca/pen/RyeLLV\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary:not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\ndialog {\n  display: flex;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog:not([open]) {\n  display: none;\n}\ndialog .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: -0.5rem;\n  margin-right: -0.5rem;\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog .close:hover, dialog .close:active, dialog .close:focus {\n  opacity: 1;\n}\n\n.dialog-is-open {\n  overflow: hidden;\n  pointer-events: none;\n}\n.dialog-is-open .container {\n  filter: blur(0.125rem);\n}\n.dialog-is-open dialog {\n  pointer-events: auto;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n  animation-duration: 0.2s;\n  animation-name: slide;\n}\n[data-tooltip]:focus::after, [data-tooltip]:hover::after {\n  animation-name: slideCaret;\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.classless.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-900, 0.9)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &[aria-invalid] {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-right: 0;\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-end: 0;\n    }\n  }\n\n  // Aria-invalid\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n:not(:dir(rtl)) {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    background-image: var(--icon-date);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n\n    &::-webkit-calendar-picker-indicator {\n      opacity: 0;\n    }\n  }\n\n  // Time\n  [type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n[type=\"search\"] {\n  border-radius: 5rem;\n\n  @if $enable-important {\n    padding-left: calc(\n      var(--form-element-spacing-horizontal) + 1.75rem\n    ) !important;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n\n  // Cancel button\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n * Inspiration: https://codepen.io/koca/pen/RyeLLV\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\ndialog {\n  display: flex;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role=\"button\"]:not(:first-of-type) {\n        margin-left: calc(var(--spacing) * 0.5);\n      }\n    }\n  }\n\n  &:not([open]) {\n    display: none;\n  }\n\n  .close {\n    display: block;\n    width: 1rem;\n    height: 1rem;\n    margin-top: -0.5rem;\n    margin-right: -0.5rem;\n    margin-bottom: var(--typography-spacing-vertical);\n    margin-left: auto;\n    background-image: var(--icon-close);\n    background-position: center;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n    opacity: .5;\n\n    @if $enable-transitions {\n      transition: opacity var(--transition);\n    }\n    \n    &:hover,\n    &:active,\n    &:focus {\n      opacity: 1;\n    }\n  }\n}\n\n.dialog-is-open {\n  overflow: hidden;\n  pointer-events: none;\n  \n  .container {\n    filter: blur(0.125rem);\n  }\n\n  dialog {\n    pointer-events: auto;\n  }\n}","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n\n      @if $enable-transitions {\n        animation-duration: .2s;\n        animation-name: slide;\n      }\n    }\n\n    &::after {\n      @if $enable-transitions {\n        animation-name: slideCaret;\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.classless.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_section.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-right: 0;\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n  margin-inline-end: 0;\n}\n[type=checkbox][role=switch][aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\n[type=checkbox][role=switch][aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\n:not([dir=rtl]) [type=date],\n:not([dir=rtl]) [type=datetime-local],\n:not([dir=rtl]) [type=month],\n:not([dir=rtl]) [type=time],\n:not([dir=rtl]) [type=week] {\n  background-image: var(--icon-date);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n:not([dir=rtl]) [type=date]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=datetime-local]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=month]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=time]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=week]::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n:not([dir=rtl]) [type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\n[type=search] {\n  border-radius: 5rem;\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary:not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open body > *:not(dialog) {\n  filter: blur(0.1875rem);\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening body > *:not(dialog),\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing body > *:not(dialog),\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n}\n.modal-is-opening body > *:not(dialog),\n.modal-is-closing body > *:not(dialog) {\n  animation-name: blurIn;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  animation-name: slideInDown;\n}\n\n.modal-is-closing body > *:not(dialog),\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-direction: reverse;\n}\n\n@keyframes blurIn {\n  from {\n    filter: blur(0);\n  }\n  to {\n    filter: blur(0.1875rem);\n  }\n}\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.classless.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-right: 0;\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-end: 0;\n    }\n  }\n\n  // Aria-invalid\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n:not([dir=\"rtl\"]) {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    background-image: var(--icon-date);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n\n    &::-webkit-calendar-picker-indicator {\n      opacity: 0;\n    }\n  }\n\n  // Time\n  [type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n[type=\"search\"] {\n  border-radius: 5rem;\n\n  @if $enable-important {\n    padding-left: calc(\n      var(--form-element-spacing-horizontal) + 1.75rem\n    ) !important;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n\n  // Cancel button\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role=\"button\"] {\n        margin-bottom: 0;\n        \n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    .close {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      margin-top: calc(var(--block-spacing-vertical) * -0.5);\n      margin-bottom: var(--typography-spacing-vertical);\n      margin-left: auto;\n      background-image: var(--icon-close);\n      background-position: center;\n      background-size: auto 1rem;\n      background-repeat: no-repeat;\n      opacity: .5;\n  \n      @if $enable-transitions {\n        transition: opacity var(--transition);\n      }\n      \n      &:hover,\n      &:active,\n      &:focus {\n        opacity: 1;\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open=\"false\"]  {\n    display: none;\n  }\n}\n\n// Utilities\n.modal-is-open {\n  overflow: hidden;\n  pointer-events: none;\n\n  body > *:not(dialog) {\n    filter: blur(0.1875rem);\n  }\n\n  dialog {\n    pointer-events: auto;\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  $animation-duration: .2s;\n  \n  .modal-is-opening,\n  .modal-is-closing {\n    \n    body > *:not(dialog),\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-fill-mode: both;  \n    }\n\n    body > *:not(dialog) {\n      animation-name: blurIn;\n    }\n\n    dialog {\n      animation-name: fadeIn;\n  \n      > article {\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    body > *:not(dialog),\n    dialog,\n    dialog > article {\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes blurIn {\n    from {\n      filter: blur(0);\n    }\n    to {\n      filter: blur(0.1875rem);\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n  \n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n}","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.css b/css/pico.css
index 210af00a..4d9b20d8 100644
--- a/css/pico.css
+++ b/css/pico.css
@@ -100,28 +100,20 @@ section {
   }
 }
 
+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) * 1.5);
-    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
+    --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) * 2);
-    --block-spacing-horizontal: calc(var(--spacing) * 2);
-  }
-}
-@media (min-width: 992px) {
-  dialog > article {
-    --block-spacing-vertical: calc(var(--spacing) * 2.5);
-    --block-spacing-horizontal: calc(var(--spacing) * 2.5);
-  }
-}
-@media (min-width: 1200px) {
   dialog > article {
     --block-spacing-vertical: calc(var(--spacing) * 3);
-    --block-spacing-horizontal: calc(var(--spacing) * 3);
+    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
   }
 }
 
@@ -276,7 +268,7 @@ kbd {
     0 0.125rem 2rem rgba(27, 40, 50, 0.08),
     0 0 0 0.0625rem rgba(27, 40, 50, 0.024);
   --card-sectionning-background-color: #fbfbfc;
-  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);
+  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);
   --progress-background-color: #d5dce2;
   --progress-color: var(--primary);
   --loading-spinner-opacity: 0.5;
@@ -1382,9 +1374,13 @@ textarea[aria-invalid=true]:focus {
   ) !important;
 }
 
-[dir=rtl] input[aria-invalid],
-[dir=rtl] select[aria-invalid],
-[dir=rtl] textarea[aria-invalid] {
+[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],
+[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],
+[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],
+[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],
+[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],
+[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],
+[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {
   background-position: center left 0.75rem;
 }
 
@@ -1576,24 +1572,24 @@ label > input, label > select, label > textarea {
   border-radius: calc(var(--border-radius) * 0.5);
 }
 
-:not(:dir(rtl)) [type=date],
-:not(:dir(rtl)) [type=datetime-local],
-:not(:dir(rtl)) [type=month],
-:not(:dir(rtl)) [type=time],
-:not(:dir(rtl)) [type=week] {
+:not([dir=rtl]) [type=date],
+:not([dir=rtl]) [type=datetime-local],
+:not([dir=rtl]) [type=month],
+:not([dir=rtl]) [type=time],
+:not([dir=rtl]) [type=week] {
   background-image: var(--icon-date);
   background-position: center right 0.75rem;
   background-size: 1rem auto;
   background-repeat: no-repeat;
 }
-:not(:dir(rtl)) [type=date]::-webkit-calendar-picker-indicator,
-:not(:dir(rtl)) [type=datetime-local]::-webkit-calendar-picker-indicator,
-:not(:dir(rtl)) [type=month]::-webkit-calendar-picker-indicator,
-:not(:dir(rtl)) [type=time]::-webkit-calendar-picker-indicator,
-:not(:dir(rtl)) [type=week]::-webkit-calendar-picker-indicator {
+:not([dir=rtl]) [type=date]::-webkit-calendar-picker-indicator,
+:not([dir=rtl]) [type=datetime-local]::-webkit-calendar-picker-indicator,
+:not([dir=rtl]) [type=month]::-webkit-calendar-picker-indicator,
+:not([dir=rtl]) [type=time]::-webkit-calendar-picker-indicator,
+:not([dir=rtl]) [type=week]::-webkit-calendar-picker-indicator {
   opacity: 0;
 }
-:not(:dir(rtl)) [type=time] {
+:not([dir=rtl]) [type=time] {
   background-image: var(--icon-time);
 }
 
@@ -1940,7 +1936,6 @@ canvas {
 
 /**
  * Accordion (<details>)
- * Inspiration: https://codepen.io/koca/pen/RyeLLV
  */
 details {
   display: block;
@@ -2036,6 +2031,7 @@ article > footer {
  */
 dialog {
   display: flex;
+  z-index: 999;
   position: fixed;
   top: 0;
   right: 0;
@@ -2061,45 +2057,145 @@ dialog {
     max-width: 700px;
   }
 }
+dialog article > header,
+dialog article > footer {
+  padding: calc(var(--block-spacing-vertical) * 0.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) * 0.5);
 }
-dialog:not([open]) {
-  display: none;
+dialog article p:last-of-type {
+  margin: 0;
 }
-dialog .close {
+dialog article .close {
   display: block;
   width: 1rem;
   height: 1rem;
-  margin-top: -0.5rem;
-  margin-right: -0.5rem;
+  margin-top: calc(var(--block-spacing-vertical) * -0.5);
   margin-bottom: var(--typography-spacing-vertical);
   margin-left: auto;
   background-image: var(--icon-close);
   background-position: center;
-  background-size: 1rem auto;
+  background-size: auto 1rem;
   background-repeat: no-repeat;
   opacity: 0.5;
   transition: opacity var(--transition);
 }
-dialog .close:hover, dialog .close:active, dialog .close:focus {
+dialog article .close:hover, dialog article .close:active, dialog article .close:focus {
   opacity: 1;
 }
+dialog:not([open]), dialog[open=false] {
+  display: none;
+}
 
-.dialog-is-open {
+.modal-is-open {
   overflow: hidden;
   pointer-events: none;
 }
-.dialog-is-open .container {
-  filter: blur(0.125rem);
+.modal-is-open body > *:not(dialog) {
+  filter: blur(0.1875rem);
 }
-.dialog-is-open dialog {
+.modal-is-open dialog {
   pointer-events: auto;
 }
 
+.modal-is-opening body > *:not(dialog),
+.modal-is-opening dialog,
+.modal-is-opening dialog > article,
+.modal-is-closing body > *:not(dialog),
+.modal-is-closing dialog,
+.modal-is-closing dialog > article {
+  -webkit-animation-duration: 0.2s;
+  animation-duration: 0.2s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+.modal-is-opening body > *:not(dialog),
+.modal-is-closing body > *:not(dialog) {
+  -webkit-animation-name: blurIn;
+  animation-name: blurIn;
+}
+.modal-is-opening dialog,
+.modal-is-closing dialog {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+}
+.modal-is-opening dialog > article,
+.modal-is-closing dialog > article {
+  -webkit-animation-name: slideInDown;
+  animation-name: slideInDown;
+}
+
+.modal-is-closing body > *:not(dialog),
+.modal-is-closing dialog,
+.modal-is-closing dialog > article {
+  animation-direction: reverse;
+}
+
+@-webkit-keyframes blurIn {
+  from {
+    filter: blur(0);
+  }
+  to {
+    filter: blur(0.1875rem);
+  }
+}
+
+@keyframes blurIn {
+  from {
+    filter: blur(0);
+  }
+  to {
+    filter: blur(0.1875rem);
+  }
+}
+@-webkit-keyframes fadeIn {
+  from {
+    background-color: transparent;
+  }
+  to {
+    background-color: var(--modal-overlay-background-color);
+  }
+}
+@keyframes fadeIn {
+  from {
+    background-color: transparent;
+  }
+  to {
+    background-color: var(--modal-overlay-background-color);
+  }
+}
+@-webkit-keyframes slideInDown {
+  from {
+    transform: translateY(-100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes slideInDown {
+  from {
+    transform: translateY(-100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
 /**
  * Nav
  */
@@ -2321,14 +2417,18 @@ a[aria-busy=true] {
 }
 [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
   opacity: 1;
-  -webkit-animation-duration: 0.2s;
-  animation-duration: 0.2s;
-  -webkit-animation-name: slide;
-  animation-name: slide;
 }
-[data-tooltip]:focus::after, [data-tooltip]:hover::after {
-  -webkit-animation-name: slideCaret;
-  animation-name: slideCaret;
+@media (hover: hover) and (pointer: fine) {
+  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
+    -webkit-animation-duration: 0.2s;
+    animation-duration: 0.2s;
+    -webkit-animation-name: slide;
+    animation-name: slide;
+  }
+  [data-tooltip]:focus::after, [data-tooltip]:hover::after {
+    -webkit-animation-name: slideCaret;
+    animation-name: slideCaret;
+  }
 }
 
 @-webkit-keyframes slide {
diff --git a/css/pico.css.map b/css/pico.css.map
index d33f5eb3..24b76002 100644
--- a/css/pico.css.map
+++ b/css/pico.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_container.scss","../scss/layout/_section.scss","../scss/layout/_grid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.css","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n    \n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 1.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2);\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 3);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 1.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n@media (min-width: 992px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 1200px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 3);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset].secondary,\na[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:hover,\ninput[type=reset].secondary:active,\ninput[type=reset].secondary:focus,\na[role=button].secondary:hover,\na[role=button].secondary:active,\na[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:focus,\na[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\na[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\na[role=button].contrast:hover,\na[role=button].contrast:active,\na[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\na[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\na[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\na[role=button].outline:hover,\na[role=button].outline:active,\na[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\na[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\na[role=button].outline.secondary:hover,\na[role=button].outline.secondary:active,\na[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\na[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\na[role=button].outline.contrast:hover,\na[role=button].outline.contrast:active,\na[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n[dir=rtl] input[aria-invalid],\n[dir=rtl] select[aria-invalid],\n[dir=rtl] textarea[aria-invalid] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-right: 0;\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n  margin-inline-end: 0;\n}\n[type=checkbox][role=switch][aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\n[type=checkbox][role=switch][aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\n:not(:dir(rtl)) [type=date],\n:not(:dir(rtl)) [type=datetime-local],\n:not(:dir(rtl)) [type=month],\n:not(:dir(rtl)) [type=time],\n:not(:dir(rtl)) [type=week] {\n  background-image: var(--icon-date);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n:not(:dir(rtl)) [type=date]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=datetime-local]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=month]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=time]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=week]::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n:not(:dir(rtl)) [type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\n[type=search] {\n  border-radius: 5rem;\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n * Inspiration: https://codepen.io/koca/pen/RyeLLV\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary:not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\ndialog {\n  display: flex;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog:not([open]) {\n  display: none;\n}\ndialog .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: -0.5rem;\n  margin-right: -0.5rem;\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog .close:hover, dialog .close:active, dialog .close:focus {\n  opacity: 1;\n}\n\n.dialog-is-open {\n  overflow: hidden;\n  pointer-events: none;\n}\n.dialog-is-open .container {\n  filter: blur(0.125rem);\n}\n.dialog-is-open dialog {\n  pointer-events: auto;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n  animation-duration: 0.2s;\n  animation-name: slide;\n}\n[data-tooltip]:focus::after, [data-tooltip]:hover::after {\n  animation-name: slideCaret;\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-900, 0.9)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n        padding-right: 0;\n        padding-left: 0;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if $enable-classes {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\n    }\n  }\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &[aria-invalid] {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-right: 0;\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-end: 0;\n    }\n  }\n\n  // Aria-invalid\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n:not(:dir(rtl)) {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    background-image: var(--icon-date);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n\n    &::-webkit-calendar-picker-indicator {\n      opacity: 0;\n    }\n  }\n\n  // Time\n  [type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n[type=\"search\"] {\n  border-radius: 5rem;\n\n  @if $enable-important {\n    padding-left: calc(\n      var(--form-element-spacing-horizontal) + 1.75rem\n    ) !important;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n\n  // Cancel button\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n * Inspiration: https://codepen.io/koca/pen/RyeLLV\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\ndialog {\n  display: flex;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role=\"button\"]:not(:first-of-type) {\n        margin-left: calc(var(--spacing) * 0.5);\n      }\n    }\n  }\n\n  &:not([open]) {\n    display: none;\n  }\n\n  .close {\n    display: block;\n    width: 1rem;\n    height: 1rem;\n    margin-top: -0.5rem;\n    margin-right: -0.5rem;\n    margin-bottom: var(--typography-spacing-vertical);\n    margin-left: auto;\n    background-image: var(--icon-close);\n    background-position: center;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n    opacity: .5;\n\n    @if $enable-transitions {\n      transition: opacity var(--transition);\n    }\n    \n    &:hover,\n    &:active,\n    &:focus {\n      opacity: 1;\n    }\n  }\n}\n\n.dialog-is-open {\n  overflow: hidden;\n  pointer-events: none;\n  \n  .container {\n    filter: blur(0.125rem);\n  }\n\n  dialog {\n    pointer-events: auto;\n  }\n}","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n\n      @if $enable-transitions {\n        animation-duration: .2s;\n        animation-name: slide;\n      }\n    }\n\n    &::after {\n      @if $enable-transitions {\n        animation-name: slideCaret;\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_container.scss","../scss/layout/_section.scss","../scss/layout/_grid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.css","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset].secondary,\na[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:hover,\ninput[type=reset].secondary:active,\ninput[type=reset].secondary:focus,\na[role=button].secondary:hover,\na[role=button].secondary:active,\na[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:focus,\na[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\na[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\na[role=button].contrast:hover,\na[role=button].contrast:active,\na[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\na[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\na[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\na[role=button].outline:hover,\na[role=button].outline:active,\na[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\na[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\na[role=button].outline.secondary:hover,\na[role=button].outline.secondary:active,\na[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\na[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\na[role=button].outline.contrast:hover,\na[role=button].outline.contrast:active,\na[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-right: 0;\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n  margin-inline-end: 0;\n}\n[type=checkbox][role=switch][aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\n[type=checkbox][role=switch][aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\n:not([dir=rtl]) [type=date],\n:not([dir=rtl]) [type=datetime-local],\n:not([dir=rtl]) [type=month],\n:not([dir=rtl]) [type=time],\n:not([dir=rtl]) [type=week] {\n  background-image: var(--icon-date);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n:not([dir=rtl]) [type=date]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=datetime-local]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=month]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=time]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=week]::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n:not([dir=rtl]) [type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\n[type=search] {\n  border-radius: 5rem;\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary:not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open body > *:not(dialog) {\n  filter: blur(0.1875rem);\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening body > *:not(dialog),\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing body > *:not(dialog),\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n}\n.modal-is-opening body > *:not(dialog),\n.modal-is-closing body > *:not(dialog) {\n  animation-name: blurIn;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  animation-name: slideInDown;\n}\n\n.modal-is-closing body > *:not(dialog),\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-direction: reverse;\n}\n\n@keyframes blurIn {\n  from {\n    filter: blur(0);\n  }\n  to {\n    filter: blur(0.1875rem);\n  }\n}\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n        padding-right: 0;\n        padding-left: 0;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if $enable-classes {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\n    }\n  }\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-right: 0;\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-end: 0;\n    }\n  }\n\n  // Aria-invalid\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n:not([dir=\"rtl\"]) {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    background-image: var(--icon-date);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n\n    &::-webkit-calendar-picker-indicator {\n      opacity: 0;\n    }\n  }\n\n  // Time\n  [type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n[type=\"search\"] {\n  border-radius: 5rem;\n\n  @if $enable-important {\n    padding-left: calc(\n      var(--form-element-spacing-horizontal) + 1.75rem\n    ) !important;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n\n  // Cancel button\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role=\"button\"] {\n        margin-bottom: 0;\n        \n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    .close {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      margin-top: calc(var(--block-spacing-vertical) * -0.5);\n      margin-bottom: var(--typography-spacing-vertical);\n      margin-left: auto;\n      background-image: var(--icon-close);\n      background-position: center;\n      background-size: auto 1rem;\n      background-repeat: no-repeat;\n      opacity: .5;\n  \n      @if $enable-transitions {\n        transition: opacity var(--transition);\n      }\n      \n      &:hover,\n      &:active,\n      &:focus {\n        opacity: 1;\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open=\"false\"]  {\n    display: none;\n  }\n}\n\n// Utilities\n.modal-is-open {\n  overflow: hidden;\n  pointer-events: none;\n\n  body > *:not(dialog) {\n    filter: blur(0.1875rem);\n  }\n\n  dialog {\n    pointer-events: auto;\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  $animation-duration: .2s;\n  \n  .modal-is-opening,\n  .modal-is-closing {\n    \n    body > *:not(dialog),\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-fill-mode: both;  \n    }\n\n    body > *:not(dialog) {\n      animation-name: blurIn;\n    }\n\n    dialog {\n      animation-name: fadeIn;\n  \n      > article {\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    body > *:not(dialog),\n    dialog,\n    dialog > article {\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes blurIn {\n    from {\n      filter: blur(0);\n    }\n    to {\n      filter: blur(0.1875rem);\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n  \n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n}","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.fluid.classless.css b/css/pico.fluid.classless.css
index 4a4f717f..b7e915ff 100644
--- a/css/pico.fluid.classless.css
+++ b/css/pico.fluid.classless.css
@@ -100,28 +100,20 @@ section {
   }
 }
 
+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) * 1.5);
-    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
+    --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) * 2);
-    --block-spacing-horizontal: calc(var(--spacing) * 2);
-  }
-}
-@media (min-width: 992px) {
-  dialog > article {
-    --block-spacing-vertical: calc(var(--spacing) * 2.5);
-    --block-spacing-horizontal: calc(var(--spacing) * 2.5);
-  }
-}
-@media (min-width: 1200px) {
   dialog > article {
     --block-spacing-vertical: calc(var(--spacing) * 3);
-    --block-spacing-horizontal: calc(var(--spacing) * 3);
+    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
   }
 }
 
@@ -276,7 +268,7 @@ kbd {
     0 0.125rem 2rem rgba(27, 40, 50, 0.08),
     0 0 0 0.0625rem rgba(27, 40, 50, 0.024);
   --card-sectionning-background-color: #fbfbfc;
-  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);
+  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);
   --progress-background-color: #d5dce2;
   --progress-color: var(--primary);
   --loading-spinner-opacity: 0.5;
@@ -1173,9 +1165,13 @@ textarea[aria-invalid=true]:focus {
   ) !important;
 }
 
-[dir=rtl] input[aria-invalid],
-[dir=rtl] select[aria-invalid],
-[dir=rtl] textarea[aria-invalid] {
+[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],
+[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],
+[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],
+[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],
+[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],
+[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],
+[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {
   background-position: center left 0.75rem;
 }
 
@@ -1367,24 +1363,24 @@ label > input, label > select, label > textarea {
   border-radius: calc(var(--border-radius) * 0.5);
 }
 
-:not(:dir(rtl)) [type=date],
-:not(:dir(rtl)) [type=datetime-local],
-:not(:dir(rtl)) [type=month],
-:not(:dir(rtl)) [type=time],
-:not(:dir(rtl)) [type=week] {
+:not([dir=rtl]) [type=date],
+:not([dir=rtl]) [type=datetime-local],
+:not([dir=rtl]) [type=month],
+:not([dir=rtl]) [type=time],
+:not([dir=rtl]) [type=week] {
   background-image: var(--icon-date);
   background-position: center right 0.75rem;
   background-size: 1rem auto;
   background-repeat: no-repeat;
 }
-:not(:dir(rtl)) [type=date]::-webkit-calendar-picker-indicator,
-:not(:dir(rtl)) [type=datetime-local]::-webkit-calendar-picker-indicator,
-:not(:dir(rtl)) [type=month]::-webkit-calendar-picker-indicator,
-:not(:dir(rtl)) [type=time]::-webkit-calendar-picker-indicator,
-:not(:dir(rtl)) [type=week]::-webkit-calendar-picker-indicator {
+:not([dir=rtl]) [type=date]::-webkit-calendar-picker-indicator,
+:not([dir=rtl]) [type=datetime-local]::-webkit-calendar-picker-indicator,
+:not([dir=rtl]) [type=month]::-webkit-calendar-picker-indicator,
+:not([dir=rtl]) [type=time]::-webkit-calendar-picker-indicator,
+:not([dir=rtl]) [type=week]::-webkit-calendar-picker-indicator {
   opacity: 0;
 }
-:not(:dir(rtl)) [type=time] {
+:not([dir=rtl]) [type=time] {
   background-image: var(--icon-time);
 }
 
@@ -1731,7 +1727,6 @@ canvas {
 
 /**
  * Accordion (<details>)
- * Inspiration: https://codepen.io/koca/pen/RyeLLV
  */
 details {
   display: block;
@@ -1827,6 +1822,7 @@ article > footer {
  */
 dialog {
   display: flex;
+  z-index: 999;
   position: fixed;
   top: 0;
   right: 0;
@@ -1852,45 +1848,145 @@ dialog {
     max-width: 700px;
   }
 }
+dialog article > header,
+dialog article > footer {
+  padding: calc(var(--block-spacing-vertical) * 0.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) * 0.5);
 }
-dialog:not([open]) {
-  display: none;
+dialog article p:last-of-type {
+  margin: 0;
 }
-dialog .close {
+dialog article .close {
   display: block;
   width: 1rem;
   height: 1rem;
-  margin-top: -0.5rem;
-  margin-right: -0.5rem;
+  margin-top: calc(var(--block-spacing-vertical) * -0.5);
   margin-bottom: var(--typography-spacing-vertical);
   margin-left: auto;
   background-image: var(--icon-close);
   background-position: center;
-  background-size: 1rem auto;
+  background-size: auto 1rem;
   background-repeat: no-repeat;
   opacity: 0.5;
   transition: opacity var(--transition);
 }
-dialog .close:hover, dialog .close:active, dialog .close:focus {
+dialog article .close:hover, dialog article .close:active, dialog article .close:focus {
   opacity: 1;
 }
+dialog:not([open]), dialog[open=false] {
+  display: none;
+}
 
-.dialog-is-open {
+.modal-is-open {
   overflow: hidden;
   pointer-events: none;
 }
-.dialog-is-open .container {
-  filter: blur(0.125rem);
+.modal-is-open body > *:not(dialog) {
+  filter: blur(0.1875rem);
 }
-.dialog-is-open dialog {
+.modal-is-open dialog {
   pointer-events: auto;
 }
 
+.modal-is-opening body > *:not(dialog),
+.modal-is-opening dialog,
+.modal-is-opening dialog > article,
+.modal-is-closing body > *:not(dialog),
+.modal-is-closing dialog,
+.modal-is-closing dialog > article {
+  -webkit-animation-duration: 0.2s;
+  animation-duration: 0.2s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+.modal-is-opening body > *:not(dialog),
+.modal-is-closing body > *:not(dialog) {
+  -webkit-animation-name: blurIn;
+  animation-name: blurIn;
+}
+.modal-is-opening dialog,
+.modal-is-closing dialog {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+}
+.modal-is-opening dialog > article,
+.modal-is-closing dialog > article {
+  -webkit-animation-name: slideInDown;
+  animation-name: slideInDown;
+}
+
+.modal-is-closing body > *:not(dialog),
+.modal-is-closing dialog,
+.modal-is-closing dialog > article {
+  animation-direction: reverse;
+}
+
+@-webkit-keyframes blurIn {
+  from {
+    filter: blur(0);
+  }
+  to {
+    filter: blur(0.1875rem);
+  }
+}
+
+@keyframes blurIn {
+  from {
+    filter: blur(0);
+  }
+  to {
+    filter: blur(0.1875rem);
+  }
+}
+@-webkit-keyframes fadeIn {
+  from {
+    background-color: transparent;
+  }
+  to {
+    background-color: var(--modal-overlay-background-color);
+  }
+}
+@keyframes fadeIn {
+  from {
+    background-color: transparent;
+  }
+  to {
+    background-color: var(--modal-overlay-background-color);
+  }
+}
+@-webkit-keyframes slideInDown {
+  from {
+    transform: translateY(-100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes slideInDown {
+  from {
+    transform: translateY(-100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
 /**
  * Nav
  */
@@ -2112,14 +2208,18 @@ a[aria-busy=true] {
 }
 [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
   opacity: 1;
-  -webkit-animation-duration: 0.2s;
-  animation-duration: 0.2s;
-  -webkit-animation-name: slide;
-  animation-name: slide;
 }
-[data-tooltip]:focus::after, [data-tooltip]:hover::after {
-  -webkit-animation-name: slideCaret;
-  animation-name: slideCaret;
+@media (hover: hover) and (pointer: fine) {
+  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
+    -webkit-animation-duration: 0.2s;
+    animation-duration: 0.2s;
+    -webkit-animation-name: slide;
+    animation-name: slide;
+  }
+  [data-tooltip]:focus::after, [data-tooltip]:hover::after {
+    -webkit-animation-name: slideCaret;
+    animation-name: slideCaret;
+  }
 }
 
 @-webkit-keyframes slide {
diff --git a/css/pico.fluid.classless.css.map b/css/pico.fluid.classless.css.map
index f4c3cfe1..ef9743ac 100644
--- a/css/pico.fluid.classless.css.map
+++ b/css/pico.fluid.classless.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.fluid.classless.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_section.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.fluid.classless.css","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n    \n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 1.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2);\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 3);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 1.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n@media (min-width: 992px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 1200px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 3);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n[dir=rtl] input[aria-invalid],\n[dir=rtl] select[aria-invalid],\n[dir=rtl] textarea[aria-invalid] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-right: 0;\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n  margin-inline-end: 0;\n}\n[type=checkbox][role=switch][aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\n[type=checkbox][role=switch][aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\n:not(:dir(rtl)) [type=date],\n:not(:dir(rtl)) [type=datetime-local],\n:not(:dir(rtl)) [type=month],\n:not(:dir(rtl)) [type=time],\n:not(:dir(rtl)) [type=week] {\n  background-image: var(--icon-date);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n:not(:dir(rtl)) [type=date]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=datetime-local]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=month]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=time]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=week]::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n:not(:dir(rtl)) [type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\n[type=search] {\n  border-radius: 5rem;\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n * Inspiration: https://codepen.io/koca/pen/RyeLLV\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary:not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\ndialog {\n  display: flex;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog:not([open]) {\n  display: none;\n}\ndialog .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: -0.5rem;\n  margin-right: -0.5rem;\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog .close:hover, dialog .close:active, dialog .close:focus {\n  opacity: 1;\n}\n\n.dialog-is-open {\n  overflow: hidden;\n  pointer-events: none;\n}\n.dialog-is-open .container {\n  filter: blur(0.125rem);\n}\n.dialog-is-open dialog {\n  pointer-events: auto;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n  animation-duration: 0.2s;\n  animation-name: slide;\n}\n[data-tooltip]:focus::after, [data-tooltip]:hover::after {\n  animation-name: slideCaret;\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-900, 0.9)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &[aria-invalid] {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-right: 0;\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-end: 0;\n    }\n  }\n\n  // Aria-invalid\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n:not(:dir(rtl)) {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    background-image: var(--icon-date);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n\n    &::-webkit-calendar-picker-indicator {\n      opacity: 0;\n    }\n  }\n\n  // Time\n  [type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n[type=\"search\"] {\n  border-radius: 5rem;\n\n  @if $enable-important {\n    padding-left: calc(\n      var(--form-element-spacing-horizontal) + 1.75rem\n    ) !important;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n\n  // Cancel button\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n * Inspiration: https://codepen.io/koca/pen/RyeLLV\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\ndialog {\n  display: flex;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role=\"button\"]:not(:first-of-type) {\n        margin-left: calc(var(--spacing) * 0.5);\n      }\n    }\n  }\n\n  &:not([open]) {\n    display: none;\n  }\n\n  .close {\n    display: block;\n    width: 1rem;\n    height: 1rem;\n    margin-top: -0.5rem;\n    margin-right: -0.5rem;\n    margin-bottom: var(--typography-spacing-vertical);\n    margin-left: auto;\n    background-image: var(--icon-close);\n    background-position: center;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n    opacity: .5;\n\n    @if $enable-transitions {\n      transition: opacity var(--transition);\n    }\n    \n    &:hover,\n    &:active,\n    &:focus {\n      opacity: 1;\n    }\n  }\n}\n\n.dialog-is-open {\n  overflow: hidden;\n  pointer-events: none;\n  \n  .container {\n    filter: blur(0.125rem);\n  }\n\n  dialog {\n    pointer-events: auto;\n  }\n}","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n\n      @if $enable-transitions {\n        animation-duration: .2s;\n        animation-name: slide;\n      }\n    }\n\n    &::after {\n      @if $enable-transitions {\n        animation-name: slideCaret;\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.fluid.classless.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_section.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.fluid.classless.css","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-right: 0;\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n  margin-inline-end: 0;\n}\n[type=checkbox][role=switch][aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\n[type=checkbox][role=switch][aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\n:not([dir=rtl]) [type=date],\n:not([dir=rtl]) [type=datetime-local],\n:not([dir=rtl]) [type=month],\n:not([dir=rtl]) [type=time],\n:not([dir=rtl]) [type=week] {\n  background-image: var(--icon-date);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n:not([dir=rtl]) [type=date]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=datetime-local]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=month]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=time]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=week]::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n:not([dir=rtl]) [type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\n[type=search] {\n  border-radius: 5rem;\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary:not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open body > *:not(dialog) {\n  filter: blur(0.1875rem);\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening body > *:not(dialog),\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing body > *:not(dialog),\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n}\n.modal-is-opening body > *:not(dialog),\n.modal-is-closing body > *:not(dialog) {\n  animation-name: blurIn;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  animation-name: slideInDown;\n}\n\n.modal-is-closing body > *:not(dialog),\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-direction: reverse;\n}\n\n@keyframes blurIn {\n  from {\n    filter: blur(0);\n  }\n  to {\n    filter: blur(0.1875rem);\n  }\n}\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-right: 0;\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-end: 0;\n    }\n  }\n\n  // Aria-invalid\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n:not([dir=\"rtl\"]) {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    background-image: var(--icon-date);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n\n    &::-webkit-calendar-picker-indicator {\n      opacity: 0;\n    }\n  }\n\n  // Time\n  [type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n[type=\"search\"] {\n  border-radius: 5rem;\n\n  @if $enable-important {\n    padding-left: calc(\n      var(--form-element-spacing-horizontal) + 1.75rem\n    ) !important;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n\n  // Cancel button\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role=\"button\"] {\n        margin-bottom: 0;\n        \n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    .close {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      margin-top: calc(var(--block-spacing-vertical) * -0.5);\n      margin-bottom: var(--typography-spacing-vertical);\n      margin-left: auto;\n      background-image: var(--icon-close);\n      background-position: center;\n      background-size: auto 1rem;\n      background-repeat: no-repeat;\n      opacity: .5;\n  \n      @if $enable-transitions {\n        transition: opacity var(--transition);\n      }\n      \n      &:hover,\n      &:active,\n      &:focus {\n        opacity: 1;\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open=\"false\"]  {\n    display: none;\n  }\n}\n\n// Utilities\n.modal-is-open {\n  overflow: hidden;\n  pointer-events: none;\n\n  body > *:not(dialog) {\n    filter: blur(0.1875rem);\n  }\n\n  dialog {\n    pointer-events: auto;\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  $animation-duration: .2s;\n  \n  .modal-is-opening,\n  .modal-is-closing {\n    \n    body > *:not(dialog),\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-fill-mode: both;  \n    }\n\n    body > *:not(dialog) {\n      animation-name: blurIn;\n    }\n\n    dialog {\n      animation-name: fadeIn;\n  \n      > article {\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    body > *:not(dialog),\n    dialog,\n    dialog > article {\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes blurIn {\n    from {\n      filter: blur(0);\n    }\n    to {\n      filter: blur(0.1875rem);\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n  \n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n}","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.fluid.classless.min.css b/css/pico.fluid.classless.min.css
index 8bc5e117..e9cec5d3 100644
--- a/css/pico.fluid.classless.min.css
+++ b/css/pico.fluid.classless.min.css
@@ -1,5 +1,5 @@
 /*!
  * Pico.css v1.4.1 (https://picocss.com)
  * Copyright 2019-2021 - 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;--transition:0.2s ease-in-out}@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)}}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 1.5);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:calc(var(--spacing) * 2)}}@media (min-width:992px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 2.5)}}@media (min-width:1200px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 3)}}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}thead td,thead th{--border-width:3px}:not(thead)>*>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]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--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:#a2afb9;--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:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#b71c1c;--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#2e7d32;--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--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:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--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 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(27, 40, 50, 0.9);--progress-background-color:#d5dce2;--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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(198, 40, 40, 0.999)' 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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(56, 142, 60, 0.999)' 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")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;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);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) var(--block-spacing-horizontal)}section{margin-bottom:var(--block-spacing-vertical)}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}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}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)}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)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-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)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}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)}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}ol li,ul li{margin-bottom: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:middle}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)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}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}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}a[role=button]{display:inline-block;text-decoration:none}a[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)}a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--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))}a[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)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}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)}a[role=button][disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{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]):not([type=radio]):not([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)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}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)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([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)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[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}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important}[dir=rtl] input[aria-invalid],[dir=rtl] select[aria-invalid],[dir=rtl] textarea[aria-invalid]{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]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([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]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>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);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-right:0;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));-webkit-margin-end:0;margin-inline-end:0}[type=checkbox][role=switch][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox][role=switch][aria-invalid=false]:active,[type=checkbox][role=switch][aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important}[type=checkbox][role=switch][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=checkbox][role=switch][aria-invalid=true]:active,[type=checkbox][role=switch][aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}:not(:dir(rtl)) [type=date],:not(:dir(rtl)) [type=datetime-local],:not(:dir(rtl)) [type=month],:not(:dir(rtl)) [type=time],:not(:dir(rtl)) [type=week]{background-image:var(--icon-date);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}:not(:dir(rtl)) [type=date]::-webkit-calendar-picker-indicator,:not(:dir(rtl)) [type=datetime-local]::-webkit-calendar-picker-indicator,:not(:dir(rtl)) [type=month]::-webkit-calendar-picker-indicator,:not(:dir(rtl)) [type=time]::-webkit-calendar-picker-indicator,:not(:dir(rtl)) [type=week]::-webkit-calendar-picker-indicator{opacity:0}:not(:dir(rtl)) [type=time]{background-image:var(--icon-time)}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[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]::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]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--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:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--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:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--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)}[type=search]{border-radius:5rem;padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem)!important;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}table{width:100%;border-color:inherit;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}tr{background-color:var(--background-color)}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:middle}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing) * .5);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{color:var(--accordion-close-summary-color);line-height:1rem;list-style-type:none;list-style-type:none;cursor:pointer;transition:color var(--transition)}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;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0;color:var(--accordion-active-summary-color)}details summary~*{margin-top:calc(var(--spacing) * .5)}details summary~*~*{margin-top:0}details[open]>summary{margin-bottom:calc(var(--spacing) * .25)}details[open]>summary:not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;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)}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)}dialog{display:flex;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:none;background-color:var(--modal-overlay-background-color)}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer{text-align:right}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog:not([open]){display:none}dialog .close{display:block;width:1rem;height:1rem;margin-top:-.5rem;margin-right:-.5rem;margin-bottom:var(--typography-spacing-vertical);margin-left:auto;background-image:var(--icon-close);background-position:center;background-size:1rem auto;background-repeat:no-repeat;opacity:.5;transition:opacity var(--transition)}dialog .close:active,dialog .close:focus,dialog .close:hover{opacity:1}.dialog-is-open{overflow:hidden;pointer-events:none}.dialog-is-open .container{filter:blur(.125rem)}.dialog-is-open dialog{pointer-events:auto}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(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(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;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(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):not(select):not(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}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::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{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]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);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;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
+ */: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;--transition:0.2s ease-in-out}@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}thead td,thead th{--border-width:3px}:not(thead)>*>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]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--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:#a2afb9;--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:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#b71c1c;--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#2e7d32;--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--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:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--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 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(198, 40, 40, 0.999)' 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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(56, 142, 60, 0.999)' 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")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;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);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) var(--block-spacing-horizontal)}section{margin-bottom:var(--block-spacing-vertical)}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}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}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)}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)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-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)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}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)}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}ol li,ul li{margin-bottom: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:middle}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)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}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}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}a[role=button]{display:inline-block;text-decoration:none}a[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)}a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--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))}a[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)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}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)}a[role=button][disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{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]):not([type=radio]):not([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)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}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)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([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)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[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}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{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]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([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]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>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);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-right:0;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));-webkit-margin-end:0;margin-inline-end:0}[type=checkbox][role=switch][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox][role=switch][aria-invalid=false]:active,[type=checkbox][role=switch][aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important}[type=checkbox][role=switch][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=checkbox][role=switch][aria-invalid=true]:active,[type=checkbox][role=switch][aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}:not([dir=rtl]) [type=date],:not([dir=rtl]) [type=datetime-local],:not([dir=rtl]) [type=month],:not([dir=rtl]) [type=time],:not([dir=rtl]) [type=week]{background-image:var(--icon-date);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}:not([dir=rtl]) [type=date]::-webkit-calendar-picker-indicator,:not([dir=rtl]) [type=datetime-local]::-webkit-calendar-picker-indicator,:not([dir=rtl]) [type=month]::-webkit-calendar-picker-indicator,:not([dir=rtl]) [type=time]::-webkit-calendar-picker-indicator,:not([dir=rtl]) [type=week]::-webkit-calendar-picker-indicator{opacity:0}:not([dir=rtl]) [type=time]{background-image:var(--icon-time)}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[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]::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]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--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:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--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:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--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)}[type=search]{border-radius:5rem;padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem)!important;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}table{width:100%;border-color:inherit;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}tr{background-color:var(--background-color)}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:middle}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing) * .5);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{color:var(--accordion-close-summary-color);line-height:1rem;list-style-type:none;list-style-type:none;cursor:pointer;transition:color var(--transition)}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;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0;color:var(--accordion-active-summary-color)}details summary~*{margin-top:calc(var(--spacing) * .5)}details summary~*~*{margin-top:0}details[open]>summary{margin-bottom:calc(var(--spacing) * .25)}details[open]>summary:not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;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)}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)}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:none;background-color:var(--modal-overlay-background-color)}@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:active,dialog article .close:focus,dialog article .close:hover{opacity:1}dialog:not([open]),dialog[open=false]{display:none}.modal-is-open{overflow:hidden;pointer-events:none}.modal-is-open body>:not(dialog){filter:blur(.1875rem)}.modal-is-open dialog{pointer-events:auto}.modal-is-closing body>:not(dialog),.modal-is-closing dialog,.modal-is-closing dialog>article,.modal-is-opening body>:not(dialog),.modal-is-opening dialog,.modal-is-opening dialog>article{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.modal-is-closing body>:not(dialog),.modal-is-opening body>:not(dialog){-webkit-animation-name:blurIn;animation-name:blurIn}.modal-is-closing dialog,.modal-is-opening dialog{-webkit-animation-name:fadeIn;animation-name:fadeIn}.modal-is-closing dialog>article,.modal-is-opening dialog>article{-webkit-animation-name:slideInDown;animation-name:slideInDown}.modal-is-closing body>:not(dialog),.modal-is-closing dialog,.modal-is-closing dialog>article{animation-direction:reverse}@-webkit-keyframes blurIn{from{filter:blur(0)}to{filter:blur(.1875rem)}}@keyframes blurIn{from{filter:blur(0)}to{filter:blur(.1875rem)}}@-webkit-keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@-webkit-keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}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(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(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;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(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):not(select):not(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}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::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{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]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);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;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
 /*# sourceMappingURL=pico.fluid.classless.min.css.map */
\ No newline at end of file
diff --git a/css/pico.fluid.classless.min.css.map b/css/pico.fluid.classless.min.css.map
index 2fb786f1..dd01eb71 100644
--- a/css/pico.fluid.classless.min.css.map
+++ b/css/pico.fluid.classless.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.fluid.classless.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_section.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n    \n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 1.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2);\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 3);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 1.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n@media (min-width: 992px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 1200px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 3);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n[dir=rtl] input[aria-invalid],\n[dir=rtl] select[aria-invalid],\n[dir=rtl] textarea[aria-invalid] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-right: 0;\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n  margin-inline-end: 0;\n}\n[type=checkbox][role=switch][aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\n[type=checkbox][role=switch][aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\n:not(:dir(rtl)) [type=date],\n:not(:dir(rtl)) [type=datetime-local],\n:not(:dir(rtl)) [type=month],\n:not(:dir(rtl)) [type=time],\n:not(:dir(rtl)) [type=week] {\n  background-image: var(--icon-date);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n:not(:dir(rtl)) [type=date]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=datetime-local]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=month]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=time]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=week]::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n:not(:dir(rtl)) [type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\n[type=search] {\n  border-radius: 5rem;\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n * Inspiration: https://codepen.io/koca/pen/RyeLLV\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary:not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\ndialog {\n  display: flex;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog:not([open]) {\n  display: none;\n}\ndialog .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: -0.5rem;\n  margin-right: -0.5rem;\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog .close:hover, dialog .close:active, dialog .close:focus {\n  opacity: 1;\n}\n\n.dialog-is-open {\n  overflow: hidden;\n  pointer-events: none;\n}\n.dialog-is-open .container {\n  filter: blur(0.125rem);\n}\n.dialog-is-open dialog {\n  pointer-events: auto;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n  animation-duration: 0.2s;\n  animation-name: slide;\n}\n[data-tooltip]:focus::after, [data-tooltip]:hover::after {\n  animation-name: slideCaret;\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-900, 0.9)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &[aria-invalid] {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-right: 0;\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-end: 0;\n    }\n  }\n\n  // Aria-invalid\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n:not(:dir(rtl)) {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    background-image: var(--icon-date);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n\n    &::-webkit-calendar-picker-indicator {\n      opacity: 0;\n    }\n  }\n\n  // Time\n  [type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n[type=\"search\"] {\n  border-radius: 5rem;\n\n  @if $enable-important {\n    padding-left: calc(\n      var(--form-element-spacing-horizontal) + 1.75rem\n    ) !important;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n\n  // Cancel button\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n * Inspiration: https://codepen.io/koca/pen/RyeLLV\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\ndialog {\n  display: flex;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role=\"button\"]:not(:first-of-type) {\n        margin-left: calc(var(--spacing) * 0.5);\n      }\n    }\n  }\n\n  &:not([open]) {\n    display: none;\n  }\n\n  .close {\n    display: block;\n    width: 1rem;\n    height: 1rem;\n    margin-top: -0.5rem;\n    margin-right: -0.5rem;\n    margin-bottom: var(--typography-spacing-vertical);\n    margin-left: auto;\n    background-image: var(--icon-close);\n    background-position: center;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n    opacity: .5;\n\n    @if $enable-transitions {\n      transition: opacity var(--transition);\n    }\n    \n    &:hover,\n    &:active,\n    &:focus {\n      opacity: 1;\n    }\n  }\n}\n\n.dialog-is-open {\n  overflow: hidden;\n  pointer-events: none;\n  \n  .container {\n    filter: blur(0.125rem);\n  }\n\n  dialog {\n    pointer-events: auto;\n  }\n}","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n\n      @if $enable-transitions {\n        animation-duration: .2s;\n        animation-name: slide;\n      }\n    }\n\n    &::after {\n      @if $enable-transitions {\n        animation-name: slideCaret;\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.fluid.classless.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_section.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-right: 0;\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n  margin-inline-end: 0;\n}\n[type=checkbox][role=switch][aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\n[type=checkbox][role=switch][aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\n:not([dir=rtl]) [type=date],\n:not([dir=rtl]) [type=datetime-local],\n:not([dir=rtl]) [type=month],\n:not([dir=rtl]) [type=time],\n:not([dir=rtl]) [type=week] {\n  background-image: var(--icon-date);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n:not([dir=rtl]) [type=date]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=datetime-local]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=month]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=time]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=week]::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n:not([dir=rtl]) [type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\n[type=search] {\n  border-radius: 5rem;\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary:not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open body > *:not(dialog) {\n  filter: blur(0.1875rem);\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening body > *:not(dialog),\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing body > *:not(dialog),\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n}\n.modal-is-opening body > *:not(dialog),\n.modal-is-closing body > *:not(dialog) {\n  animation-name: blurIn;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  animation-name: slideInDown;\n}\n\n.modal-is-closing body > *:not(dialog),\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-direction: reverse;\n}\n\n@keyframes blurIn {\n  from {\n    filter: blur(0);\n  }\n  to {\n    filter: blur(0.1875rem);\n  }\n}\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-right: 0;\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-end: 0;\n    }\n  }\n\n  // Aria-invalid\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n:not([dir=\"rtl\"]) {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    background-image: var(--icon-date);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n\n    &::-webkit-calendar-picker-indicator {\n      opacity: 0;\n    }\n  }\n\n  // Time\n  [type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n[type=\"search\"] {\n  border-radius: 5rem;\n\n  @if $enable-important {\n    padding-left: calc(\n      var(--form-element-spacing-horizontal) + 1.75rem\n    ) !important;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n\n  // Cancel button\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role=\"button\"] {\n        margin-bottom: 0;\n        \n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    .close {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      margin-top: calc(var(--block-spacing-vertical) * -0.5);\n      margin-bottom: var(--typography-spacing-vertical);\n      margin-left: auto;\n      background-image: var(--icon-close);\n      background-position: center;\n      background-size: auto 1rem;\n      background-repeat: no-repeat;\n      opacity: .5;\n  \n      @if $enable-transitions {\n        transition: opacity var(--transition);\n      }\n      \n      &:hover,\n      &:active,\n      &:focus {\n        opacity: 1;\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open=\"false\"]  {\n    display: none;\n  }\n}\n\n// Utilities\n.modal-is-open {\n  overflow: hidden;\n  pointer-events: none;\n\n  body > *:not(dialog) {\n    filter: blur(0.1875rem);\n  }\n\n  dialog {\n    pointer-events: auto;\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  $animation-duration: .2s;\n  \n  .modal-is-opening,\n  .modal-is-closing {\n    \n    body > *:not(dialog),\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-fill-mode: both;  \n    }\n\n    body > *:not(dialog) {\n      animation-name: blurIn;\n    }\n\n    dialog {\n      animation-name: fadeIn;\n  \n      > article {\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    body > *:not(dialog),\n    dialog,\n    dialog > article {\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes blurIn {\n    from {\n      filter: blur(0);\n    }\n    to {\n      filter: blur(0.1875rem);\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n  \n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n}","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.min.css b/css/pico.min.css
index af009b78..cedbb789 100644
--- a/css/pico.min.css
+++ b/css/pico.min.css
@@ -1,5 +1,5 @@
 /*!
  * Pico.css v1.4.1 (https://picocss.com)
  * Copyright 2019-2021 - 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;--transition:0.2s ease-in-out}@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)}}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 1.5);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:calc(var(--spacing) * 2)}}@media (min-width:992px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 2.5)}}@media (min-width:1200px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 3)}}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}thead td,thead th{--border-width:3px}:not(thead)>*>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]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--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:#a2afb9;--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:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#b71c1c;--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#2e7d32;--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--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:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--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 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(27, 40, 50, 0.9);--progress-background-color:#d5dce2;--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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(198, 40, 40, 0.999)' 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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(56, 142, 60, 0.999)' 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")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;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);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}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}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)}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)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}a.secondary{--color:var(--secondary)}a.secondary:active,a.secondary:focus,a.secondary:hover{--color:var(--secondary-hover)}a.secondary:focus{--background-color:var(--secondary-focus)}a.contrast{--color:var(--contrast)}a.contrast:active,a.contrast:focus,a.contrast:hover{--color:var(--contrast-hover)}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)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}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)}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}ol li,ul li{margin-bottom: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:middle}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)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}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}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}a[role=button]{display:inline-block;text-decoration:none}a[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)}a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--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))}a[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)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}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)}a[role=button].secondary,button.secondary,input[type=button].secondary,input[type=reset].secondary,input[type=submit].secondary{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}a[role=button].secondary:active,a[role=button].secondary:focus,a[role=button].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover,input[type=button].secondary:active,input[type=button].secondary:focus,input[type=button].secondary:hover,input[type=reset].secondary:active,input[type=reset].secondary:focus,input[type=reset].secondary:hover,input[type=submit].secondary:active,input[type=submit].secondary:focus,input[type=submit].secondary:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}a[role=button].secondary:focus,button.secondary:focus,input[type=button].secondary:focus,input[type=reset].secondary:focus,input[type=submit].secondary: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)}a[role=button].contrast,button.contrast,input[type=button].contrast,input[type=reset].contrast,input[type=submit].contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}a[role=button].contrast:active,a[role=button].contrast:focus,a[role=button].contrast:hover,button.contrast:active,button.contrast:focus,button.contrast:hover,input[type=button].contrast:active,input[type=button].contrast:focus,input[type=button].contrast:hover,input[type=reset].contrast:active,input[type=reset].contrast:focus,input[type=reset].contrast:hover,input[type=submit].contrast:active,input[type=submit].contrast:focus,input[type=submit].contrast:hover{--background-color:var(--contrast-hover);--border-color:var(--contrast-hover)}a[role=button].contrast:focus,button.contrast:focus,input[type=button].contrast:focus,input[type=reset].contrast:focus,input[type=submit].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)}a[role=button].outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{--background-color:transparent;--color:var(--primary)}a[role=button].outline:active,a[role=button].outline:focus,a[role=button].outline:hover,button.outline:active,button.outline:focus,button.outline:hover,input[type=button].outline:active,input[type=button].outline:focus,input[type=button].outline:hover,input[type=reset].outline:active,input[type=reset].outline:focus,input[type=reset].outline:hover,input[type=submit].outline:active,input[type=submit].outline:focus,input[type=submit].outline:hover{--background-color:transparent;--color:var(--primary-hover)}a[role=button].outline.secondary,button.outline.secondary,input[type=button].outline.secondary,input[type=reset].outline.secondary,input[type=submit].outline.secondary{--color:var(--secondary)}a[role=button].outline.secondary:active,a[role=button].outline.secondary:focus,a[role=button].outline.secondary:hover,button.outline.secondary:active,button.outline.secondary:focus,button.outline.secondary:hover,input[type=button].outline.secondary:active,input[type=button].outline.secondary:focus,input[type=button].outline.secondary:hover,input[type=reset].outline.secondary:active,input[type=reset].outline.secondary:focus,input[type=reset].outline.secondary:hover,input[type=submit].outline.secondary:active,input[type=submit].outline.secondary:focus,input[type=submit].outline.secondary:hover{--color:var(--secondary-hover)}a[role=button].outline.contrast,button.outline.contrast,input[type=button].outline.contrast,input[type=reset].outline.contrast,input[type=submit].outline.contrast{--color:var(--contrast)}a[role=button].outline.contrast:active,a[role=button].outline.contrast:focus,a[role=button].outline.contrast:hover,button.outline.contrast:active,button.outline.contrast:focus,button.outline.contrast:hover,input[type=button].outline.contrast:active,input[type=button].outline.contrast:focus,input[type=button].outline.contrast:hover,input[type=reset].outline.contrast:active,input[type=reset].outline.contrast:focus,input[type=reset].outline.contrast:hover,input[type=submit].outline.contrast:active,input[type=submit].outline.contrast:focus,input[type=submit].outline.contrast:hover{--color:var(--contrast-hover)}a[role=button][disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{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]):not([type=radio]):not([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)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}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)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([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)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[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}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important}[dir=rtl] input[aria-invalid],[dir=rtl] select[aria-invalid],[dir=rtl] textarea[aria-invalid]{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]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([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]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>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);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-right:0;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));-webkit-margin-end:0;margin-inline-end:0}[type=checkbox][role=switch][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox][role=switch][aria-invalid=false]:active,[type=checkbox][role=switch][aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important}[type=checkbox][role=switch][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=checkbox][role=switch][aria-invalid=true]:active,[type=checkbox][role=switch][aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}:not(:dir(rtl)) [type=date],:not(:dir(rtl)) [type=datetime-local],:not(:dir(rtl)) [type=month],:not(:dir(rtl)) [type=time],:not(:dir(rtl)) [type=week]{background-image:var(--icon-date);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}:not(:dir(rtl)) [type=date]::-webkit-calendar-picker-indicator,:not(:dir(rtl)) [type=datetime-local]::-webkit-calendar-picker-indicator,:not(:dir(rtl)) [type=month]::-webkit-calendar-picker-indicator,:not(:dir(rtl)) [type=time]::-webkit-calendar-picker-indicator,:not(:dir(rtl)) [type=week]::-webkit-calendar-picker-indicator{opacity:0}:not(:dir(rtl)) [type=time]{background-image:var(--icon-time)}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[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]::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]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--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:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--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:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--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)}[type=search]{border-radius:5rem;padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem)!important;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}table{width:100%;border-color:inherit;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}tr{background-color:var(--background-color)}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:middle}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing) * .5);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{color:var(--accordion-close-summary-color);line-height:1rem;list-style-type:none;list-style-type:none;cursor:pointer;transition:color var(--transition)}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;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0;color:var(--accordion-active-summary-color)}details summary~*{margin-top:calc(var(--spacing) * .5)}details summary~*~*{margin-top:0}details[open]>summary{margin-bottom:calc(var(--spacing) * .25)}details[open]>summary:not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;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)}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)}dialog{display:flex;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:none;background-color:var(--modal-overlay-background-color)}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer{text-align:right}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog:not([open]){display:none}dialog .close{display:block;width:1rem;height:1rem;margin-top:-.5rem;margin-right:-.5rem;margin-bottom:var(--typography-spacing-vertical);margin-left:auto;background-image:var(--icon-close);background-position:center;background-size:1rem auto;background-repeat:no-repeat;opacity:.5;transition:opacity var(--transition)}dialog .close:active,dialog .close:focus,dialog .close:hover{opacity:1}.dialog-is-open{overflow:hidden;pointer-events:none}.dialog-is-open .container{filter:blur(.125rem)}.dialog-is-open dialog{pointer-events:auto}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(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(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;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(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):not(select):not(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}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::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{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]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);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;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
+ */: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;--transition:0.2s ease-in-out}@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}thead td,thead th{--border-width:3px}:not(thead)>*>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]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--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:#a2afb9;--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:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#b71c1c;--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#2e7d32;--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--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:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--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 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(198, 40, 40, 0.999)' 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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(56, 142, 60, 0.999)' 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")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;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);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}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}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)}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)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}a.secondary{--color:var(--secondary)}a.secondary:active,a.secondary:focus,a.secondary:hover{--color:var(--secondary-hover)}a.secondary:focus{--background-color:var(--secondary-focus)}a.contrast{--color:var(--contrast)}a.contrast:active,a.contrast:focus,a.contrast:hover{--color:var(--contrast-hover)}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)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}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)}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}ol li,ul li{margin-bottom: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:middle}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)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}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}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}a[role=button]{display:inline-block;text-decoration:none}a[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)}a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--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))}a[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)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}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)}a[role=button].secondary,button.secondary,input[type=button].secondary,input[type=reset].secondary,input[type=submit].secondary{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}a[role=button].secondary:active,a[role=button].secondary:focus,a[role=button].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover,input[type=button].secondary:active,input[type=button].secondary:focus,input[type=button].secondary:hover,input[type=reset].secondary:active,input[type=reset].secondary:focus,input[type=reset].secondary:hover,input[type=submit].secondary:active,input[type=submit].secondary:focus,input[type=submit].secondary:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}a[role=button].secondary:focus,button.secondary:focus,input[type=button].secondary:focus,input[type=reset].secondary:focus,input[type=submit].secondary: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)}a[role=button].contrast,button.contrast,input[type=button].contrast,input[type=reset].contrast,input[type=submit].contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}a[role=button].contrast:active,a[role=button].contrast:focus,a[role=button].contrast:hover,button.contrast:active,button.contrast:focus,button.contrast:hover,input[type=button].contrast:active,input[type=button].contrast:focus,input[type=button].contrast:hover,input[type=reset].contrast:active,input[type=reset].contrast:focus,input[type=reset].contrast:hover,input[type=submit].contrast:active,input[type=submit].contrast:focus,input[type=submit].contrast:hover{--background-color:var(--contrast-hover);--border-color:var(--contrast-hover)}a[role=button].contrast:focus,button.contrast:focus,input[type=button].contrast:focus,input[type=reset].contrast:focus,input[type=submit].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)}a[role=button].outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{--background-color:transparent;--color:var(--primary)}a[role=button].outline:active,a[role=button].outline:focus,a[role=button].outline:hover,button.outline:active,button.outline:focus,button.outline:hover,input[type=button].outline:active,input[type=button].outline:focus,input[type=button].outline:hover,input[type=reset].outline:active,input[type=reset].outline:focus,input[type=reset].outline:hover,input[type=submit].outline:active,input[type=submit].outline:focus,input[type=submit].outline:hover{--background-color:transparent;--color:var(--primary-hover)}a[role=button].outline.secondary,button.outline.secondary,input[type=button].outline.secondary,input[type=reset].outline.secondary,input[type=submit].outline.secondary{--color:var(--secondary)}a[role=button].outline.secondary:active,a[role=button].outline.secondary:focus,a[role=button].outline.secondary:hover,button.outline.secondary:active,button.outline.secondary:focus,button.outline.secondary:hover,input[type=button].outline.secondary:active,input[type=button].outline.secondary:focus,input[type=button].outline.secondary:hover,input[type=reset].outline.secondary:active,input[type=reset].outline.secondary:focus,input[type=reset].outline.secondary:hover,input[type=submit].outline.secondary:active,input[type=submit].outline.secondary:focus,input[type=submit].outline.secondary:hover{--color:var(--secondary-hover)}a[role=button].outline.contrast,button.outline.contrast,input[type=button].outline.contrast,input[type=reset].outline.contrast,input[type=submit].outline.contrast{--color:var(--contrast)}a[role=button].outline.contrast:active,a[role=button].outline.contrast:focus,a[role=button].outline.contrast:hover,button.outline.contrast:active,button.outline.contrast:focus,button.outline.contrast:hover,input[type=button].outline.contrast:active,input[type=button].outline.contrast:focus,input[type=button].outline.contrast:hover,input[type=reset].outline.contrast:active,input[type=reset].outline.contrast:focus,input[type=reset].outline.contrast:hover,input[type=submit].outline.contrast:active,input[type=submit].outline.contrast:focus,input[type=submit].outline.contrast:hover{--color:var(--contrast-hover)}a[role=button][disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{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]):not([type=radio]):not([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)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}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)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([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)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[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}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{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]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([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]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>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);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-right:0;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));-webkit-margin-end:0;margin-inline-end:0}[type=checkbox][role=switch][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox][role=switch][aria-invalid=false]:active,[type=checkbox][role=switch][aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important}[type=checkbox][role=switch][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=checkbox][role=switch][aria-invalid=true]:active,[type=checkbox][role=switch][aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}:not([dir=rtl]) [type=date],:not([dir=rtl]) [type=datetime-local],:not([dir=rtl]) [type=month],:not([dir=rtl]) [type=time],:not([dir=rtl]) [type=week]{background-image:var(--icon-date);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}:not([dir=rtl]) [type=date]::-webkit-calendar-picker-indicator,:not([dir=rtl]) [type=datetime-local]::-webkit-calendar-picker-indicator,:not([dir=rtl]) [type=month]::-webkit-calendar-picker-indicator,:not([dir=rtl]) [type=time]::-webkit-calendar-picker-indicator,:not([dir=rtl]) [type=week]::-webkit-calendar-picker-indicator{opacity:0}:not([dir=rtl]) [type=time]{background-image:var(--icon-time)}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[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]::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]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--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:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--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:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--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)}[type=search]{border-radius:5rem;padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem)!important;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}table{width:100%;border-color:inherit;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}tr{background-color:var(--background-color)}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:middle}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing) * .5);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{color:var(--accordion-close-summary-color);line-height:1rem;list-style-type:none;list-style-type:none;cursor:pointer;transition:color var(--transition)}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;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0;color:var(--accordion-active-summary-color)}details summary~*{margin-top:calc(var(--spacing) * .5)}details summary~*~*{margin-top:0}details[open]>summary{margin-bottom:calc(var(--spacing) * .25)}details[open]>summary:not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;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)}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)}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:none;background-color:var(--modal-overlay-background-color)}@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:active,dialog article .close:focus,dialog article .close:hover{opacity:1}dialog:not([open]),dialog[open=false]{display:none}.modal-is-open{overflow:hidden;pointer-events:none}.modal-is-open body>:not(dialog){filter:blur(.1875rem)}.modal-is-open dialog{pointer-events:auto}.modal-is-closing body>:not(dialog),.modal-is-closing dialog,.modal-is-closing dialog>article,.modal-is-opening body>:not(dialog),.modal-is-opening dialog,.modal-is-opening dialog>article{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.modal-is-closing body>:not(dialog),.modal-is-opening body>:not(dialog){-webkit-animation-name:blurIn;animation-name:blurIn}.modal-is-closing dialog,.modal-is-opening dialog{-webkit-animation-name:fadeIn;animation-name:fadeIn}.modal-is-closing dialog>article,.modal-is-opening dialog>article{-webkit-animation-name:slideInDown;animation-name:slideInDown}.modal-is-closing body>:not(dialog),.modal-is-closing dialog,.modal-is-closing dialog>article{animation-direction:reverse}@-webkit-keyframes blurIn{from{filter:blur(0)}to{filter:blur(.1875rem)}}@keyframes blurIn{from{filter:blur(0)}to{filter:blur(.1875rem)}}@-webkit-keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@-webkit-keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}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(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(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;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(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):not(select):not(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}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::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{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]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);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;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
 /*# sourceMappingURL=pico.min.css.map */
\ No newline at end of file
diff --git a/css/pico.min.css.map b/css/pico.min.css.map
index e014b1a7..89d28e8a 100644
--- a/css/pico.min.css.map
+++ b/css/pico.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_container.scss","scss/layout/_section.scss","scss/layout/_grid.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"AAAA;;;ACCA,MAEE,cAAA,SAAA,CAAA,aAAA,CAAA,UAAA,CAAA,QAAA,CAAA,QAAA,CCME,WAAW,CAAE,WAAW,CAAE,UAAU,CAAE,mBAAmB,CAAE,gBAAgB,CAC3E,iBAAiB,CAAE,mBDJrB,cAAA,IACA,cAAA,IACA,YAAA,KA8BA,gBAAA,QACA,eAAA,IACA,gBAAA,IAGA,UAAA,KAGA,8BAAA,OAGA,yBAAA,yBACA,2BAAA,eAGA,wBAAA,EACA,0BAAA,eAGA,gCAAA,QACA,kCAAA,KAGA,aAAA,KAAA,YAhDI,yBAZN,MAaQ,YAAA,MAKF,yBAlBN,MAmBQ,YAAA,MAKF,yBAxBN,MAyBQ,YAAA,MAKF,0BA9BN,MA+BQ,YAAA,MAwCF,yBCrBN,YDgBE,YCjBF,UAEA,QDqBQ,yBAAA,4BAKF,yBCnBN,YDQE,YCTF,UAEA,QDmBQ,yBAAA,0BAKF,yBCjBN,YDAE,YCDF,UAEA,QDiBQ,yBAAA,4BAKF,0BCfN,YDRE,YCOF,UAEA,QDeQ,yBAAA,0BAQF,yBAFJ,QAGM,2BAAA,6BAKF,yBARJ,QASM,2BAAA,4BAKF,yBAdJ,QAeM,2BAAA,6BAKF,0BApBJ,QAqBM,2BAAA,0BASF,yBAHJ,eAIM,yBAAA,2BACA,2BAAA,4BAKF,yBAVJ,eAWM,yBAAA,yBACA,2BAAA,0BAKF,yBAjBJ,eAkBM,yBAAA,2BACA,2BAAA,4BAKF,0BAxBJ,eAyBM,yBAAA,yBACA,2BAAA,0BAOR,EACE,kBAAA,KAGA,WAAA,YAEE,kBAAA,UAKJ,MACE,YAAA,QAIF,GClCA,GACA,GACA,GACA,GACA,GDoCE,cAAA,IAGF,GACE,YAAA,KACA,8BAAA,KAGF,GACE,YAAA,QACA,8BAAA,SAGF,GACE,YAAA,OACA,8BAAA,QAGF,GACE,YAAA,QACA,8BAAA,SAGF,GACE,YAAA,SACA,8BAAA,UAIF,gBCnCA,aDqCE,eAAA,IAGF,6BACE,eAAA,IChCF,SDqCE,SAEE,eAAA,IAIJ,iBACE,YAAA,QCnCF,KACA,IDsCA,ICrCA,KDyCE,cAAA,OAAA,CAAA,UAAA,CAAA,aAAA,CAAA,kBAAA,CCvCE,WAAW,CAAE,aAAa,CAAE,iBAAiB,CAAE,SAAS,CACxD,mBAAmB,CAAE,gBAAgB,CAAE,iBAAiB,CAAE,mBD2C9D,IACE,cAAA,OCpCF,6BC3MA,mBAGE,aAAA,MACA,mBAAA,KAGA,QAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QAGA,cAAA,QACA,qBAAA,QAGA,UAAA,QACA,gBAAA,QACA,gBAAA,0BACA,kBAAA,KAGA,YAAA,QACA,kBAAA,QACA,kBAAA,0BACA,oBAAA,KAGA,WAAA,QACA,iBAAA,KACA,iBAAA,0BACA,mBAAA,KAGA,wBAAA,QACA,aAAA,QAGA,YAAA,QACA,YAAA,QAGA,0BAAA,0BACA,0BAAA,mBAKA,oBAAA,EAAA,EAAA,EAAA,iBACA,0BAAA,EAAA,EAAA,EAAA,iBAGA,gCAAA,YACA,4BAAA,QACA,qBAAA,aACA,iCAAA,mBACA,uCAAA,YACA,mCAAA,eACA,2BAAA,qBACA,yCAAA,QACA,qCAAA,QACA,gCAAA,IACA,oCAAA,QACA,2CAAA,QACA,kCAAA,QACA,yCAAA,QAGA,0BAAA,QACA,eAAA,uBACA,kCAAA,eAGA,qBAAA,QACA,4BAAA,QACA,2BAAA,wBACA,oBAAA,iBACA,0BAAA,uBACA,2BAAA,eAGA,qBAAA,0BACA,sCAAA,QAGA,wBAAA,QACA,aAAA,mBACA,4BAAA,gBACA,iBAAA,wBACA,iBAAA,QACA,sBAAA,QACA,mBAAA,QACA,qBAAA,QAGA,yBAAA,0BACA,gCAAA,aACA,+BAAA,mBAGA,wBAAA,wBACA,oBAAA,0BACA,kBAAA,EAAA,SAAA,KAAA,sBAAA,CDwKE,EAAE,SAAS,KAAK,sBAAsB,CACtC,EAAE,EAAE,EAAE,UAAU,wBCtKlB,oCAAA,QAGA,iCAAA,sBAGA,4BAAA,QACA,iBAAA,eAGA,0BAAA,IAGA,2BAAA,gBACA,gBAAA,wBAGA,gBAAA,6QACA,eAAA,8RACA,aAAA,kVACA,YAAA,ucACA,eAAA,sYACA,aAAA,4QACA,cAAA,mVACA,YAAA,gVACA,aAAA,+RCrHF,mDACE,8BChBA,aAAA,KACA,mBAAA,QAGA,QAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QAGA,cAAA,QACA,qBAAA,QAGA,UAAA,QACA,gBAAA,QACA,gBAAA,yBACA,kBAAA,KAGA,YAAA,QACA,kBAAA,QACA,kBAAA,0BACA,oBAAA,KAGA,WAAA,QACA,iBAAA,KACA,iBAAA,0BACA,mBAAA,KAGA,wBAAA,QACA,aAAA,QAGA,YAAA,QACA,YAAA,QAGA,0BAAA,0BACA,0BAAA,mBAKA,oBAAA,EAAA,EAAA,EAAA,iBACA,0BAAA,EAAA,EAAA,EAAA,iBAGA,gCAAA,QACA,4BAAA,QACA,qBAAA,aACA,iCAAA,mBACA,uCAAA,qCACA,mCAAA,eACA,2BAAA,qBACA,yCAAA,QACA,qCAAA,QACA,gCAAA,IACA,oCAAA,QACA,2CAAA,QACA,kCAAA,QACA,yCAAA,QAGA,0BAAA,QACA,eAAA,uBACA,kCAAA,eAGA,qBAAA,QACA,4BAAA,QACA,2BAAA,wBACA,oBAAA,iBACA,0BAAA,uBACA,2BAAA,eAGA,qBAAA,0BACA,sCAAA,0BAGA,wBAAA,QACA,aAAA,mBACA,4BAAA,gBACA,iBAAA,wBACA,iBAAA,QACA,sBAAA,QACA,mBAAA,QACA,qBAAA,QAGA,yBAAA,0BACA,iCAAA,eACA,gCAAA,aACA,+BAAA,mBAGA,wBAAA,QACA,oBAAA,QACA,kBAAA,EAAA,SAAA,KAAA,mBAAA,CHqQI,EAAE,SAAS,KAAK,mBAAmB,CACnC,EAAE,EAAE,EAAE,UAAU,qBGnQpB,oCAAA,QAGA,iCAAA,sBAGA,4BAAA,QACA,iBAAA,eAGA,0BAAA,IAGA,2BAAA,gBACA,gBAAA,wBAGA,gBAAA,6QACA,eAAA,iSACA,aAAA,kVACA,YAAA,0cACA,eAAA,sYACA,aAAA,4QACA,cAAA,sVACA,YAAA,mVACA,aAAA,gSD7GF,kBCvBE,aAAA,KACA,mBAAA,QAGA,QAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QAGA,cAAA,QACA,qBAAA,QAGA,UAAA,QACA,gBAAA,QACA,gBAAA,yBACA,kBAAA,KAGA,YAAA,QACA,kBAAA,QACA,kBAAA,0BACA,oBAAA,KAGA,WAAA,QACA,iBAAA,KACA,iBAAA,0BACA,mBAAA,KAGA,wBAAA,QACA,aAAA,QAGA,YAAA,QACA,YAAA,QAGA,0BAAA,0BACA,0BAAA,mBAKA,oBAAA,EAAA,EAAA,EAAA,iBACA,0BAAA,EAAA,EAAA,EAAA,iBAGA,gCAAA,QACA,4BAAA,QACA,qBAAA,aACA,iCAAA,mBACA,uCAAA,qCACA,mCAAA,eACA,2BAAA,qBACA,yCAAA,QACA,qCAAA,QACA,gCAAA,IACA,oCAAA,QACA,2CAAA,QACA,kCAAA,QACA,yCAAA,QAGA,0BAAA,QACA,eAAA,uBACA,kCAAA,eAGA,qBAAA,QACA,4BAAA,QACA,2BAAA,wBACA,oBAAA,iBACA,0BAAA,uBACA,2BAAA,eAGA,qBAAA,0BACA,sCAAA,0BAGA,wBAAA,QACA,aAAA,mBACA,4BAAA,gBACA,iBAAA,wBACA,iBAAA,QACA,sBAAA,QACA,mBAAA,QACA,qBAAA,QAGA,yBAAA,0BACA,iCAAA,eACA,gCAAA,aACA,+BAAA,mBAGA,wBAAA,QACA,oBAAA,QACA,kBAAA,EAAA,SAAA,KAAA,mBAAA,CHiWE,EAAE,SAAS,KAAK,mBAAmB,CACnC,EAAE,EAAE,EAAE,UAAU,qBG/VlB,oCAAA,QAGA,iCAAA,sBAGA,4BAAA,QACA,iBAAA,eAGA,0BAAA,IAGA,2BAAA,gBACA,gBAAA,wBAGA,gBAAA,6QACA,eAAA,iSACA,aAAA,kVACA,YAAA,0cACA,eAAA,sYACA,aAAA,4QACA,cAAA,sVACA,YAAA,mVACA,aAAA,+RC5HF,EJ2dA,QADA,SIvdE,WAAA,WJ6dF,QIxdA,SAEE,gBAAA,QACA,eAAA,QASF,KACE,yBAAA,KACA,4BAAA,YACA,qBAAA,KACA,eAAA,mBACA,iBAAA,wBACA,MAAA,aACA,YAAA,mBACA,UAAA,iBACA,YAAA,mBACA,YAAA,mBACA,OAAA,QACA,cAAA,EAAA,YAAA,EAAA,SAAA,EChCF,KACE,QAAA,MAMF,KACE,MAAA,KACA,OAAA,EL2fF,YKzfE,YLwfF,UKrfI,MAAA,KACA,aAAA,KACA,YAAA,KAsCE,QAAA,8BAAA,EC5DJ,WNqhBF,iBMnhBI,MAAA,KACA,aAAA,KACA,YAAA,KACA,cAAA,eACA,aAAA,eAKE,yBAFJ,WAGM,UAAA,MACA,cAAA,EACA,aAAA,GAKF,yBAVJ,WAWM,UAAA,OAKF,yBAhBJ,WAiBM,UAAA,OAKF,0BAtBJ,WAuBM,UAAA,QChCR,QACE,cAAA,8BCAA,MACE,gBAAA,+BACA,aAAA,6BACA,QAAA,KACA,sBAAA,IACA,OAAA,EAGE,yBARJ,MASM,sBAAA,iCAIJ,QACE,UAAA,ECfN,OACE,QAAA,MACA,OAAA,EACA,QAAA,EACA,WAAA,KAEA,kBACE,QAAA,0BAAA,EACA,MAAA,mBCHJ,EV6lBA,OU3lBE,YAAA,OAIF,IV4lBA,IU1lBE,SAAA,SACA,UAAA,MACA,YAAA,EACA,eAAA,SAEF,IACE,OAAA,OAEF,IACE,IAAA,MAIF,MV6lBA,MACA,MACA,MACA,MU3lBE,OAAA,EAIF,MV4lBA,MACA,MACA,MU1lBE,OAAA,EAMF,QVylBA,WACA,GACA,OACA,KACA,GACA,EACA,IACA,MACA,GUvlBE,WAAA,EACA,cAAA,mCACA,MAAA,aACA,WAAA,OACA,YAAA,mBACA,UAAA,iBAKF,EACE,QAAA,eACA,mBAAA,YACA,QAAA,EACA,iBAAA,wBACA,MAAA,aACA,wBAAA,uBAAA,gBAAA,uBAGE,WAAA,iBAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,iBAAA,CAAA,wBAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,gBAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,gBAAA,iBAAA,CAAA,WAAA,iBAAA,CAAA,wBAAA,kBAIF,SAAA,QAAA,QAGE,QAAA,qBACA,kBAAA,UAGF,QACE,mBAAA,qBAKA,YACE,QAAA,iBAEA,mBAAA,kBAAA,kBAGE,QAAA,uBAGF,kBACE,mBAAA,uBAKJ,WACE,QAAA,gBAEA,kBAAA,iBAAA,iBAGE,QAAA,sBAGF,iBACE,mBAAA,sBAOR,GVmkBA,GACA,GACA,GACA,GACA,GUjkBE,WAAA,EACA,cAAA,mCACA,MAAA,aACA,YAAA,mBACA,UAAA,iBACA,YAAA,mBAGF,GACE,QAAA,gBAEF,GACE,QAAA,gBAEF,GACE,QAAA,gBAEF,GACE,QAAA,gBAEF,GACE,QAAA,gBAEF,GACE,QAAA,gBAcA,WAAA,WAAA,WAAA,WAAA,WAAA,WV6jBF,cACA,cACA,cACA,cACA,cACA,cACA,MACA,MACA,MACA,MACA,MACA,MACA,UACA,UACA,UACA,UACA,UACA,UACA,QACA,QACA,QACA,QACA,QACA,QACA,MACA,MACA,MACA,MACA,MACA,MAOA,OACA,OACA,OACA,OACA,OACA,OAXA,KACA,KACA,KACA,KACA,KACA,KAOA,SACA,SACA,SACA,SACA,SACA,SACA,MACA,MACA,MACA,MACA,MACA,MU5mBI,WAAA,mCAKJ,OACE,cAAA,mCAEA,SACE,cAAA,EAGF,mBACE,QAAA,mBACA,cAAA,MACA,UAAA,KACA,YAAA,MAKJ,EACE,cAAA,mCAIF,MACE,UAAA,iBV2mBF,GUvmBA,GAEE,cAAA,EACA,aAAA,eACA,sBAAA,eAAA,qBAAA,eACA,oBAAA,EAAA,mBAAA,EV2mBF,MUzmBE,MACE,cAAA,+CAIJ,MACE,WAAA,OAIF,KACE,QAAA,QAAA,OACA,iBAAA,6BACA,MAAA,kBACA,eAAA,OAIF,WACE,QAAA,MACA,OAAA,mCAAA,EACA,QAAA,eACA,aAAA,KACA,YAAA,OAAA,MAAA,+BACA,qBAAA,QAAA,MAAA,+BAAA,oBAAA,QAAA,MAAA,+BACA,mBAAA,KAAA,kBAAA,KAEA,kBACE,WAAA,8CACA,MAAA,+BAMJ,YACE,cAAA,IAAA,OACA,gBAAA,KACA,OAAA,KAIF,IACE,MAAA,iBACA,gBAAA,KAIF,IACE,MAAA,iBAIF,iBACE,iBAAA,qBADF,YACE,iBAAA,qBCpQF,MXi3BA,OACA,OACA,IACA,IACA,MW/2BE,eAAA,OAIF,MXg3BA,MW92BE,QAAA,aAIF,sBACE,QAAA,KACA,OAAA,EAIF,OACE,aAAA,KAKF,IACE,UAAA,KACA,OAAA,KACA,aAAA,KAIF,gBACE,KAAA,aAIF,eACE,SAAA,OCvCF,OACE,OAAA,EACA,SAAA,QACA,YAAA,QACA,eAAA,KZ05BF,cACA,aACA,cYx5BA,OAIE,mBAAA,OZy5BF,gCACA,+BACA,gCYv5BA,yBAIE,QAAA,EACA,aAAA,KAMF,OACE,QAAA,MACA,MAAA,KACA,cAAA,eAGF,eACE,QAAA,aACA,gBAAA,KZw5BF,eYr5BA,OZm5BA,mBACA,kBAFA,mBY74BE,mBAAA,eACA,eAAA,eACA,QAAA,uBACA,aAAA,iDACA,QAAA,qCAAA,uCAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBZ25BJ,sBACA,qBAFA,qBYr5BE,cAAA,aAAA,aZg5BF,0BACA,yBAFA,yBAIA,yBACA,wBAFA,wBALA,0BACA,yBAFA,yBYz4BI,mBAAA,qBACA,eAAA,qBACA,aAAA,uDZ25BJ,qBYx5BE,aZs5BF,yBACA,wBAFA,yBYp5BI,aAAA,sDAAA,CZy5BA,EAAE,EAAE,EAAE,qBAAqB,qBYn5B/B,kBACE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,OAAA,QAEA,yBAAA,wBAAA,wBAGE,mBAAA,uBACA,eAAA,uBAGF,wBACE,aAAA,sDAAA,CZo5BA,EAAE,EAAE,EAAE,qBAAqB,uBAO/B,yBY94BI,iBZ44BJ,6BACA,4BAFA,6BY14BM,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,OAAA,QZ25BN,gCACA,+BAFA,+BYx5BM,wBAAA,uBAAA,uBZm5BN,oCACA,mCAFA,mCAIA,mCACA,kCAFA,kCALA,oCACA,mCAFA,mCY54BQ,mBAAA,uBACA,eAAA,uBZ85BR,+BY35BM,uBZy5BN,mCACA,kCAFA,mCYv5BQ,aAAA,sDAAA,CZ45BJ,EAAE,EAAE,EAAE,qBAAqB,uBAM/B,wBY55BI,gBZ05BJ,4BACA,2BAFA,4BYx5BM,mBAAA,gBACA,eAAA,gBACA,QAAA,wBZy6BN,+BACA,8BAFA,8BYt6BM,uBAAA,sBAAA,sBZi6BN,mCACA,kCAFA,kCAIA,kCACA,iCAFA,iCALA,mCACA,kCAFA,kCY15BQ,mBAAA,sBACA,eAAA,sBZ46BR,8BYz6BM,sBZu6BN,kCACA,iCAFA,kCYr6BQ,aAAA,sDAAA,CZ06BJ,EAAE,EAAE,EAAE,qBAAqB,sBAM/B,uBY16BI,eZw6BJ,2BACA,0BAFA,2BYt6BM,mBAAA,YACA,QAAA,eZu7BN,8BACA,6BAFA,6BYp7BM,sBAAA,qBAAA,qBZ+6BN,kCACA,iCAFA,iCAIA,iCACA,gCAFA,gCALA,kCACA,iCAFA,iCYx6BQ,mBAAA,YACA,QAAA,qBZ07BR,iCYr7BI,yBZm7BJ,qCACA,oCAFA,qCYj7BM,QAAA,iBZk8BN,wCACA,uCAFA,uCY/7BM,gCAAA,+BAAA,+BZ07BN,4CACA,2CAFA,2CAIA,2CACA,0CAFA,0CALA,4CACA,2CAFA,2CYn7BQ,QAAA,uBZq8BR,gCYh8BI,wBZ87BJ,oCACA,mCAFA,oCY57BM,QAAA,gBZ68BN,uCACA,sCAFA,sCY18BM,+BAAA,8BAAA,8BZq8BN,2CACA,0CAFA,0CAIA,0CACA,yCAFA,yCALA,2CACA,0CAFA,0CY97BQ,QAAA,sBZi9BR,yBYr8BE,iBZm8BF,6BACA,4BAFA,6BYj8BI,QAAA,GACA,eAAA,KCjMJ,Mb6oCA,SACA,OACA,Sa3oCE,OAAA,EACA,UAAA,KACA,YAAA,mBACA,YAAA,QACA,eAAA,QAIF,MACE,SAAA,QAIF,OACE,eAAA,KAOF,OACE,UAAA,KACA,QAAA,EACA,MAAA,QACA,YAAA,OAIF,SACE,SAAA,KAIF,gBbqoCA,aanoCE,QAAA,EAIF,4BbooCA,4BaloCE,OAAA,KAKF,cACE,mBAAA,UACA,eAAA,KAIF,yCACE,mBAAA,KAKF,6BACE,mBAAA,OACA,KAAA,QAIF,mBACE,QAAA,EACA,aAAA,KAIF,gBACE,QAAA,EAIF,iBACE,WAAA,KAIF,aACE,QAAA,KAIF,Yb0nCA,aaxnCE,QAAA,EACA,aAAA,EAOF,+DACE,OAAA,qGAOF,SACE,OAAA,EACA,cAAA,eACA,QAAA,EACA,OAAA,EbqnCF,gBajnCA,MAEE,QAAA,MACA,cAAA,2BAIF,6CbgnCA,OACA,Sa9mCE,MAAA,KAIF,gFb+mCA,OACA,Sa7mCE,mBAAA,KAAA,gBAAA,KAAA,WAAA,KACA,QAAA,qCAAA,uCAEA,eAAA,OAIF,Mb+mCA,OACA,Sa7mCE,mBAAA,qCACA,eAAA,iCACA,QAAA,0BACA,aAAA,KACA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBAGE,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAUF,4HAAA,2HbsmCF,cACA,aACA,gBACA,eavmCI,mBAAA,4CAQF,wGAAA,uGbomCF,cACA,aACA,gBACA,earmCI,eAAA,wCAQF,uHbkmCF,aACA,ealmCI,aAAA,EAAA,EAAA,EAAA,qBAAA,gCAQF,wEb+lCF,iBACA,mBa/lCI,mBAAA,8CACA,eAAA,0CACA,QAAA,qCAUA,2Db0lCJ,4DACA,8DazlCQ,cAAA,gEAGA,aAAA,uCACA,sBAAA,iDAAA,qBAAA,iDACA,oBAAA,gEAAA,mBAAA,gEASF,oBAAA,OAAA,MAAA,OACA,gBAAA,KAAA,KACA,kBAAA,UAGF,iEbklCJ,kEACA,oEallCM,iBAAA,kBAGF,gEbmlCJ,iEACA,mEanlCM,iBAAA,oBAIJ,0BbmlCF,2BACA,6BanlCI,eAAA,uCAEA,iCAAA,gCbqlCJ,kCACA,iCACA,oCACA,mCarlCQ,eAAA,wDASN,yBbklCF,0BACA,4BallCI,eAAA,yCAEA,gCAAA,+BbolCJ,iCACA,gCACA,mCACA,kCaplCQ,eAAA,0DAcJ,8Bb6kCJ,+BACA,iCa7kCM,oBAAA,OAAA,KAAA,ObklCN,iCa5kCA,mBb+kCA,eADA,oCADA,sBaxkCE,MAAA,sCACA,QAAA,EAIF,6Cb2kCA,OACA,SazkCE,cAAA,eAMA,mBACE,OAAA,EACA,iBAAA,YAGF,mCACE,cAAA,sDACA,aAAA,uCACA,sBAAA,uCAAA,qBAAA,uCACA,oBAAA,sDAAA,mBAAA,sDACA,iBAAA,oBACA,oBAAA,OAAA,MAAA,OACA,gBAAA,KAAA,KACA,kBAAA,UAMA,6CACE,oBAAA,OAAA,KAAA,OASJ,YbgkCF,aACA,eahkCI,QAAA,MACA,MAAA,KACA,WAAA,4BACA,cAAA,eACA,MAAA,mBAMF,YAAA,aAAA,eAGE,WAAA,2BC5VJ,gBdg6CA,ac95CE,mBAAA,KACA,gBAAA,KACA,WAAA,KACA,MAAA,OACA,OAAA,OACA,WAAA,QACA,aAAA,OACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,OAAA,kBAAA,OACA,aAAA,oBACA,eAAA,OACA,OAAA,QAEA,2Bdk6CF,wBcj6CI,QAAA,KAGF,wBAAA,+BAAA,8Bdk6CF,qBACA,4BACA,2Bcj6CI,mBAAA,eACA,eAAA,eACA,iBAAA,qBACA,oBAAA,OACA,gBAAA,MAAA,KACA,kBAAA,UAGF,sBdk6CF,mBcj6CI,QAAA,aACA,aAAA,OACA,cAAA,EACA,OAAA,QAMF,8BACE,mBAAA,eACA,eAAA,eACA,iBAAA,kBACA,oBAAA,OACA,gBAAA,MAAA,KACA,kBAAA,UAKJ,aACE,cAAA,IAEA,qBAAA,4BAAA,2BAGE,mBAAA,uBACA,aAAA,MACA,iBAAA,KAKJ,6BACE,mBAAA,+BACA,eAAA,+BACA,QAAA,oBAQA,MAAA,OACA,OAAA,OACA,OAAA,oBAAA,MAAA,oBACA,cAAA,OACA,iBAAA,wBACA,YAAA,OAEA,mCACE,mBAAA,+BACA,eAAA,+BAGF,qCACE,mBAAA,uCACA,eAAA,uCAGF,oCACE,QAAA,MACA,MAAA,yCACA,OAAA,KACA,cAAA,IACA,iBAAA,aACA,QAAA,GAGE,WAAA,OAAA,IAAA,YAIJ,qCACE,iBAAA,KAEA,6CACE,aAAA,EACA,YAAA,oCACA,qBAAA,oCAAA,oBAAA,oCACA,mBAAA,EAAA,kBAAA,EAKJ,iDACE,eAAA,uCAEA,wDAAA,uDAGI,eAAA,wDASN,gDACE,eAAA,yCAEA,uDAAA,sDAGI,eAAA,0DCpIN,2CAHE,QAAA,EAOF,+BAPE,QAAA,EAiBF,mCAJE,OAAA,KACA,cAAA,gCAOF,gCARE,OAAA,KACA,cAAA,gCAcF,4BfsgDF,sCACA,6BACA,4BACA,4BepgDI,iBAAA,iBACA,oBAAA,OAAA,MAAA,OACA,gBAAA,KAAA,KACA,kBAAA,UAEA,+DfsgDJ,yEACA,gEACA,+DACA,+DexgDM,QAAA,EAKJ,4BACE,iBAAA,iBAKJ,YACE,QAAA,mBACA,QAAA,gDAAA,EACA,OAAA,KACA,cAAA,EACA,WAAA,IAEA,mBAAA,kBAAA,kBAGE,OAAA,KACA,WAAA,IAuCF,wCAnCE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,aAAA,wBACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,wBAAA,kBAAA,wBACA,QAAA,gDAAA,kDAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,mBAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAaJ,kCAnCE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,aAAA,wBACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,wBAAA,kBAAA,wBACA,QAAA,gDAAA,kDAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAKF,+CAAA,8CAAA,8CAGE,mBAAA,uBACA,eAAA,uBAJF,yCAAA,wCAAA,wCAGE,mBAAA,uBACA,eAAA,uBAQJ,wCAvCE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,aAAA,wBACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,wBAAA,kBAAA,wBACA,QAAA,gDAAA,kDAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,mBAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAKF,+CAAA,8CAAA,8CAGE,mBAAA,uBACA,eAAA,uBAYJ,wBA3CE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,aAAA,wBACA,YAAA,EACA,oBAAA,EACA,kBAAA,wBACA,QAAA,gDAAA,kDAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,eAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAKF,+BAAA,8BAAA,8BAGE,mBAAA,uBACA,eAAA,uBAkBN,aAOE,mBAAA,KACA,gBAAA,KACA,WAAA,KACA,MAAA,KACA,OAAA,QACA,WAAA,IAeA,4CAXE,MAAA,KACA,OAAA,OACA,cAAA,qBACA,iBAAA,0BAGE,mBAAA,iBAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,WAAA,kBASJ,+BAfE,MAAA,KACA,OAAA,OACA,cAAA,qBACA,iBAAA,0BAGE,gBAAA,iBAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,WAAA,kBAaJ,wBAnBE,MAAA,KACA,OAAA,OACA,cAAA,qBACA,iBAAA,0BAGE,eAAA,iBAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,WAAA,kBAiCJ,mCAdE,mBAAA,KACA,MAAA,QACA,OAAA,QACA,WAAA,OACA,OAAA,IAAA,MAAA,gCACA,cAAA,IACA,iBAAA,yBACA,OAAA,QAGE,mBAAA,iBAAA,iBAAA,CAAA,UAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,UAAA,kBAQJ,+BAlBE,mBAAA,KACA,MAAA,QACA,OAAA,QACA,WAAA,OACA,OAAA,IAAA,MAAA,gCACA,cAAA,IACA,iBAAA,yBACA,OAAA,QAGE,gBAAA,iBAAA,iBAAA,CAAA,UAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,UAAA,kBAYJ,wBAtBE,mBAAA,KACA,MAAA,QACA,OAAA,QACA,WAAA,OACA,OAAA,IAAA,MAAA,gCACA,cAAA,IACA,iBAAA,yBACA,OAAA,QAGE,eAAA,iBAAA,iBAAA,CAAA,UAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,UAAA,kBAgBJ,mBAAA,mBAEE,qBAAA,iCACA,oBAAA,+BAGF,oBACE,oBAAA,gCAGA,0CACE,UAAA,YAGF,sCACE,UAAA,YAGF,+BACE,UAAA,YAMN,cACE,cAAA,KAGE,aAAA,iEAGA,iBAAA,mBACA,oBAAA,OAAA,KAAA,SACA,gBAAA,KAAA,KACA,kBAAA,UAIF,4CACE,mBAAA,KACA,QAAA,KC3NJ,MACE,MAAA,KACA,aAAA,QACA,gBAAA,SACA,eAAA,EACA,YAAA,EhByxDF,GgBlxDA,GAEE,QAAA,wBAAA,eACA,cAAA,oBAAA,MAAA,0BACA,MAAA,aACA,YAAA,mBACA,UAAA,iBACA,WAAA,KACA,WAAA,MAIF,GACE,iBAAA,wBAME,yCACE,mBAAA,2ChBoxDN,KACA,IiBtzDA,IjBuzDA,KiBnzDE,UAAA,OACA,YAAA,mBAIF,IACE,mBAAA,UACA,SAAA,KjBuzDF,KACA,IiBlzDA,IAGE,cAAA,qBACA,WAAA,6BACA,MAAA,kBACA,YAAA,mBACA,YAAA,QAGF,KjBizDA,IiB/yDE,QAAA,aACA,QAAA,QAAA,MAGF,IACE,QAAA,MACA,cAAA,eACA,WAAA,KAEA,SACE,QAAA,MACA,QAAA,eACA,WAAA,IACA,UAAA,KACA,YAAA,mBAOF,OACE,MAAA,sBACA,YAAA,mBAIF,OACE,MAAA,2BACA,WAAA,OAIF,OACE,MAAA,wBACA,gBAAA,KAIF,QACE,MAAA,0BACA,WAAA,OAKJ,IACE,iBAAA,iCACA,MAAA,sBACA,eAAA,OC9EF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QACA,OAAA,KACA,WAAA,IAAA,MAAA,0BAIF,SlBw3DA,SkBr3DI,QAAA,eAOJ,OACE,QAAA,aC1BF,QACE,QAAA,MACA,cAAA,eACA,eAAA,0BACA,cAAA,oBAAA,MAAA,8BAEA,gBACE,MAAA,qCACA,YAAA,KACA,gBAAA,KACA,gBAAA,KACA,OAAA,QAGE,WAAA,MAAA,kBAIF,wCACE,QAAA,KAGF,wBACE,QAAA,KAGF,kCACE,gBAAA,KAIF,uBACE,QAAA,MACA,MAAA,KACA,OAAA,KACA,MAAA,MACA,UAAA,eACA,iBAAA,oBACA,oBAAA,OACA,gBAAA,KAAA,KACA,kBAAA,UACA,QAAA,GAGE,WAAA,UAAA,kBAIJ,sBACE,QAAA,EACA,MAAA,sCAGF,kBACE,WAAA,0BAEA,oBACE,WAAA,EAOJ,sBACE,cAAA,2BAEA,kCACE,MAAA,oCAGF,6BACE,UAAA,UASF,iCACE,MAAA,KCnFR,QACE,OAAA,8BAAA,EACA,QAAA,8BAAA,gCACA,SAAA,OACA,cAAA,qBACA,WAAA,6BACA,WAAA,uBpBs9DF,eoBp9DE,eAEE,aAAA,2CACA,YAAA,2CACA,QAAA,0CAAA,gCAEA,iBAAA,yCAGF,eACE,WAAA,yCACA,cAAA,8BACA,cAAA,oBAAA,MAAA,yBAGF,eACE,WAAA,8BACA,cAAA,yCACA,WAAA,oBAAA,MAAA,yBC1BJ,OACE,QAAA,KACA,SAAA,MACA,IAAA,EACA,MAAA,EACA,OAAA,EACA,KAAA,EACA,YAAA,OACA,gBAAA,OACA,MAAA,QACA,UAAA,KACA,OAAA,QACA,WAAA,KACA,QAAA,eACA,OAAA,KACA,iBAAA,sCAII,yBAFJ,eAGM,UAAA,OAKF,yBARJ,eASM,UAAA,OAIJ,sBACE,WAAA,MAEA,wDACE,YAAA,0BAKN,mBACE,QAAA,KAGF,cACE,QAAA,MACA,MAAA,KACA,OAAA,KACA,WAAA,OACA,aAAA,OACA,cAAA,mCACA,YAAA,KACA,iBAAA,kBACA,oBAAA,OACA,gBAAA,KAAA,KACA,kBAAA,UACA,QAAA,GAGE,WAAA,QAAA,kBAGF,qBAAA,oBAAA,oBAGE,QAAA,EAKN,gBACE,SAAA,OACA,eAAA,KAEA,2BACE,OAAA,cAGF,uBACE,eAAA,KC7EJ,ItBqjEA,OsBnjEE,QAAA,KAGF,IACE,gBAAA,cAEA,OtBqjEF,OsBnjEI,YAAA,OACA,cAAA,EACA,QAAA,EACA,WAAA,KAEA,qBtBqjEJ,qBsBpjEM,YAAA,2BAEF,oBtBsjEJ,oBsBrjEM,aAAA,2BAIJ,OACE,QAAA,aACA,OAAA,EACA,QAAA,eAAA,0BAGA,StBojEJ,oDsBljEM,cAAA,EAIJ,MACE,QAAA,MACA,OAAA,0BAAA,2BACA,QAAA,eAAA,0BACA,cAAA,qBACA,gBAAA,KAEA,aAAA,YAAA,YAGE,gBAAA,KtBqjEN,SsB9iEE,UtB4iEF,SACA,SsBziEI,QAAA,MAGF,SACE,QAAA,0BAEA,WACE,OAAA,2BACA,QAAA,0BC1DN,SACE,QAAA,aACA,eAAA,SAMF,SAEE,mBAAA,KACA,gBAAA,KAGA,QAAA,aACA,WAAA,KACA,MAAA,KACA,OAAA,MACA,cAAA,0BACA,SAAA,OAGA,OAAA,EACA,cAAA,qBACA,iBAAA,iCAGA,MAAA,sBAEA,+BACE,cAAA,qBACA,WAAA,IAEF,wCACE,iBAAA,sBAEF,4BACE,iBAAA,sBAIF,8CACE,uBACE,WAAA,iCAAA,yFAAA,IAAA,IAAA,CAAA,KAAA,KAAA,UAOA,kBAAA,sBAAA,GAAA,OAAA,SAAA,UAAA,sBAAA,GAAA,OAAA,SAEA,sDACE,iBAAA,YAEF,0CACE,iBAAA,aAMR,yCACE,GACE,oBAAA,KAAA,EAEF,KACE,oBAAA,MAAA,GALJ,iCACE,GACE,oBAAA,KAAA,EAEF,KACE,oBAAA,MAAA,GCxEJ,iBACE,OAAA,SAMA,8DACE,QAAA,aACA,MAAA,IACA,OAAA,IACA,OAAA,QAAA,MAAA,aACA,cAAA,IACA,mBAAA,YACA,QAAA,GACA,eAAA,YACA,eAAA,QACA,kBAAA,QAAA,KAAA,OAAA,SAAA,UAAA,QAAA,KAAA,OAAA,SACA,QAAA,+BAIA,0EACE,aAAA,0BACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,0BAAA,kBAAA,0BAIJ,4DACE,WAAA,OxBirEJ,kBwBvqEE,uBxBqqEF,mCACA,kCAFA,mCwBnqEI,eAAA,KAKJ,2BACE,GACE,UAAA,gBAFJ,mBACE,GACE,UAAA,gBCnDJ,eACE,SAAA,SAEA,6CACE,cAAA,IAAA,OACA,gBAAA,KACA,OAAA,KAGF,sBAAA,uBAEE,QAAA,MACA,QAAA,GACA,SAAA,SACA,OAAA,KACA,KAAA,IACA,QAAA,OAAA,MACA,SAAA,OACA,UAAA,wBACA,cAAA,qBACA,WAAA,gCACA,QAAA,mBACA,MAAA,qBACA,WAAA,OACA,YAAA,mBACA,UAAA,QACA,gBAAA,KACA,cAAA,SACA,YAAA,OACA,QAAA,EACA,eAAA,KAIF,sBACE,QAAA,EACA,UAAA,kBACA,WAAA,MAAA,MACA,aAAA,MAAA,MAAA,YACA,YAAA,MAAA,MAAA,YACA,cAAA,EACA,iBAAA,YACA,QAAA,GACA,MAAA,gCAKA,4BAAA,6BAAA,4BAAA,6BAEE,QAAA,EAGE,2BAAA,IAAA,mBAAA,IACA,uBAAA,MAAA,eAAA,MAIJ,4BAAA,4BAEI,uBAAA,WAAA,eAAA,WAQN,yBACE,KACE,UAAA,uBACA,QAAA,EAEF,GACE,UAAA,wBACA,QAAA,GAPJ,iBACE,KACE,UAAA,uBACA,QAAA,EAEF,GACE,UAAA,wBACA,QAAA,GAIJ,8BACE,KACE,QAAA,EAEF,IACE,UAAA,wBACA,QAAA,EAEF,GACE,UAAA,kBACA,QAAA,GAVJ,sBACE,KACE,QAAA,EAEF,IACE,UAAA,wBACA,QAAA,EAEF,GACE,UAAA,kBACA,QAAA,GChFN,gBACE,OAAA,QAIF,qB1Bk0EA,W0Bh0EE,OAAA,YAIF,4BACE,QAAA,QAGF,wCACE,KAAA,cACA,SAAA,S1B20EF,W0Bt0EA,E1B+zEA,KACA,OACA,MACA,MACA,OACA,QACA,S0B5zEE,iBAAA,aAOF,UACE,UAAA,ICrCA,uCACE,uB3Bu2EJ,8BADA,+B2Bn2EM,sBAAA,kBACA,2BAAA,cAAA,mBAAA,cACA,wBAAA,eAAA,gBAAA,eACA,kCAAA,YAAA,0BAAA,YACA,gBAAA,eACA,iBAAA,aACA,oBAAA","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n    \n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 1.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2);\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 3);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 1.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n@media (min-width: 992px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 1200px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 3);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset].secondary,\na[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:hover,\ninput[type=reset].secondary:active,\ninput[type=reset].secondary:focus,\na[role=button].secondary:hover,\na[role=button].secondary:active,\na[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:focus,\na[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\na[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\na[role=button].contrast:hover,\na[role=button].contrast:active,\na[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\na[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\na[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\na[role=button].outline:hover,\na[role=button].outline:active,\na[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\na[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\na[role=button].outline.secondary:hover,\na[role=button].outline.secondary:active,\na[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\na[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\na[role=button].outline.contrast:hover,\na[role=button].outline.contrast:active,\na[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n[dir=rtl] input[aria-invalid],\n[dir=rtl] select[aria-invalid],\n[dir=rtl] textarea[aria-invalid] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-right: 0;\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n  margin-inline-end: 0;\n}\n[type=checkbox][role=switch][aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\n[type=checkbox][role=switch][aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\n:not(:dir(rtl)) [type=date],\n:not(:dir(rtl)) [type=datetime-local],\n:not(:dir(rtl)) [type=month],\n:not(:dir(rtl)) [type=time],\n:not(:dir(rtl)) [type=week] {\n  background-image: var(--icon-date);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n:not(:dir(rtl)) [type=date]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=datetime-local]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=month]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=time]::-webkit-calendar-picker-indicator,\n:not(:dir(rtl)) [type=week]::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n:not(:dir(rtl)) [type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\n[type=search] {\n  border-radius: 5rem;\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n * Inspiration: https://codepen.io/koca/pen/RyeLLV\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary:not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\ndialog {\n  display: flex;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog:not([open]) {\n  display: none;\n}\ndialog .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: -0.5rem;\n  margin-right: -0.5rem;\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog .close:hover, dialog .close:active, dialog .close:focus {\n  opacity: 1;\n}\n\n.dialog-is-open {\n  overflow: hidden;\n  pointer-events: none;\n}\n.dialog-is-open .container {\n  filter: blur(0.125rem);\n}\n.dialog-is-open dialog {\n  pointer-events: auto;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n  animation-duration: 0.2s;\n  animation-name: slide;\n}\n[data-tooltip]:focus::after, [data-tooltip]:hover::after {\n  animation-name: slideCaret;\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-900, 0.9)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n        padding-right: 0;\n        padding-left: 0;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if $enable-classes {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\n    }\n  }\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &[aria-invalid] {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-right: 0;\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-end: 0;\n    }\n  }\n\n  // Aria-invalid\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n:not(:dir(rtl)) {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    background-image: var(--icon-date);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n\n    &::-webkit-calendar-picker-indicator {\n      opacity: 0;\n    }\n  }\n\n  // Time\n  [type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n[type=\"search\"] {\n  border-radius: 5rem;\n\n  @if $enable-important {\n    padding-left: calc(\n      var(--form-element-spacing-horizontal) + 1.75rem\n    ) !important;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n\n  // Cancel button\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n * Inspiration: https://codepen.io/koca/pen/RyeLLV\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\ndialog {\n  display: flex;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role=\"button\"]:not(:first-of-type) {\n        margin-left: calc(var(--spacing) * 0.5);\n      }\n    }\n  }\n\n  &:not([open]) {\n    display: none;\n  }\n\n  .close {\n    display: block;\n    width: 1rem;\n    height: 1rem;\n    margin-top: -0.5rem;\n    margin-right: -0.5rem;\n    margin-bottom: var(--typography-spacing-vertical);\n    margin-left: auto;\n    background-image: var(--icon-close);\n    background-position: center;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n    opacity: .5;\n\n    @if $enable-transitions {\n      transition: opacity var(--transition);\n    }\n    \n    &:hover,\n    &:active,\n    &:focus {\n      opacity: 1;\n    }\n  }\n}\n\n.dialog-is-open {\n  overflow: hidden;\n  pointer-events: none;\n  \n  .container {\n    filter: blur(0.125rem);\n  }\n\n  dialog {\n    pointer-events: auto;\n  }\n}","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n\n      @if $enable-transitions {\n        animation-duration: .2s;\n        animation-name: slide;\n      }\n    }\n\n    &::after {\n      @if $enable-transitions {\n        animation-name: slideCaret;\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_container.scss","scss/layout/_section.scss","scss/layout/_grid.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset].secondary,\na[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:hover,\ninput[type=reset].secondary:active,\ninput[type=reset].secondary:focus,\na[role=button].secondary:hover,\na[role=button].secondary:active,\na[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:focus,\na[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\na[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\na[role=button].contrast:hover,\na[role=button].contrast:active,\na[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\na[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\na[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\na[role=button].outline:hover,\na[role=button].outline:active,\na[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\na[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\na[role=button].outline.secondary:hover,\na[role=button].outline.secondary:active,\na[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\na[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\na[role=button].outline.contrast:hover,\na[role=button].outline.contrast:active,\na[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-right: 0;\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n  margin-inline-end: 0;\n}\n[type=checkbox][role=switch][aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {\n  --border-color: var(\n    --form-element-valid-active-border-color\n  ) !important;\n}\n[type=checkbox][role=switch][aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {\n  --border-color: var(\n    --form-element-invalid-active-border-color\n  ) !important;\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\n:not([dir=rtl]) [type=date],\n:not([dir=rtl]) [type=datetime-local],\n:not([dir=rtl]) [type=month],\n:not([dir=rtl]) [type=time],\n:not([dir=rtl]) [type=week] {\n  background-image: var(--icon-date);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n:not([dir=rtl]) [type=date]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=datetime-local]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=month]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=time]::-webkit-calendar-picker-indicator,\n:not([dir=rtl]) [type=week]::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n:not([dir=rtl]) [type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\n[type=search] {\n  border-radius: 5rem;\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary:not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open body > *:not(dialog) {\n  filter: blur(0.1875rem);\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening body > *:not(dialog),\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing body > *:not(dialog),\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n}\n.modal-is-opening body > *:not(dialog),\n.modal-is-closing body > *:not(dialog) {\n  animation-name: blurIn;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  animation-name: slideInDown;\n}\n\n.modal-is-closing body > *:not(dialog),\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-direction: reverse;\n}\n\n@keyframes blurIn {\n  from {\n    filter: blur(0);\n  }\n  to {\n    filter: blur(0.1875rem);\n  }\n}\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n        padding-right: 0;\n        padding-left: 0;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if $enable-classes {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\n    }\n  }\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-right: 0;\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-end: 0;\n    }\n  }\n\n  // Aria-invalid\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n:not([dir=\"rtl\"]) {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    background-image: var(--icon-date);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n\n    &::-webkit-calendar-picker-indicator {\n      opacity: 0;\n    }\n  }\n\n  // Time\n  [type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n[type=\"search\"] {\n  border-radius: 5rem;\n\n  @if $enable-important {\n    padding-left: calc(\n      var(--form-element-spacing-horizontal) + 1.75rem\n    ) !important;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n\n  // Cancel button\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: middle;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role=\"button\"] {\n        margin-bottom: 0;\n        \n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    .close {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      margin-top: calc(var(--block-spacing-vertical) * -0.5);\n      margin-bottom: var(--typography-spacing-vertical);\n      margin-left: auto;\n      background-image: var(--icon-close);\n      background-position: center;\n      background-size: auto 1rem;\n      background-repeat: no-repeat;\n      opacity: .5;\n  \n      @if $enable-transitions {\n        transition: opacity var(--transition);\n      }\n      \n      &:hover,\n      &:active,\n      &:focus {\n        opacity: 1;\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open=\"false\"]  {\n    display: none;\n  }\n}\n\n// Utilities\n.modal-is-open {\n  overflow: hidden;\n  pointer-events: none;\n\n  body > *:not(dialog) {\n    filter: blur(0.1875rem);\n  }\n\n  dialog {\n    pointer-events: auto;\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  $animation-duration: .2s;\n  \n  .modal-is-opening,\n  .modal-is-closing {\n    \n    body > *:not(dialog),\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-fill-mode: both;  \n    }\n\n    body > *:not(dialog) {\n      animation-name: blurIn;\n    }\n\n    dialog {\n      animation-name: fadeIn;\n  \n      > article {\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    body > *:not(dialog),\n    dialog,\n    dialog > article {\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes blurIn {\n    from {\n      filter: blur(0);\n    }\n    to {\n      filter: blur(0.1875rem);\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n  \n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n}","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.slim.css b/css/pico.slim.css
index 9d2c0c51..30ce7dfc 100644
--- a/css/pico.slim.css
+++ b/css/pico.slim.css
@@ -200,7 +200,7 @@ kbd {
     0 0.125rem 2rem rgba(27, 40, 50, 0.08),
     0 0 0 0.0625rem rgba(27, 40, 50, 0.024);
   --card-sectionning-background-color: #fbfbfc;
-  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);
+  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);
   --progress-background-color: #d5dce2;
   --progress-color: var(--primary);
   --loading-spinner-opacity: 0.5;
@@ -1297,9 +1297,13 @@ textarea[aria-invalid=true]:focus {
   --border-color: var(--form-element-invalid-active-border-color);
 }
 
-[dir=rtl] input[aria-invalid],
-[dir=rtl] select[aria-invalid],
-[dir=rtl] textarea[aria-invalid] {
+[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],
+[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],
+[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],
+[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],
+[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],
+[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],
+[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {
   background-position: center left 0.75rem;
 }
 
diff --git a/css/pico.slim.css.map b/css/pico.slim.css.map
index 83c8999b..a9ad7f98 100644
--- a/css/pico.slim.css.map
+++ b/css/pico.slim.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.slim.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.slim.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_container.scss","../scss/layout/_section.scss","../scss/layout/_grid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_table.scss","../scss/utilities/_accessibility.scss"],"names":[],"mappings":"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","file":"pico.slim.css","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n\n// Config\n// --------------------\n\n// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>\n$enable-responsive-spacings: false;\n\n// Enable transitions\n$enable-transitions: false;\n\n// Enable overriding with !important\n$enable-important: false;\n\n// Pico Lib\n// --------------------\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/table\"; // table, tr, td, ...\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n    \n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 1.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2);\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 3);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset].secondary,\na[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:hover,\ninput[type=reset].secondary:active,\ninput[type=reset].secondary:focus,\na[role=button].secondary:hover,\na[role=button].secondary:active,\na[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:focus,\na[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\na[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\na[role=button].contrast:hover,\na[role=button].contrast:active,\na[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\na[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\na[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\na[role=button].outline:hover,\na[role=button].outline:active,\na[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\na[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\na[role=button].outline.secondary:hover,\na[role=button].outline.secondary:active,\na[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\na[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\na[role=button].outline.contrast:hover,\na[role=button].outline.contrast:active,\na[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color);\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color);\n}\n\n[dir=rtl] input[aria-invalid],\n[dir=rtl] select[aria-invalid],\n[dir=rtl] textarea[aria-invalid] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/*# sourceMappingURL=pico.slim.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-900, 0.9)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n        padding-right: 0;\n        padding-left: 0;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if $enable-classes {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\n    }\n  }\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &[aria-invalid] {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.slim.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.slim.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_container.scss","../scss/layout/_section.scss","../scss/layout/_grid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_table.scss","../scss/utilities/_accessibility.scss"],"names":[],"mappings":"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","file":"pico.slim.css","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n\n// Config\n// --------------------\n\n// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>\n$enable-responsive-spacings: false;\n\n// Enable transitions\n$enable-transitions: false;\n\n// Enable overriding with !important\n$enable-important: false;\n\n// Pico Lib\n// --------------------\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/table\"; // table, tr, td, ...\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset].secondary,\na[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:hover,\ninput[type=reset].secondary:active,\ninput[type=reset].secondary:focus,\na[role=button].secondary:hover,\na[role=button].secondary:active,\na[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:focus,\na[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\na[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\na[role=button].contrast:hover,\na[role=button].contrast:active,\na[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\na[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\na[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\na[role=button].outline:hover,\na[role=button].outline:active,\na[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\na[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\na[role=button].outline.secondary:hover,\na[role=button].outline.secondary:active,\na[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\na[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\na[role=button].outline.contrast:hover,\na[role=button].outline.contrast:active,\na[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color);\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color);\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/*# sourceMappingURL=pico.slim.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n        padding-right: 0;\n        padding-left: 0;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if $enable-classes {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\n    }\n  }\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.slim.min.css b/css/pico.slim.min.css
index 91e228ec..d46afd1a 100644
--- a/css/pico.slim.min.css
+++ b/css/pico.slim.min.css
@@ -4,5 +4,5 @@
  *
  * Slim version example
  * You can export only the modules you need
- */: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;--transition:0.2s ease-in-out}@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}}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}thead td,thead th{--border-width:3px}:not(thead)>*>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]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--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:#a2afb9;--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:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#b71c1c;--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#2e7d32;--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--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:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--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 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(27, 40, 50, 0.9);--progress-background-color:#d5dce2;--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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(198, 40, 40, 0.999)' 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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(56, 142, 60, 0.999)' 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")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;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);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}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}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)}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)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}a.secondary{--color:var(--secondary)}a.secondary:active,a.secondary:focus,a.secondary:hover{--color:var(--secondary-hover)}a.secondary:focus{--background-color:var(--secondary-focus)}a.contrast{--color:var(--contrast)}a.contrast:active,a.contrast:focus,a.contrast:hover{--color:var(--contrast-hover)}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)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}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)}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}ol li,ul li{margin-bottom: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:middle}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)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}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}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}a[role=button]{display:inline-block;text-decoration:none}a[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}a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--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))}a[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)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}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)}a[role=button].secondary,button.secondary,input[type=button].secondary,input[type=reset].secondary,input[type=submit].secondary{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}a[role=button].secondary:active,a[role=button].secondary:focus,a[role=button].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover,input[type=button].secondary:active,input[type=button].secondary:focus,input[type=button].secondary:hover,input[type=reset].secondary:active,input[type=reset].secondary:focus,input[type=reset].secondary:hover,input[type=submit].secondary:active,input[type=submit].secondary:focus,input[type=submit].secondary:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}a[role=button].secondary:focus,button.secondary:focus,input[type=button].secondary:focus,input[type=reset].secondary:focus,input[type=submit].secondary: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)}a[role=button].contrast,button.contrast,input[type=button].contrast,input[type=reset].contrast,input[type=submit].contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}a[role=button].contrast:active,a[role=button].contrast:focus,a[role=button].contrast:hover,button.contrast:active,button.contrast:focus,button.contrast:hover,input[type=button].contrast:active,input[type=button].contrast:focus,input[type=button].contrast:hover,input[type=reset].contrast:active,input[type=reset].contrast:focus,input[type=reset].contrast:hover,input[type=submit].contrast:active,input[type=submit].contrast:focus,input[type=submit].contrast:hover{--background-color:var(--contrast-hover);--border-color:var(--contrast-hover)}a[role=button].contrast:focus,button.contrast:focus,input[type=button].contrast:focus,input[type=reset].contrast:focus,input[type=submit].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)}a[role=button].outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{--background-color:transparent;--color:var(--primary)}a[role=button].outline:active,a[role=button].outline:focus,a[role=button].outline:hover,button.outline:active,button.outline:focus,button.outline:hover,input[type=button].outline:active,input[type=button].outline:focus,input[type=button].outline:hover,input[type=reset].outline:active,input[type=reset].outline:focus,input[type=reset].outline:hover,input[type=submit].outline:active,input[type=submit].outline:focus,input[type=submit].outline:hover{--background-color:transparent;--color:var(--primary-hover)}a[role=button].outline.secondary,button.outline.secondary,input[type=button].outline.secondary,input[type=reset].outline.secondary,input[type=submit].outline.secondary{--color:var(--secondary)}a[role=button].outline.secondary:active,a[role=button].outline.secondary:focus,a[role=button].outline.secondary:hover,button.outline.secondary:active,button.outline.secondary:focus,button.outline.secondary:hover,input[type=button].outline.secondary:active,input[type=button].outline.secondary:focus,input[type=button].outline.secondary:hover,input[type=reset].outline.secondary:active,input[type=reset].outline.secondary:focus,input[type=reset].outline.secondary:hover,input[type=submit].outline.secondary:active,input[type=submit].outline.secondary:focus,input[type=submit].outline.secondary:hover{--color:var(--secondary-hover)}a[role=button].outline.contrast,button.outline.contrast,input[type=button].outline.contrast,input[type=reset].outline.contrast,input[type=submit].outline.contrast{--color:var(--contrast)}a[role=button].outline.contrast:active,a[role=button].outline.contrast:focus,a[role=button].outline.contrast:hover,button.outline.contrast:active,button.outline.contrast:focus,button.outline.contrast:hover,input[type=button].outline.contrast:active,input[type=button].outline.contrast:focus,input[type=button].outline.contrast:hover,input[type=reset].outline.contrast:active,input[type=reset].outline.contrast:focus,input[type=reset].outline.contrast:hover,input[type=submit].outline.contrast:active,input[type=submit].outline.contrast:focus,input[type=submit].outline.contrast:hover{--color:var(--contrast-hover)}a[role=button][disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{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]):not([type=radio]):not([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)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}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)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([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)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{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-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)}[dir=rtl] input[aria-invalid],[dir=rtl] select[aria-invalid],[dir=rtl] textarea[aria-invalid]{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]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([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]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>textarea{margin-top:calc(var(--spacing) * .25)}table{width:100%;border-color:inherit;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}tr{background-color:var(--background-color)}table[role=grid] tbody tr:nth-child(odd){--background-color:var(--table-row-stripped-background-color)}[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}
+ */: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;--transition:0.2s ease-in-out}@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}}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}thead td,thead th{--border-width:3px}:not(thead)>*>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]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--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:#a2afb9;--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:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#b71c1c;--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#2e7d32;--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--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:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--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 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(198, 40, 40, 0.999)' 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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(56, 142, 60, 0.999)' 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")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;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);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}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}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)}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)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}a.secondary{--color:var(--secondary)}a.secondary:active,a.secondary:focus,a.secondary:hover{--color:var(--secondary-hover)}a.secondary:focus{--background-color:var(--secondary-focus)}a.contrast{--color:var(--contrast)}a.contrast:active,a.contrast:focus,a.contrast:hover{--color:var(--contrast-hover)}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)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}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)}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}ol li,ul li{margin-bottom: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:middle}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)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}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}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}a[role=button]{display:inline-block;text-decoration:none}a[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}a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--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))}a[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)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}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)}a[role=button].secondary,button.secondary,input[type=button].secondary,input[type=reset].secondary,input[type=submit].secondary{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}a[role=button].secondary:active,a[role=button].secondary:focus,a[role=button].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover,input[type=button].secondary:active,input[type=button].secondary:focus,input[type=button].secondary:hover,input[type=reset].secondary:active,input[type=reset].secondary:focus,input[type=reset].secondary:hover,input[type=submit].secondary:active,input[type=submit].secondary:focus,input[type=submit].secondary:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}a[role=button].secondary:focus,button.secondary:focus,input[type=button].secondary:focus,input[type=reset].secondary:focus,input[type=submit].secondary: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)}a[role=button].contrast,button.contrast,input[type=button].contrast,input[type=reset].contrast,input[type=submit].contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}a[role=button].contrast:active,a[role=button].contrast:focus,a[role=button].contrast:hover,button.contrast:active,button.contrast:focus,button.contrast:hover,input[type=button].contrast:active,input[type=button].contrast:focus,input[type=button].contrast:hover,input[type=reset].contrast:active,input[type=reset].contrast:focus,input[type=reset].contrast:hover,input[type=submit].contrast:active,input[type=submit].contrast:focus,input[type=submit].contrast:hover{--background-color:var(--contrast-hover);--border-color:var(--contrast-hover)}a[role=button].contrast:focus,button.contrast:focus,input[type=button].contrast:focus,input[type=reset].contrast:focus,input[type=submit].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)}a[role=button].outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{--background-color:transparent;--color:var(--primary)}a[role=button].outline:active,a[role=button].outline:focus,a[role=button].outline:hover,button.outline:active,button.outline:focus,button.outline:hover,input[type=button].outline:active,input[type=button].outline:focus,input[type=button].outline:hover,input[type=reset].outline:active,input[type=reset].outline:focus,input[type=reset].outline:hover,input[type=submit].outline:active,input[type=submit].outline:focus,input[type=submit].outline:hover{--background-color:transparent;--color:var(--primary-hover)}a[role=button].outline.secondary,button.outline.secondary,input[type=button].outline.secondary,input[type=reset].outline.secondary,input[type=submit].outline.secondary{--color:var(--secondary)}a[role=button].outline.secondary:active,a[role=button].outline.secondary:focus,a[role=button].outline.secondary:hover,button.outline.secondary:active,button.outline.secondary:focus,button.outline.secondary:hover,input[type=button].outline.secondary:active,input[type=button].outline.secondary:focus,input[type=button].outline.secondary:hover,input[type=reset].outline.secondary:active,input[type=reset].outline.secondary:focus,input[type=reset].outline.secondary:hover,input[type=submit].outline.secondary:active,input[type=submit].outline.secondary:focus,input[type=submit].outline.secondary:hover{--color:var(--secondary-hover)}a[role=button].outline.contrast,button.outline.contrast,input[type=button].outline.contrast,input[type=reset].outline.contrast,input[type=submit].outline.contrast{--color:var(--contrast)}a[role=button].outline.contrast:active,a[role=button].outline.contrast:focus,a[role=button].outline.contrast:hover,button.outline.contrast:active,button.outline.contrast:focus,button.outline.contrast:hover,input[type=button].outline.contrast:active,input[type=button].outline.contrast:focus,input[type=button].outline.contrast:hover,input[type=reset].outline.contrast:active,input[type=reset].outline.contrast:focus,input[type=reset].outline.contrast:hover,input[type=submit].outline.contrast:active,input[type=submit].outline.contrast:focus,input[type=submit].outline.contrast:hover{--color:var(--contrast-hover)}a[role=button][disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{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]):not([type=radio]):not([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)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}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)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([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)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{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-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{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]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([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]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>textarea{margin-top:calc(var(--spacing) * .25)}table{width:100%;border-color:inherit;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}tr{background-color:var(--background-color)}table[role=grid] tbody tr:nth-child(odd){--background-color:var(--table-row-stripped-background-color)}[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}
 /*# sourceMappingURL=pico.slim.min.css.map */
\ No newline at end of file
diff --git a/css/pico.slim.min.css.map b/css/pico.slim.min.css.map
index 695eb722..67f7a235 100644
--- a/css/pico.slim.min.css.map
+++ b/css/pico.slim.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/pico.slim.scss","scss/themes/default/_styles.scss","css/pico.slim.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_container.scss","scss/layout/_section.scss","scss/layout/_grid.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_table.scss","scss/utilities/_accessibility.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n\n// Config\n// --------------------\n\n// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>\n$enable-responsive-spacings: false;\n\n// Enable transitions\n$enable-transitions: false;\n\n// Enable overriding with !important\n$enable-important: false;\n\n// Pico Lib\n// --------------------\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/table\"; // table, tr, td, ...\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n    \n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 1.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2);\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 3);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset].secondary,\na[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:hover,\ninput[type=reset].secondary:active,\ninput[type=reset].secondary:focus,\na[role=button].secondary:hover,\na[role=button].secondary:active,\na[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:focus,\na[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\na[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\na[role=button].contrast:hover,\na[role=button].contrast:active,\na[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\na[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\na[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\na[role=button].outline:hover,\na[role=button].outline:active,\na[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\na[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\na[role=button].outline.secondary:hover,\na[role=button].outline.secondary:active,\na[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\na[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\na[role=button].outline.contrast:hover,\na[role=button].outline.contrast:active,\na[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color);\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color);\n}\n\n[dir=rtl] input[aria-invalid],\n[dir=rtl] select[aria-invalid],\n[dir=rtl] textarea[aria-invalid] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/*# sourceMappingURL=pico.slim.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-900, 0.9)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n        padding-right: 0;\n        padding-left: 0;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if $enable-classes {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\n    }\n  }\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &[aria-invalid] {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss/pico.slim.scss","scss/themes/default/_styles.scss","css/pico.slim.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_container.scss","scss/layout/_section.scss","scss/layout/_grid.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_table.scss","scss/utilities/_accessibility.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n\n// Config\n// --------------------\n\n// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>\n$enable-responsive-spacings: false;\n\n// Enable transitions\n$enable-transitions: false;\n\n// Enable overriding with !important\n$enable-important: false;\n\n// Pico Lib\n// --------------------\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/table\"; // table, tr, td, ...\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.1 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset].secondary,\na[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:hover,\ninput[type=reset].secondary:active,\ninput[type=reset].secondary:focus,\na[role=button].secondary:hover,\na[role=button].secondary:active,\na[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset].secondary:focus,\na[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\na[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\na[role=button].contrast:hover,\na[role=button].contrast:active,\na[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\na[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\na[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\na[role=button].outline:hover,\na[role=button].outline:active,\na[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\na[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\na[role=button].outline.secondary:hover,\na[role=button].outline.secondary:active,\na[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\na[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\na[role=button].outline.contrast:hover,\na[role=button].outline.contrast:active,\na[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color);\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color);\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntr {\n  background-color: var(--background-color);\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  --background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/*# sourceMappingURL=pico.slim.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n        padding-right: 0;\n        padding-left: 0;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if $enable-classes {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\n    }\n  }\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n\n  > * {\n    margin-bottom: 0;\n  }\n\n  > *:last-child {\n    --color: var(--muted-color);\n    --font-weight: unset;\n    font-size: 1rem;\n    font-family: unset;\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: middle;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  &[disabled] {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-valid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(\n          --form-element-invalid-active-border-color\n        ) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Rows\ntr {\n  background-color: var(--background-color);\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      --background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n"]}
\ No newline at end of file
diff --git a/css/themes/default.css b/css/themes/default.css
index 69d14f76..7a57f39a 100644
--- a/css/themes/default.css
+++ b/css/themes/default.css
@@ -96,28 +96,20 @@ section {
   }
 }
 
+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) * 1.5);
-    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
+    --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) * 2);
-    --block-spacing-horizontal: calc(var(--spacing) * 2);
-  }
-}
-@media (min-width: 992px) {
-  dialog > article {
-    --block-spacing-vertical: calc(var(--spacing) * 2.5);
-    --block-spacing-horizontal: calc(var(--spacing) * 2.5);
-  }
-}
-@media (min-width: 1200px) {
   dialog > article {
     --block-spacing-vertical: calc(var(--spacing) * 3);
-    --block-spacing-horizontal: calc(var(--spacing) * 3);
+    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
   }
 }
 
@@ -272,7 +264,7 @@ kbd {
     0 0.125rem 2rem rgba(27, 40, 50, 0.08),
     0 0 0 0.0625rem rgba(27, 40, 50, 0.024);
   --card-sectionning-background-color: #fbfbfc;
-  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);
+  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);
   --progress-background-color: #d5dce2;
   --progress-color: var(--primary);
   --loading-spinner-opacity: 0.5;
diff --git a/css/themes/default.css.map b/css/themes/default.css.map
index 02956a88..2dccb29f 100644
--- a/css/themes/default.css.map
+++ b/css/themes/default.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../../scss/themes/default.scss","../../scss/themes/default/_styles.scss","default.css","../../scss/themes/default/_light.scss","../../scss/themes/default/_dark.scss"],"names":[],"mappings":"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","file":"default.css","sourcesContent":["/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n    \n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 1.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2);\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 3);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 1.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n@media (min-width: 992px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 1200px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 3);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/*# sourceMappingURL=default.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-900, 0.9)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../../scss/themes/default.scss","../../scss/themes/default/_styles.scss","default.css","../../scss/themes/default/_light.scss","../../scss/themes/default/_dark.scss"],"names":[],"mappings":"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","file":"default.css","sourcesContent":["/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/*# sourceMappingURL=default.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n"]}
\ No newline at end of file
diff --git a/css/themes/default.min.css b/css/themes/default.min.css
index 2a485110..6d320a80 100644
--- a/css/themes/default.min.css
+++ b/css/themes/default.min.css
@@ -1,2 +1,2 @@
-: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;--transition:0.2s ease-in-out}@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)}}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 1.5);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:calc(var(--spacing) * 2)}}@media (min-width:992px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 2.5)}}@media (min-width:1200px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 3)}}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}thead td,thead th{--border-width:3px}:not(thead)>*>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]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--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:#a2afb9;--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:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#b71c1c;--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#2e7d32;--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--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:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--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 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(27, 40, 50, 0.9);--progress-background-color:#d5dce2;--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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(198, 40, 40, 0.999)' 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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(56, 142, 60, 0.999)' 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")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}
+: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;--transition:0.2s ease-in-out}@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}thead td,thead th{--border-width:3px}:not(thead)>*>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]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--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:#a2afb9;--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:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#b71c1c;--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#2e7d32;--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--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:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--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 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(198, 40, 40, 0.999)' 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='%23FFF' 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='rgba(65, 84, 98, 0.999)' 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='rgba(65, 84, 98, 0.999)' 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='rgba(56, 142, 60, 0.999)' 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")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--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:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--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:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--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:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(115, 130, 140, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(183, 28, 28, 0.999)' 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='%23FFF' 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='rgba(162, 175, 185, 0.999)' 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='rgba(162, 175, 185, 0.999)' 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='rgba(46, 125, 50, 0.999)' 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")}
 /*# sourceMappingURL=default.min.css.map */
\ No newline at end of file
diff --git a/css/themes/default.min.css.map b/css/themes/default.min.css.map
index b2c587f0..9be7e382 100644
--- a/css/themes/default.min.css.map
+++ b/css/themes/default.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/themes/default/_styles.scss","css/themes/default.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss"],"names":[],"mappings":"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","sourcesContent":["// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n    \n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 1.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2);\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 3);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 1.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n@media (min-width: 992px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 1200px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 3);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(27, 40, 50, 0.9);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/*# sourceMappingURL=default.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-900, 0.9)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss/themes/default/_styles.scss","css/themes/default.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss"],"names":[],"mappings":"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","sourcesContent":["// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  // Spacings .grid\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  &.secondary,\n  &.contrast {\n    --text-decoration: underline;\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td {\n  --border-width: 3px;\n}\n\n:not(thead) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #b71c1c;\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #2e7d32;\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(198, 40, 40, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(65, 84, 98, 0.999)' 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\");\n  --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='rgba(56, 142, 60, 0.999)' 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\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(115, 130, 140, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(183, 28, 28, 0.999)' 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\");\n    --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='%23FFF' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(162, 175, 185, 0.999)' 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\");\n    --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='rgba(46, 125, 50, 0.999)' 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\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(115, 130, 140, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(183, 28, 28, 0.999)' 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\");\n  --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='%23FFF' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(162, 175, 185, 0.999)' 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\");\n  --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='rgba(46, 125, 50, 0.999)' 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\");\n}\n\n/*# sourceMappingURL=default.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-900};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-800};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($red-800, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\");\n  --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='#{rgba($grey-700, .999)}' 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\"); \n  --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='#{rgba($green-700, .999)}' 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\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-500, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($red-900, .999)}' 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\");\n  --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='%23FFF' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($grey-300, .999)}' 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\");\n  --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='#{rgba($green-800, .999)}' 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\");\n}\n"]}
\ No newline at end of file
diff --git a/docs/accordions.html b/docs/accordions.html
index 419e37ea..172901b7 100644
--- a/docs/accordions.html
+++ b/docs/accordions.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Accordions • Pico.css</title><meta name="description" content="Toggle sections of content in pure HTML, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/accordions.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#accordions-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="accordions"><hgroup><h1>Accordions</h1><h2>Toggle sections of content in pure HTML, without JavaScript.</h2></hgroup><article aria-label="Accordions examples"><details><summary>Collapsible elements 1</summary><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque urna diam, tincidunt nec porta sed, auctor id velit. Etiam venenatis nisl ut orci consequat, vitae tempus quam commodo. Nulla non mauris ipsum. Aliquam eu posuere orci. Nulla convallis lectus rutrum quam hendrerit, in facilisis elit sollicitudin. Mauris pulvinar pulvinar mi, dictum tristique elit auctor quis. Maecenas ac ipsum ultrices, porta turpis sit amet, congue turpis.</p></details><details open><summary>Collapsible elements 2</summary><ul><li>Vestibulum id elit quis massa interdum sodales.</li><li>Nunc quis eros vel odio pretium tincidunt nec quis neque.</li><li>Quisque sed eros non eros ornare elementum.</li><li>Cras sed libero aliquet, porta dolor quis, dapibus ipsum.</li></ul></details><footer class="code"><pre><code>&lt;<b>details</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Accordions • Pico.css</title><meta name="description" content="Toggle sections of content in pure HTML, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/accordions.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#accordions-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="accordions"><hgroup><h1>Accordions</h1><h2>Toggle sections of content in pure HTML, without JavaScript.</h2></hgroup><article aria-label="Accordions examples"><details><summary>Collapsible elements 1</summary><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque urna diam, tincidunt nec porta sed, auctor id velit. Etiam venenatis nisl ut orci consequat, vitae tempus quam commodo. Nulla non mauris ipsum. Aliquam eu posuere orci. Nulla convallis lectus rutrum quam hendrerit, in facilisis elit sollicitudin. Mauris pulvinar pulvinar mi, dictum tristique elit auctor quis. Maecenas ac ipsum ultrices, porta turpis sit amet, congue turpis.</p></details><details open><summary>Collapsible elements 2</summary><ul><li>Vestibulum id elit quis massa interdum sodales.</li><li>Nunc quis eros vel odio pretium tincidunt nec quis neque.</li><li>Quisque sed eros non eros ornare elementum.</li><li>Cras sed libero aliquet, porta dolor quis, dapibus ipsum.</li></ul></details><footer class="code"><pre><code>&lt;<b>details</b>&gt;
   &lt;<b>summary</b>&gt;Collapsible elements 1&lt;/<b>summary</b>&gt;
   &lt;<b>p</b>&gt;…&lt;/<b>p</b>&gt;
 &lt;/<b>details</b>&gt;
diff --git a/docs/buttons.html b/docs/buttons.html
index b3488fd3..50c59c84 100644
--- a/docs/buttons.html
+++ b/docs/buttons.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Buttons • Pico.css</title><meta name="description" content="The essential button in pure HTML, without .classes for the default style."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/buttons.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#buttons-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="buttons"><hgroup><h1>Buttons</h1><h2>The essential button in pure HTML, without <code>.classes</code> for the default style.</h2></hgroup><article aria-label="Button example"><button aria-label="Button">Button</button> <input type="submit"><footer class="code"><pre><code>&lt;<b>button</b>&gt;Button&lt;/<b>button</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Buttons • Pico.css</title><meta name="description" content="The essential button in pure HTML, without .classes for the default style."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/buttons.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#buttons-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="buttons"><hgroup><h1>Buttons</h1><h2>The essential button in pure HTML, without <code>.classes</code> for the default style.</h2></hgroup><article aria-label="Button example"><button aria-label="Button">Button</button> <input type="submit"><footer class="code"><pre><code>&lt;<b>button</b>&gt;Button&lt;/<b>button</b>&gt;
 &lt;<b>input</b> <i>type</i>=<u>"submit"</u>&gt;</code></pre></footer></article><p>Buttons are <code><i>width</i>: <u>100%</u>;</code> by default. Use <code>&lt;<b>a</b> <i>role</i>=<u>"button"&gt;</u></code> if you need an inline element.</p><article aria-label="Inline buttons examples"><a href="#" onclick="event.preventDefault()" role="button">Link</a> <a href="#" onclick="event.preventDefault()" role="button">Link</a><footer class="code"><pre><code>&lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>role</i>=<u>"button"</u>&gt;Link&lt;/<b>a</b>&gt;
 &lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>role</i>=<u>"button"</u>&gt;Link&lt;/<b>a</b>&gt;</code></pre></footer></article><p>Buttons come with <code>.secondary</code> and <code>.contrast</code> styles.</p><article aria-label="Buttons styles examples"><a href="#" onclick="event.preventDefault()" role="button" class="secondary">Secondary</a> <a href="#" onclick="event.preventDefault()" role="button" class="contrast">Contrast</a><footer class="code"><pre><code>&lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>role</i>=<u>"button"</u> <i>class</i>=<u>"secondary"</u>&gt;Secondary&lt;/<b>a</b>&gt;
 &lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>role</i>=<u>"button"</u> <i>class</i>=<u>"contrast"</u>&gt;Contrast&lt;/<b>a</b>&gt;</code></pre></footer></article><p>And a classic <code>.outline</code> variant.</p><article aria-label="Outline style examples"><a href="#" onclick="event.preventDefault()" role="button" class="outline">Primary</a> <a href="#" onclick="event.preventDefault()" role="button" class="secondary outline">Secondary</a> <a href="#" onclick="event.preventDefault()" role="button" class="contrast outline">Contrast</a><footer class="code"><pre><code>&lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>role</i>=<u>"button"</u> <i>class</i>=<u>"outline"</u>&gt;Primary&lt;/<b>a</b>&gt;
diff --git a/docs/cards.html b/docs/cards.html
index 0f0c7557..77c9c86e 100644
--- a/docs/cards.html
+++ b/docs/cards.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cards • Pico.css</title><meta name="description" content="A flexible container with graceful spacings across devices and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/cards.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#cards-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="cards"><hgroup><h1>Cards</h1><h2>A flexible container with graceful spacings across devices and viewports.</h2></hgroup><article aria-label="Card example">I'm a card!</article><pre><code>&lt;<b>article</b>&gt;I'm a card!&lt;/<b>article</b>&gt;</code></pre><p>You can use <code>&lt;<b>header</b>&gt;</code> and footer <code>&lt;<b>footer</b>&gt;</code> inside <code>&lt;<b>article</b>&gt;</code></p><article aria-label="Card sectioning example"><header>Header</header>Body<footer>Footer</footer></article><pre><code>&lt;<b>article</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cards • Pico.css</title><meta name="description" content="A flexible container with graceful spacings across devices and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/cards.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#cards-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="cards"><hgroup><h1>Cards</h1><h2>A flexible container with graceful spacings across devices and viewports.</h2></hgroup><article aria-label="Card example">I'm a card!</article><pre><code>&lt;<b>article</b>&gt;I'm a card!&lt;/<b>article</b>&gt;</code></pre><p>You can use <code>&lt;<b>header</b>&gt;</code> and footer <code>&lt;<b>footer</b>&gt;</code> inside <code>&lt;<b>article</b>&gt;</code></p><article aria-label="Card sectioning example"><header>Header</header>Body<footer>Footer</footer></article><pre><code>&lt;<b>article</b>&gt;
   &lt;<b>header</b>&gt;Header&lt;/<b>header</b>&gt;
   Body
   &lt;<b>footer</b>&gt;Footer&lt;/<b>footer</b>&gt;
diff --git a/docs/classless.html b/docs/classless.html
index 141f8aec..febe8ab1 100644
--- a/docs/classless.html
+++ b/docs/classless.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Class-less version • Pico.css</title><meta name="description" content="For wild HTML purists, Pico provides a .classless version."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/classless.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#classless-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="classless"><hgroup><h1>Class-less version</h1><h2>For wild HTML purists!</h2></hgroup><p>Pico provides a <code>.classless</code> version (<a href="https://picocss.com/examples/classless/">example</a>).</p><p>In this version, <code>&lt;<b>header</b>&gt;</code>, <code>&lt;<b>main</b>&gt;</code>, and <code>&lt;<b>footer</b>&gt;</code> act as <a href="./containers.html">containers</a> to define a centered or a fluid viewport.</p><p><strong>Usage:</strong></p><p>Use the default <code>.classless</code> version if you need centered viewports:</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet</u>" <i>href</i>=<u>"css/pico.classless.min.css"</u>&gt;</code></pre><p>Or use the <code>.fluid.classless</code> version if you need a fluid container:</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet</u>" <i>href</i>=<u>"css/pico.fluid.classless.min.css"</u>&gt;</code></pre><p>These <code>.classless</code> versions are also available on <a href="https://unpkg.com/@picocss/pico@latest/">unpkg CDN</a>:</p><pre><code><em>// Centered viewport</em>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Class-less version • Pico.css</title><meta name="description" content="For wild HTML purists, Pico provides a .classless version."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/classless.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#classless-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="classless"><hgroup><h1>Class-less version</h1><h2>For wild HTML purists!</h2></hgroup><p>Pico provides a <code>.classless</code> version (<a href="https://picocss.com/examples/classless/">example</a>).</p><p>In this version, <code>&lt;<b>header</b>&gt;</code>, <code>&lt;<b>main</b>&gt;</code>, and <code>&lt;<b>footer</b>&gt;</code> act as <a href="./containers.html">containers</a> to define a centered or a fluid viewport.</p><p><strong>Usage:</strong></p><p>Use the default <code>.classless</code> version if you need centered viewports:</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet</u>" <i>href</i>=<u>"css/pico.classless.min.css"</u>&gt;</code></pre><p>Or use the <code>.fluid.classless</code> version if you need a fluid container:</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet</u>" <i>href</i>=<u>"css/pico.fluid.classless.min.css"</u>&gt;</code></pre><p>These <code>.classless</code> versions are also available on <a href="https://unpkg.com/@picocss/pico@latest/">unpkg CDN</a>:</p><pre><code><em>// Centered viewport</em>
 &lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"https://unpkg.com/@picocss/pico@latest/css/pico.classless.min.css"</u>&gt;
 </code></pre><pre><code><em>// Fluid viewport</em>
 &lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"https://unpkg.com/@picocss/pico@latest/css/pico.fluid.classless.min.css"</u>&gt;
diff --git a/docs/containers.html b/docs/containers.html
index 13dde26f..a05c224d 100644
--- a/docs/containers.html
+++ b/docs/containers.html
@@ -1,3 +1,3 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Containers • Pico.css</title><meta name="description" content=".container enable a centered viewport, .container-fluid enable a 100% layout."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/containers.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#containers-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="containers"><hgroup><h1>Containers</h1><h2><code>.container</code> enable a centered viewport.<br><code>.container-fluid</code> enable a <code><u>100%</u></code> layout.</h2></hgroup><pre><code>&lt;<b>body</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Containers • Pico.css</title><meta name="description" content=".container enable a centered viewport, .container-fluid enable a 100% layout."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/containers.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#containers-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="containers"><hgroup><h1>Containers</h1><h2><code>.container</code> enable a centered viewport.<br><code>.container-fluid</code> enable a <code><u>100%</u></code> layout.</h2></hgroup><pre><code>&lt;<b>body</b>&gt;
   &lt;<b>main</b> <i>class</i>=<u>"container"</u>&gt;&lt;/<b>main</b>&gt;
 &lt;/<b>body</b>&gt;</code></pre><p>Pico uses the same breakpoints and viewports sizes as <a href="https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints">Bootstrap</a>.</p><figure><table role="grid"><thead><tr><th>Device</th><th>Extra&nbsp;small</th><th>Small</th><th>Medium</th><th>Large</th><th>Extra&nbsp;large</th></tr></thead><tbody><tr><th>Breakpoint</th><td>&lt;576<small>px</small></td><td>≥576<small>px</small></td><td>≥768<small>px</small></td><td>≥992<small>px</small></td><td>≥1200<small>px</small></td></tr><tr><th>Viewport</th><td>100<small>%</small></td><td>540<small>px</small></td><td>720<small>px</small></td><td>960<small>px</small></td><td>1140<small>px</small></td></tr></tbody></table></figure><p><code>&lt;<b>header</b>&gt;</code>, <code>&lt;<b>main</b>&gt;</code> and <code>&lt;<b>footer</b>&gt;</code> as direct childs of <code>&lt;<b>body</b>&gt;</code> provide a responsive vertical <code><i>padding</i></code></p><p><code>&lt;<b>section</b>&gt;</code> provide a responsive <code><i>margin-bottom</i></code> to separate your sections.</p></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/css/pico.docs.css b/docs/css/pico.docs.css
index 31214614..53c1c510 100644
--- a/docs/css/pico.docs.css
+++ b/docs/css/pico.docs.css
@@ -180,7 +180,10 @@ main > aside details[open] > summary:not(:focus) {
 /**
  * Docs: Documentation
  */
-#themes button i {
+#themes button.theme-switcher:first-of-type {
+  --font-weight: bold;
+}
+#themes button.theme-switcher i {
   font-style: normal;
 }
 
@@ -271,6 +274,10 @@ main > aside details[open] > summary:not(:focus) {
   grid-row-gap: 0;
 }
 
+#modal button {
+  --font-weight: bold;
+}
+
 /**
  * Docs: Typography
  */
@@ -352,6 +359,37 @@ section > pre {
   content: "Great";
 }
 
+/**
+ * Docs: Modal
+ */
+dialog.example {
+  display: block;
+  z-index: inherit;
+  position: relative;
+  top: inherit;
+  right: inherit;
+  bottom: inherit;
+  left: inherit;
+  align-items: inherit;
+  justify-content: inherit;
+  width: inherit;
+  min-width: inherit;
+  height: inherit;
+  min-height: inherit;
+  padding: 0;
+  background-color: inherit;
+}
+dialog.example article {
+  max-width: inherit;
+}
+dialog.example:not([open]), dialog.example[open=false] {
+  display: none;
+}
+
+.dialog-is-open body > button {
+  filter: blur(0.125rem);
+}
+
 /**
  * Docs: Navs
  */
diff --git a/docs/css/pico.docs.css.map b/docs/css/pico.docs.css.map
index 0505667f..66bccc38 100644
--- a/docs/css/pico.docs.css.map
+++ b/docs/css/pico.docs.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.docs.scss","../scss/themes/_docs.scss","../scss/themes/docs/_icons.scss","pico.docs.css","../scss/themes/docs/_light.scss","../scss/themes/docs/_dark.scss","../scss/layout/_document.scss","../scss/layout/_main.scss","../scss/layout/_aside.scss","../scss/layout/_documentation.scss","../scss/content/_typography.scss","../scss/content/_code.scss","../scss/components/_nav.scss","../scss/components/_theme-switcher.scss"],"names":[],"mappings":"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","file":"pico.docs.css","sourcesContent":["/*!\n * Pico: Customs styles for Docs\n */\n\n// Config\n@import \"../../scss/variables\";\n\n// Theming\n@import \"themes/docs\";\n\n// Layout\n@import \"layout/document\";\n@import \"layout/main\";\n@import \"layout/aside\";\n@import \"layout/documentation\";\n\n// Content\n@import \"content/typography\";\n@import \"content/code\";\n\n// Components\n@import \"components/nav\";\n@import \"components/theme-switcher\";\n","/**\n * Theme: Additions for docs\n */\n\n@import \"../../../scss/themes/default/colors\";\n@import \"docs/icons\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"docs/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"docs/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Icons\n// Source: https://feathericons.com/\n:root {\n  --icon-external: 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='#{rgba($grey-500, .999)}' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/*!\n * Pico: Customs styles for Docs\n */\n/**\n * Theme: Additions for docs\n */\n:root {\n  --icon-external: 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='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --invalid-color: #c62828;\n  --valid-color: #388e3c;\n  --nav-background-color: rgba(255, 255, 255, 0.7);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #fff;\n  --article-code-background-color: #f9fafb;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --invalid-color: rgba(183, 28, 28, 0.5);\n    --valid-color: rgba(46, 125, 50, 0.5);\n    --nav-background-color: rgba(16, 24, 30, 0.8);\n    --nav-border-color: rgba(115, 130, 140, 0.2);\n    --nav-logo-color: #0e1419;\n    --article-code-background-color: var(--code-background-color);\n  }\n}\n[data-theme=dark] {\n  --invalid-color: rgba(183, 28, 28, 0.5);\n  --valid-color: rgba(46, 125, 50, 0.5);\n  --nav-background-color: rgba(16, 24, 30, 0.8);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #0e1419;\n  --article-code-background-color: var(--code-background-color);\n}\n\n/**\n * Docs: Document\n */\nhtml {\n  scroll-behavior: smooth;\n}\n\n/**\n * Docs: Main (Grid)\n */\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + 3.5rem);\n}\n@media (min-width: 992px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n    grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n    display: grid;\n    grid-template-columns: 200px auto;\n  }\n}\n@media (min-width: 1200px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\nbody > main > aside,\nbody > main div[role=document] {\n  min-width: 0;\n}\n\ndiv[role=document] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\nsvg {\n  height: 1rem;\n}\n\n/**\n * Docs: Aside\n */\nmain > aside nav {\n  width: 100%;\n  margin-bottom: calc(var(--block-spacing-vertical) * 2);\n}\n@media (min-width: 992px) {\n  main > aside nav {\n    position: fixed;\n    width: 200px;\n    max-height: calc(100vh - 5.5rem);\n    margin-bottom: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\nmain > aside nav a#toggle-docs-navigation {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\nmain > aside nav a#toggle-docs-navigation svg {\n  margin-right: calc(var(--spacing) * 0.5);\n  vertical-align: -3px;\n}\n@media (min-width: 992px) {\n  main > aside nav a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.closed-on-mobile {\n  margin-bottom: var(--block-spacing-vertical);\n}\nmain > aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse {\n  display: none;\n}\nmain > aside nav.closed-on-mobile details {\n  display: none;\n}\n@media (min-width: 992px) {\n  main > aside nav.closed-on-mobile details {\n    display: block;\n  }\n  main > aside nav.closed-on-mobile > a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.open a#toggle-docs-navigation svg.expand {\n  display: none;\n}\nmain > aside li,\nmain > aside summary {\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 16px;\n}\nmain > aside li a {\n  padding: 0.375rem 0.5rem;\n}\nmain > aside li a svg {\n  vertical-align: middle;\n}\nmain > aside a.secondary:focus {\n  background-color: transparent;\n  color: var(--primary-hover);\n}\nmain > aside a.active,\nmain > aside a.active:hover {\n  color: var(--primary);\n}\nmain > aside details {\n  border-bottom: none;\n}\nmain > aside details summary {\n  color: var(--h1-color);\n  font-weight: 300;\n  font-size: 14px;\n  text-transform: uppercase;\n}\nmain > aside details summary::after {\n  display: none;\n}\nmain > aside details[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.75);\n}\nmain > aside details[open] > summary:not(:focus) {\n  color: var(--h1-color);\n}\n\n/**\n * Docs: Documentation\n */\n#themes button i {\n  font-style: normal;\n}\n\n#customization figure {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(9, 1fr);\n  margin-bottom: 0;\n  overflow: hidden;\n}\n@media (min-width: 576px) {\n  #customization figure {\n    grid-template-rows: 1fr;\n    grid-template-columns: repeat(18, 1fr);\n    border-top-right-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n}\n#customization figure ~ article {\n  margin-top: 0;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n#customization figure button {\n  margin-bottom: 0;\n  padding: 0;\n  padding-top: 100%;\n  border: none;\n  border-radius: 0;\n}\n#customization figure button:focus {\n  box-shadow: none;\n}\n#customization figure button.picked {\n  background-image: var(--icon-check);\n  background-position: center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n}\n#customization figure button[data-color=lime].picked, #customization figure button[data-color=yellow].picked, #customization figure button[data-color=amber].picked {\n  background-image: var(--icon-check-dark);\n}\n#customization h4 {\n  transition: color var(--transition);\n}\n#customization pre[data-theme=generated] {\n  border-color: var(--primary);\n}\n\n#grid {\n  --grid-spacing-vertical: 1rem;\n}\n#grid button {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n@media (min-width: 576px) {\n  #grid button {\n    display: inline-block;\n    width: auto;\n    margin-right: 0.5rem;\n  }\n}\n#grid button svg {\n  stroke: var(--secondary);\n  margin-right: 0.5rem;\n  border: 2px solid currentColor;\n  border-radius: 1rem;\n  background: currentColor;\n}\n#grid .grid > * {\n  padding: calc(var(--spacing) / 2) 0;\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  font-size: 87.5%;\n  text-align: center;\n}\n#grid details {\n  margin-top: calc(var(--typography-spacing-vertical) * 2);\n}\n#grid details svg {\n  vertical-align: bottom;\n}\n\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n/**\n * Docs: Typography\n */\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=button] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=document] section > h1,\n[role=document] section > h2,\n[role=document] section > h3 {\n  line-height: 1;\n}\n\n/**\n * Docs: Code\n */\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\n\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5) var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n[data-theme=invalid],\n[data-theme=valid] {\n  position: relative;\n  margin-bottom: 0 !important;\n}\n[data-theme=invalid]:before,\n[data-theme=valid]:before {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0.375rem 0.75rem;\n  border-radius: 0;\n  color: var(--primary-inverse);\n  font-size: 14px;\n  line-height: 1;\n}\n@media (min-width: 992px) {\n  [data-theme=invalid]:before,\n[data-theme=valid]:before {\n    top: var(--spacing);\n    right: var(--spacing);\n  }\n}\n[data-theme=invalid] code,\n[data-theme=valid] code {\n  padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem) var(--block-spacing-horizontal);\n}\n\n[data-theme=invalid]:before {\n  background: var(--invalid-color);\n  content: \"Not so great\";\n}\n\n[data-theme=valid]:before {\n  background: var(--valid-color);\n  content: \"Great\";\n}\n\n/**\n * Docs: Navs\n */\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n}\nbody > nav a {\n  border-radius: 0;\n}\nbody > nav svg {\n  vertical-align: text-bottom;\n}\nbody > nav ul:first-of-type li:first-of-type a {\n  width: 3.5rem;\n  height: 3.5rem;\n  margin-left: calc(var(--spacing) * -1);\n  padding: 0;\n  background: var(--h1-color);\n  color: var(--nav-logo-color);\n}\nbody > nav ul:first-of-type li:first-of-type a svg {\n  height: 3.5rem;\n}\nbody > nav ul:first-of-type li:nth-of-type(2) {\n  display: none;\n  margin-left: var(--spacing);\n  color: var(--h1-color);\n}\n@media (min-width: 992px) {\n  body > nav ul:first-of-type li:nth-of-type(2) {\n    display: inline;\n  }\n}\n\n/**\n * Docs: Theme switcher\n */\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2);\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n}\n.switcher::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  border: 0.15rem solid currentColor;\n  border-radius: 50%;\n  background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);\n  content: \"\";\n  vertical-align: bottom;\n  transition: transform var(--transition);\n}\n.switcher i {\n  display: inline-block;\n  max-width: 0;\n  padding: 0;\n  overflow: hidden;\n  font-style: normal;\n  font-size: 0.875rem;\n  white-space: nowrap;\n}\n.switcher:hover, .switcher:focus {\n  max-width: 100%;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n.switcher:hover::after {\n  transform: rotate(180deg);\n}\n.switcher:hover i {\n  max-width: 100%;\n  padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n  transition: max-width var(--transition), padding var(--transition);\n}\n.switcher:focus {\n  box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n}\n@media (min-width: 576px) {\n  .switcher {\n    right: var(--spacing);\n  }\n}\n\n/*# sourceMappingURL=pico.docs.css.map */\n","// Light theme (Default) [Additions for docs]\n// Can be forced with data-theme=\"light\"\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  --invalid-color: #{$red-800};\n  --valid-color: #{$green-700};\n  --nav-background-color: #{rgba($white, 0.7)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{$white};\n  --article-code-background-color: #{mix($grey-50, $white, 33%)};\n}\n","// Dark theme [Additions for docs]\n@mixin dark {\n  --invalid-color: #{rgba($red-900, 0.5)};\n  --valid-color: #{rgba($green-800, 0.5)};\n  --nav-background-color: #{rgba(darken($grey-900, 6%), 0.8)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{mix($black, $grey-900)};\n  --article-code-background-color: var(--code-background-color);\n}\n","/**\n * Docs: Document\n */\n\nhtml {\n  scroll-behavior: smooth;\n}\n","/**\n * Docs: Main (Grid)\n */\n\n// Config\n$navHeight: 3.5rem;\n\n// Main grid\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + #{$navHeight});\n\n  @if map-get($breakpoints, \"lg\") {\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n      display: grid;\n      grid-template-columns: 200px auto;\n    }\n  }\n\n  @if map-get($breakpoints, \"xl\") {\n    @media (min-width: map-get($breakpoints, \"xl\")) {\n      --block-spacing-horizontal: calc(var(--spacing) * 2);\n    }\n  }\n\n  > aside,\n  div[role=\"document\"] {\n    min-width: 0;\n  }\n}\n\n// External links\ndiv[role=\"document\"] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after\n{\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\n// Embedded SVG\nsvg {\n  height: 1rem;\n}\n","/**\n * Docs: Aside\n */\n\nmain > aside {\n\n  nav {\n    width: 100%;\n    margin-bottom: calc(var(--block-spacing-vertical) * 2);\n  \n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      position: fixed;\n      width: 200px;\n      max-height: calc(100vh - 5.5rem);\n      margin-bottom: 0;\n      overflow-x: hidden;\n      overflow-y: auto;\n    }\n\n    a#toggle-docs-navigation {\n      margin: 0;\n      margin-bottom: var(--spacing);\n      padding: 0;\n      padding-bottom: var(--spacing);\n      border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n      svg {\n        margin-right: calc(var(--spacing) * 0.5);\n        vertical-align: -3px;\n      }\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: none;\n      }\n    }\n\n    &.closed-on-mobile {\n      margin-bottom: var(--block-spacing-vertical);\n\n      a#toggle-docs-navigation {\n        svg.collapse {\n          display: none;\n        }\n      }\n\n      details {\n        display: none;\n      } \n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        details {\n          display: block;\n        }\n\n        > a#toggle-docs-navigation {\n          display: none;\n        }\n      }\n    }\n\n    &.open {\n      a#toggle-docs-navigation {\n        svg.expand {\n          display: none;\n        }\n      }\n    }\n  }\n  \n\n  li,\n  summary {\n    padding-top: 0;\n    padding-bottom: 0;\n    font-size: 16px;\n  }\n\n  li a {\n    padding: 0.375rem 0.5rem;\n\n    svg {\n      vertical-align: middle;\n    }\n  }\n\n  a.secondary:focus {\n    background-color: transparent;\n    color: var(--primary-hover);\n  }\n\n  a.active,\n  a.active:hover {\n    color: var(--primary);\n  }\n\n  details {\n    border-bottom: none;\n\n    summary {\n      color: var(--h1-color);\n      font-weight: 300;\n      font-size: 14px;\n      text-transform: uppercase;\n\n      &::after {\n        display: none;\n      }\n    }\n\n    &[open] {\n      > summary {\n        margin-bottom: calc(var(--spacing) * 0.75);\n\n        &:not(:focus) {\n          color: var(--h1-color);\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Documentation\n */\n\n// Docs: Themes\n#themes {\n  button i {\n    font-style: normal;\n  }\n}\n\n// Docs: Customization\n#customization {\n  figure {\n    display: grid;\n    grid-template-rows: repeat(2, 1fr);\n    grid-template-columns: repeat(9, 1fr);\n    margin-bottom: 0;\n    overflow: hidden;\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      grid-template-rows: 1fr;\n      grid-template-columns: repeat(18, 1fr);\n      border-top-right-radius: var(--border-radius);\n      border-top-left-radius: var(--border-radius);\n    }\n\n    ~ article {\n      margin-top: 0;\n      border-top-right-radius: 0;\n      border-top-left-radius: 0;\n    }\n\n    button {\n      margin-bottom: 0;\n      padding: 0;\n      padding-top: 100%;\n      border: none;\n      border-radius: 0;\n\n      &:focus {\n        box-shadow: none;\n      }\n\n      &.picked {\n        background-image: var(--icon-check);\n        background-position: center;\n        background-size: 0.66rem auto;\n        background-repeat: no-repeat;\n        box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n      }\n      &[data-color=\"lime\"],\n      &[data-color=\"yellow\"],\n      &[data-color=\"amber\"] {\n        &.picked {\n          background-image: var(--icon-check-dark);\n        }\n      }\n    }\n  }\n\n  h4 {\n    transition: color var(--transition);\n  }\n\n  pre[data-theme=\"generated\"] {\n    border-color: var(--primary);\n  }\n}\n\n// Docs: Grid\n#grid {\n  --grid-spacing-vertical: 1rem;\n\n  button {\n    display: block;\n    width: 100%;\n    margin-bottom: var(--spacing);\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      display: inline-block;\n      width: auto;\n      margin-right: 0.5rem;\n    }\n\n    svg {\n      stroke: var(--secondary);\n      margin-right: 0.5rem;\n      border: 2px solid currentColor;\n      border-radius: 1rem;\n      background: currentColor;\n    }\n  }\n\n  .grid {\n    > * {\n      padding: calc(var(--spacing) / 2) 0;\n      border-radius: var(--border-radius);\n      background: var(--code-background-color);\n      font-size: 87.5%;\n      text-align: center;\n    }\n  }\n\n  details {\n    margin-top: calc(var(--typography-spacing-vertical) * 2);\n\n    svg {\n      vertical-align: bottom;\n    }\n  }\n}\n\n// Docs: Forms\n#forms div.grid {\n  grid-row-gap: 0;\n}\n","/**\n * Docs: Typography\n */\n\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=\"button\"] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=\"document\"] {\n  section > h1,\n  section > h2,\n  section > h3 {\n    line-height: 1;\n  }\n}\n","/**\n * Docs: Code\n */\n\n// Code block inside article\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\n// Code block outside article\n// Horizontally aligned with <article> content\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5)\n    var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n// Badge for Valid & Invalid code\n[data-theme=\"invalid\"],\n[data-theme=\"valid\"] {\n  position: relative;\n  margin-bottom: 0 !important;\n\n  // Label\n  &:before {\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 0.375rem 0.75rem;\n    border-radius: 0;\n    color: var(--primary-inverse);\n    font-size: 14px;\n    line-height: 1;\n\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      top: var(--spacing);\n      right: var(--spacing);\n    }\n  }\n\n  // Spacing for Valid & Invalid badge\n  code {\n    padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem)\n      var(--block-spacing-horizontal);\n  }\n}\n\n// Color for Valid & Invalid code\n[data-theme=\"invalid\"] {\n  &:before {\n    background: var(--invalid-color);\n    content: \"Not so great\";\n  }\n}\n\n[data-theme=\"valid\"] {\n  &:before {\n    background: var(--valid-color);\n    content: \"Great\";\n  }\n}\n","/**\n * Docs: Navs\n */\n\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n\n  a {\n    border-radius: 0;\n  }\n\n  svg {\n    vertical-align: text-bottom;\n  }\n\n  // Band & Title\n  ul:first-of-type li {\n    // Brand\n    &:first-of-type {\n      a {\n        width: 3.5rem;\n        height: 3.5rem;\n        margin-left: calc(var(--spacing) * -1);\n        padding: 0;\n        background: var(--h1-color);\n        color: var(--nav-logo-color);\n\n        svg {\n          height: 3.5rem;\n        }\n      }\n    }\n\n    // Title\n    &:nth-of-type(2) {\n      display: none;\n      margin-left: var(--spacing);\n      color: var(--h1-color);\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: inline;\n      }\n    }\n  }\n}\n","/**\n * Docs: Theme switcher\n */\n\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2);\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n\n  &::after {\n    display: inline-block;\n    width: 1rem;\n    height: 1rem;\n    border: 0.15rem solid currentColor;\n    border-radius: 50%;\n    background: linear-gradient(\n      to right,\n      currentColor 0%,\n      currentColor 50%,\n      transparent 50%\n    );\n    content: \"\";\n    vertical-align: bottom;\n    transition: transform var(--transition);\n  }\n\n  i {\n    display: inline-block;\n    max-width: 0;\n    padding: 0;\n    overflow: hidden;\n    font-style: normal;\n    font-size: 0.875rem;\n    white-space: nowrap;\n  }\n\n  &:hover,\n  &:focus {\n    max-width: 100%;\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover {\n    &::after {\n      transform: rotate(180deg);\n    }\n\n    i {\n      max-width: 100%;\n      padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n      transition: max-width var(--transition), padding var(--transition);\n    }\n  }\n\n  &:focus {\n    box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n  }\n\n  @media (min-width: map-get($breakpoints, \"sm\")) {\n    right: var(--spacing);\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.docs.scss","../scss/themes/_docs.scss","../scss/themes/docs/_icons.scss","pico.docs.css","../scss/themes/docs/_light.scss","../scss/themes/docs/_dark.scss","../scss/layout/_document.scss","../scss/layout/_main.scss","../scss/layout/_aside.scss","../scss/layout/_documentation.scss","../scss/content/_typography.scss","../scss/content/_code.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_theme-switcher.scss"],"names":[],"mappings":"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","file":"pico.docs.css","sourcesContent":["/*!\n * Pico: Customs styles for Docs\n */\n\n// Config\n@import \"../../scss/variables\";\n\n// Theming\n@import \"themes/docs\";\n\n// Layout\n@import \"layout/document\";\n@import \"layout/main\";\n@import \"layout/aside\";\n@import \"layout/documentation\";\n\n// Content\n@import \"content/typography\";\n@import \"content/code\";\n\n// Components\n@import \"components/modal\";\n@import \"components/nav\";\n@import \"components/theme-switcher\";\n","/**\n * Theme: Additions for docs\n */\n\n@import \"../../../scss/themes/default/colors\";\n@import \"docs/icons\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"docs/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"docs/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Icons\n// Source: https://feathericons.com/\n:root {\n  --icon-external: 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='#{rgba($grey-500, .999)}' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/*!\n * Pico: Customs styles for Docs\n */\n/**\n * Theme: Additions for docs\n */\n:root {\n  --icon-external: 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='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --invalid-color: #c62828;\n  --valid-color: #388e3c;\n  --nav-background-color: rgba(255, 255, 255, 0.7);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #fff;\n  --article-code-background-color: #f9fafb;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --invalid-color: rgba(183, 28, 28, 0.5);\n    --valid-color: rgba(46, 125, 50, 0.5);\n    --nav-background-color: rgba(16, 24, 30, 0.8);\n    --nav-border-color: rgba(115, 130, 140, 0.2);\n    --nav-logo-color: #0e1419;\n    --article-code-background-color: var(--code-background-color);\n  }\n}\n[data-theme=dark] {\n  --invalid-color: rgba(183, 28, 28, 0.5);\n  --valid-color: rgba(46, 125, 50, 0.5);\n  --nav-background-color: rgba(16, 24, 30, 0.8);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #0e1419;\n  --article-code-background-color: var(--code-background-color);\n}\n\n/**\n * Docs: Document\n */\nhtml {\n  scroll-behavior: smooth;\n}\n\n/**\n * Docs: Main (Grid)\n */\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + 3.5rem);\n}\n@media (min-width: 992px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n    grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n    display: grid;\n    grid-template-columns: 200px auto;\n  }\n}\n@media (min-width: 1200px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\nbody > main > aside,\nbody > main div[role=document] {\n  min-width: 0;\n}\n\ndiv[role=document] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\nsvg {\n  height: 1rem;\n}\n\n/**\n * Docs: Aside\n */\nmain > aside nav {\n  width: 100%;\n  margin-bottom: calc(var(--block-spacing-vertical) * 2);\n}\n@media (min-width: 992px) {\n  main > aside nav {\n    position: fixed;\n    width: 200px;\n    max-height: calc(100vh - 5.5rem);\n    margin-bottom: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\nmain > aside nav a#toggle-docs-navigation {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\nmain > aside nav a#toggle-docs-navigation svg {\n  margin-right: calc(var(--spacing) * 0.5);\n  vertical-align: -3px;\n}\n@media (min-width: 992px) {\n  main > aside nav a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.closed-on-mobile {\n  margin-bottom: var(--block-spacing-vertical);\n}\nmain > aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse {\n  display: none;\n}\nmain > aside nav.closed-on-mobile details {\n  display: none;\n}\n@media (min-width: 992px) {\n  main > aside nav.closed-on-mobile details {\n    display: block;\n  }\n  main > aside nav.closed-on-mobile > a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.open a#toggle-docs-navigation svg.expand {\n  display: none;\n}\nmain > aside li,\nmain > aside summary {\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 16px;\n}\nmain > aside li a {\n  padding: 0.375rem 0.5rem;\n}\nmain > aside li a svg {\n  vertical-align: middle;\n}\nmain > aside a.secondary:focus {\n  background-color: transparent;\n  color: var(--primary-hover);\n}\nmain > aside a.active,\nmain > aside a.active:hover {\n  color: var(--primary);\n}\nmain > aside details {\n  border-bottom: none;\n}\nmain > aside details summary {\n  color: var(--h1-color);\n  font-weight: 300;\n  font-size: 14px;\n  text-transform: uppercase;\n}\nmain > aside details summary::after {\n  display: none;\n}\nmain > aside details[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.75);\n}\nmain > aside details[open] > summary:not(:focus) {\n  color: var(--h1-color);\n}\n\n/**\n * Docs: Documentation\n */\n#themes button.theme-switcher:first-of-type {\n  --font-weight: bold;\n}\n#themes button.theme-switcher i {\n  font-style: normal;\n}\n\n#customization figure {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(9, 1fr);\n  margin-bottom: 0;\n  overflow: hidden;\n}\n@media (min-width: 576px) {\n  #customization figure {\n    grid-template-rows: 1fr;\n    grid-template-columns: repeat(18, 1fr);\n    border-top-right-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n}\n#customization figure ~ article {\n  margin-top: 0;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n#customization figure button {\n  margin-bottom: 0;\n  padding: 0;\n  padding-top: 100%;\n  border: none;\n  border-radius: 0;\n}\n#customization figure button:focus {\n  box-shadow: none;\n}\n#customization figure button.picked {\n  background-image: var(--icon-check);\n  background-position: center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n}\n#customization figure button[data-color=lime].picked, #customization figure button[data-color=yellow].picked, #customization figure button[data-color=amber].picked {\n  background-image: var(--icon-check-dark);\n}\n#customization h4 {\n  transition: color var(--transition);\n}\n#customization pre[data-theme=generated] {\n  border-color: var(--primary);\n}\n\n#grid {\n  --grid-spacing-vertical: 1rem;\n}\n#grid button {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n@media (min-width: 576px) {\n  #grid button {\n    display: inline-block;\n    width: auto;\n    margin-right: 0.5rem;\n  }\n}\n#grid button svg {\n  stroke: var(--secondary);\n  margin-right: 0.5rem;\n  border: 2px solid currentColor;\n  border-radius: 1rem;\n  background: currentColor;\n}\n#grid .grid > * {\n  padding: calc(var(--spacing) / 2) 0;\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  font-size: 87.5%;\n  text-align: center;\n}\n#grid details {\n  margin-top: calc(var(--typography-spacing-vertical) * 2);\n}\n#grid details svg {\n  vertical-align: bottom;\n}\n\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n#modal button {\n  --font-weight: bold;\n}\n\n/**\n * Docs: Typography\n */\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=button] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=document] section > h1,\n[role=document] section > h2,\n[role=document] section > h3 {\n  line-height: 1;\n}\n\n/**\n * Docs: Code\n */\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\n\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5) var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n[data-theme=invalid],\n[data-theme=valid] {\n  position: relative;\n  margin-bottom: 0 !important;\n}\n[data-theme=invalid]:before,\n[data-theme=valid]:before {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0.375rem 0.75rem;\n  border-radius: 0;\n  color: var(--primary-inverse);\n  font-size: 14px;\n  line-height: 1;\n}\n@media (min-width: 992px) {\n  [data-theme=invalid]:before,\n[data-theme=valid]:before {\n    top: var(--spacing);\n    right: var(--spacing);\n  }\n}\n[data-theme=invalid] code,\n[data-theme=valid] code {\n  padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem) var(--block-spacing-horizontal);\n}\n\n[data-theme=invalid]:before {\n  background: var(--invalid-color);\n  content: \"Not so great\";\n}\n\n[data-theme=valid]:before {\n  background: var(--valid-color);\n  content: \"Great\";\n}\n\n/**\n * Docs: Modal\n */\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color: inherit;\n}\ndialog.example article {\n  max-width: inherit;\n}\ndialog.example:not([open]), dialog.example[open=false] {\n  display: none;\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}\n\n/**\n * Docs: Navs\n */\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n}\nbody > nav a {\n  border-radius: 0;\n}\nbody > nav svg {\n  vertical-align: text-bottom;\n}\nbody > nav ul:first-of-type li:first-of-type a {\n  width: 3.5rem;\n  height: 3.5rem;\n  margin-left: calc(var(--spacing) * -1);\n  padding: 0;\n  background: var(--h1-color);\n  color: var(--nav-logo-color);\n}\nbody > nav ul:first-of-type li:first-of-type a svg {\n  height: 3.5rem;\n}\nbody > nav ul:first-of-type li:nth-of-type(2) {\n  display: none;\n  margin-left: var(--spacing);\n  color: var(--h1-color);\n}\n@media (min-width: 992px) {\n  body > nav ul:first-of-type li:nth-of-type(2) {\n    display: inline;\n  }\n}\n\n/**\n * Docs: Theme switcher\n */\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2);\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n}\n.switcher::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  border: 0.15rem solid currentColor;\n  border-radius: 50%;\n  background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);\n  content: \"\";\n  vertical-align: bottom;\n  transition: transform var(--transition);\n}\n.switcher i {\n  display: inline-block;\n  max-width: 0;\n  padding: 0;\n  overflow: hidden;\n  font-style: normal;\n  font-size: 0.875rem;\n  white-space: nowrap;\n}\n.switcher:hover, .switcher:focus {\n  max-width: 100%;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n.switcher:hover::after {\n  transform: rotate(180deg);\n}\n.switcher:hover i {\n  max-width: 100%;\n  padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n  transition: max-width var(--transition), padding var(--transition);\n}\n.switcher:focus {\n  box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n}\n@media (min-width: 576px) {\n  .switcher {\n    right: var(--spacing);\n  }\n}\n\n/*# sourceMappingURL=pico.docs.css.map */\n","// Light theme (Default) [Additions for docs]\n// Can be forced with data-theme=\"light\"\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  --invalid-color: #{$red-800};\n  --valid-color: #{$green-700};\n  --nav-background-color: #{rgba($white, 0.7)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{$white};\n  --article-code-background-color: #{mix($grey-50, $white, 33%)};\n}\n","// Dark theme [Additions for docs]\n@mixin dark {\n  --invalid-color: #{rgba($red-900, 0.5)};\n  --valid-color: #{rgba($green-800, 0.5)};\n  --nav-background-color: #{rgba(darken($grey-900, 6%), 0.8)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{mix($black, $grey-900)};\n  --article-code-background-color: var(--code-background-color);\n}\n","/**\n * Docs: Document\n */\n\nhtml {\n  scroll-behavior: smooth;\n}\n","/**\n * Docs: Main (Grid)\n */\n\n// Config\n$navHeight: 3.5rem;\n\n// Main grid\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + #{$navHeight});\n\n  @if map-get($breakpoints, \"lg\") {\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n      display: grid;\n      grid-template-columns: 200px auto;\n    }\n  }\n\n  @if map-get($breakpoints, \"xl\") {\n    @media (min-width: map-get($breakpoints, \"xl\")) {\n      --block-spacing-horizontal: calc(var(--spacing) * 2);\n    }\n  }\n\n  > aside,\n  div[role=\"document\"] {\n    min-width: 0;\n  }\n}\n\n// External links\ndiv[role=\"document\"] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after\n{\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\n// Embedded SVG\nsvg {\n  height: 1rem;\n}\n","/**\n * Docs: Aside\n */\n\nmain > aside {\n\n  nav {\n    width: 100%;\n    margin-bottom: calc(var(--block-spacing-vertical) * 2);\n  \n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      position: fixed;\n      width: 200px;\n      max-height: calc(100vh - 5.5rem);\n      margin-bottom: 0;\n      overflow-x: hidden;\n      overflow-y: auto;\n    }\n\n    a#toggle-docs-navigation {\n      margin: 0;\n      margin-bottom: var(--spacing);\n      padding: 0;\n      padding-bottom: var(--spacing);\n      border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n      svg {\n        margin-right: calc(var(--spacing) * 0.5);\n        vertical-align: -3px;\n      }\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: none;\n      }\n    }\n\n    &.closed-on-mobile {\n      margin-bottom: var(--block-spacing-vertical);\n\n      a#toggle-docs-navigation {\n        svg.collapse {\n          display: none;\n        }\n      }\n\n      details {\n        display: none;\n      } \n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        details {\n          display: block;\n        }\n\n        > a#toggle-docs-navigation {\n          display: none;\n        }\n      }\n    }\n\n    &.open {\n      a#toggle-docs-navigation {\n        svg.expand {\n          display: none;\n        }\n      }\n    }\n  }\n  \n\n  li,\n  summary {\n    padding-top: 0;\n    padding-bottom: 0;\n    font-size: 16px;\n  }\n\n  li a {\n    padding: 0.375rem 0.5rem;\n\n    svg {\n      vertical-align: middle;\n    }\n  }\n\n  a.secondary:focus {\n    background-color: transparent;\n    color: var(--primary-hover);\n  }\n\n  a.active,\n  a.active:hover {\n    color: var(--primary);\n  }\n\n  details {\n    border-bottom: none;\n\n    summary {\n      color: var(--h1-color);\n      font-weight: 300;\n      font-size: 14px;\n      text-transform: uppercase;\n\n      &::after {\n        display: none;\n      }\n    }\n\n    &[open] {\n      > summary {\n        margin-bottom: calc(var(--spacing) * 0.75);\n\n        &:not(:focus) {\n          color: var(--h1-color);\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Documentation\n */\n\n// Docs: Themes\n#themes {\n  button.theme-switcher {\n    &:first-of-type {\n      --font-weight: bold;\n    }\n    \n    i {\n      font-style: normal;\n    }\n  }\n}\n\n// Docs: Customization\n#customization {\n  figure {\n    display: grid;\n    grid-template-rows: repeat(2, 1fr);\n    grid-template-columns: repeat(9, 1fr);\n    margin-bottom: 0;\n    overflow: hidden;\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      grid-template-rows: 1fr;\n      grid-template-columns: repeat(18, 1fr);\n      border-top-right-radius: var(--border-radius);\n      border-top-left-radius: var(--border-radius);\n    }\n\n    ~ article {\n      margin-top: 0;\n      border-top-right-radius: 0;\n      border-top-left-radius: 0;\n    }\n\n    button {\n      margin-bottom: 0;\n      padding: 0;\n      padding-top: 100%;\n      border: none;\n      border-radius: 0;\n\n      &:focus {\n        box-shadow: none;\n      }\n\n      &.picked {\n        background-image: var(--icon-check);\n        background-position: center;\n        background-size: 0.66rem auto;\n        background-repeat: no-repeat;\n        box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n      }\n      &[data-color=\"lime\"],\n      &[data-color=\"yellow\"],\n      &[data-color=\"amber\"] {\n        &.picked {\n          background-image: var(--icon-check-dark);\n        }\n      }\n    }\n  }\n\n  h4 {\n    transition: color var(--transition);\n  }\n\n  pre[data-theme=\"generated\"] {\n    border-color: var(--primary);\n  }\n}\n\n// Docs: Grid\n#grid {\n  --grid-spacing-vertical: 1rem;\n\n  button {\n    display: block;\n    width: 100%;\n    margin-bottom: var(--spacing);\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      display: inline-block;\n      width: auto;\n      margin-right: 0.5rem;\n    }\n\n    svg {\n      stroke: var(--secondary);\n      margin-right: 0.5rem;\n      border: 2px solid currentColor;\n      border-radius: 1rem;\n      background: currentColor;\n    }\n  }\n\n  .grid {\n    > * {\n      padding: calc(var(--spacing) / 2) 0;\n      border-radius: var(--border-radius);\n      background: var(--code-background-color);\n      font-size: 87.5%;\n      text-align: center;\n    }\n  }\n\n  details {\n    margin-top: calc(var(--typography-spacing-vertical) * 2);\n\n    svg {\n      vertical-align: bottom;\n    }\n  }\n}\n\n// Docs: Forms\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n// Docs: Modal\n#modal {\n  button {\n    --font-weight: bold;\n  }\n}\n","/**\n * Docs: Typography\n */\n\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=\"button\"] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=\"document\"] {\n  section > h1,\n  section > h2,\n  section > h3 {\n    line-height: 1;\n  }\n}\n","/**\n * Docs: Code\n */\n\n// Code block inside article\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\n// Code block outside article\n// Horizontally aligned with <article> content\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5)\n    var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n// Badge for Valid & Invalid code\n[data-theme=\"invalid\"],\n[data-theme=\"valid\"] {\n  position: relative;\n  margin-bottom: 0 !important;\n\n  // Label\n  &:before {\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 0.375rem 0.75rem;\n    border-radius: 0;\n    color: var(--primary-inverse);\n    font-size: 14px;\n    line-height: 1;\n\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      top: var(--spacing);\n      right: var(--spacing);\n    }\n  }\n\n  // Spacing for Valid & Invalid badge\n  code {\n    padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem)\n      var(--block-spacing-horizontal);\n  }\n}\n\n// Color for Valid & Invalid code\n[data-theme=\"invalid\"] {\n  &:before {\n    background: var(--invalid-color);\n    content: \"Not so great\";\n  }\n}\n\n[data-theme=\"valid\"] {\n  &:before {\n    background: var(--valid-color);\n    content: \"Great\";\n  }\n}\n","/**\n * Docs: Modal\n */\n\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color:inherit;\n\n  article {\n    max-width: inherit;\n  }\n\n  &:not([open]),\n  &[open=false] {\n    display: none;\n  }\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}","/**\n * Docs: Navs\n */\n\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n\n  a {\n    border-radius: 0;\n  }\n\n  svg {\n    vertical-align: text-bottom;\n  }\n\n  // Band & Title\n  ul:first-of-type li {\n    // Brand\n    &:first-of-type {\n      a {\n        width: 3.5rem;\n        height: 3.5rem;\n        margin-left: calc(var(--spacing) * -1);\n        padding: 0;\n        background: var(--h1-color);\n        color: var(--nav-logo-color);\n\n        svg {\n          height: 3.5rem;\n        }\n      }\n    }\n\n    // Title\n    &:nth-of-type(2) {\n      display: none;\n      margin-left: var(--spacing);\n      color: var(--h1-color);\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: inline;\n      }\n    }\n  }\n}\n","/**\n * Docs: Theme switcher\n */\n\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2);\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n\n  &::after {\n    display: inline-block;\n    width: 1rem;\n    height: 1rem;\n    border: 0.15rem solid currentColor;\n    border-radius: 50%;\n    background: linear-gradient(\n      to right,\n      currentColor 0%,\n      currentColor 50%,\n      transparent 50%\n    );\n    content: \"\";\n    vertical-align: bottom;\n    transition: transform var(--transition);\n  }\n\n  i {\n    display: inline-block;\n    max-width: 0;\n    padding: 0;\n    overflow: hidden;\n    font-style: normal;\n    font-size: 0.875rem;\n    white-space: nowrap;\n  }\n\n  &:hover,\n  &:focus {\n    max-width: 100%;\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover {\n    &::after {\n      transform: rotate(180deg);\n    }\n\n    i {\n      max-width: 100%;\n      padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n      transition: max-width var(--transition), padding var(--transition);\n    }\n  }\n\n  &:focus {\n    box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n  }\n\n  @media (min-width: map-get($breakpoints, \"sm\")) {\n    right: var(--spacing);\n  }\n}\n"]}
\ No newline at end of file
diff --git a/docs/css/pico.docs.min.css b/docs/css/pico.docs.min.css
index 42055850..f1d918a2 100644
--- a/docs/css/pico.docs.min.css
+++ b/docs/css/pico.docs.min.css
@@ -1,4 +1,4 @@
 /*!
  * Pico: Customs styles for Docs
- */:root{--icon-external: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='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");--icon-check: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='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-check-dark: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='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}:root:not([data-theme=dark]),[data-theme=light]{--invalid-color:#c62828;--valid-color:#388e3c;--nav-background-color:rgba(255, 255, 255, 0.7);--nav-border-color:rgba(115, 130, 140, 0.2);--nav-logo-color:#fff;--article-code-background-color:#f9fafb}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--invalid-color:rgba(183, 28, 28, 0.5);--valid-color:rgba(46, 125, 50, 0.5);--nav-background-color:rgba(16, 24, 30, 0.8);--nav-border-color:rgba(115, 130, 140, 0.2);--nav-logo-color:#0e1419;--article-code-background-color:var(--code-background-color)}}[data-theme=dark]{--invalid-color:rgba(183, 28, 28, 0.5);--valid-color:rgba(46, 125, 50, 0.5);--nav-background-color:rgba(16, 24, 30, 0.8);--nav-border-color:rgba(115, 130, 140, 0.2);--nav-logo-color:#0e1419;--article-code-background-color:var(--code-background-color)}html{scroll-behavior:smooth}body>main{padding-top:calc(var(--block-spacing-vertical) + 3.5rem)}@media (min-width:992px){body>main{--block-spacing-horizontal:calc(var(--spacing) * 1.75);grid-column-gap:calc(var(--block-spacing-horizontal) * 3);display:grid;grid-template-columns:200px auto}}@media (min-width:1200px){body>main{--block-spacing-horizontal:calc(var(--spacing) * 2)}}body>main div[role=document],body>main>aside{min-width:0}div[role=document] section a[href*="//"]:not([href*="https://picocss.com"]):not([role])::after{display:inline-block;width:1rem;height:1rem;background-image:var(--icon-external);background-position:top center;background-size:.66rem auto;background-repeat:no-repeat;content:""}svg{height:1rem}main>aside nav{width:100%;margin-bottom:calc(var(--block-spacing-vertical) * 2)}@media (min-width:992px){main>aside nav{position:fixed;width:200px;max-height:calc(100vh - 5.5rem);margin-bottom:0;overflow-x:hidden;overflow-y:auto}}main>aside nav a#toggle-docs-navigation{margin:0;margin-bottom:var(--spacing);padding:0;padding-bottom:var(--spacing);border-bottom:var(--border-width) solid var(--accordion-border-color)}main>aside nav a#toggle-docs-navigation svg{margin-right:calc(var(--spacing) * .5);vertical-align:-3px}@media (min-width:992px){main>aside nav a#toggle-docs-navigation{display:none}}main>aside nav.closed-on-mobile{margin-bottom:var(--block-spacing-vertical)}main>aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse{display:none}main>aside nav.closed-on-mobile details{display:none}@media (min-width:992px){main>aside nav.closed-on-mobile details{display:block}main>aside nav.closed-on-mobile>a#toggle-docs-navigation{display:none}}main>aside nav.open a#toggle-docs-navigation svg.expand{display:none}main>aside li,main>aside summary{padding-top:0;padding-bottom:0;font-size:16px}main>aside li a{padding:.375rem .5rem}main>aside li a svg{vertical-align:middle}main>aside a.secondary:focus{background-color:transparent;color:var(--primary-hover)}main>aside a.active,main>aside a.active:hover{color:var(--primary)}main>aside details{border-bottom:none}main>aside details summary{color:var(--h1-color);font-weight:300;font-size:14px;text-transform:uppercase}main>aside details summary::after{display:none}main>aside details[open]>summary{margin-bottom:calc(var(--spacing) * .75)}main>aside details[open]>summary:not(:focus){color:var(--h1-color)}#themes button i{font-style:normal}#customization figure{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(9,1fr);margin-bottom:0;overflow:hidden}@media (min-width:576px){#customization figure{grid-template-rows:1fr;grid-template-columns:repeat(18,1fr);border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}}#customization figure~article{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}#customization figure button{margin-bottom:0;padding:0;padding-top:100%;border:none;border-radius:0}#customization figure button:focus{box-shadow:none}#customization figure button.picked{background-image:var(--icon-check);background-position:center;background-size:.66rem auto;background-repeat:no-repeat;box-shadow:inset 0 0 1rem 0 rgba(0,0,0,.25)}#customization figure button[data-color=amber].picked,#customization figure button[data-color=lime].picked,#customization figure button[data-color=yellow].picked{background-image:var(--icon-check-dark)}#customization h4{transition:color var(--transition)}#customization pre[data-theme=generated]{border-color:var(--primary)}#grid{--grid-spacing-vertical:1rem}#grid button{display:block;width:100%;margin-bottom:var(--spacing)}@media (min-width:576px){#grid button{display:inline-block;width:auto;margin-right:.5rem}}#grid button svg{stroke:var(--secondary);margin-right:.5rem;border:2px solid currentColor;border-radius:1rem;background:currentColor}#grid .grid>*{padding:calc(var(--spacing)/ 2) 0;border-radius:var(--border-radius);background:var(--code-background-color);font-size:87.5%;text-align:center}#grid details{margin-top:calc(var(--typography-spacing-vertical) * 2)}#grid details svg{vertical-align:bottom}#forms div.grid{grid-row-gap:0}h1{margin-top:-.25em}section>hgroup{margin-bottom:calc(var(--typography-spacing-vertical) * 2)}a[role=button]{margin-right:calc(var(--typography-spacing-vertical)/ 4);margin-bottom:var(--typography-spacing-vertical)}[role=document] section>h1,[role=document] section>h2,[role=document] section>h3{line-height:1}article>footer.code{background:var(--article-code-background-color)}article pre,article pre code{margin-bottom:0;background:0 0}section>pre{margin:var(--block-spacing-vertical) 0;padding:calc(var(--block-spacing-vertical)/ 1.5) var(--block-spacing-horizontal);background:var(--article-code-background-color);box-shadow:var(--card-box-shadow)}[data-theme=invalid],[data-theme=valid]{position:relative;margin-bottom:0!important}[data-theme=invalid]:before,[data-theme=valid]:before{display:block;position:absolute;top:0;right:0;padding:.375rem .75rem;border-radius:0;color:var(--primary-inverse);font-size:14px;line-height:1}@media (min-width:992px){[data-theme=invalid]:before,[data-theme=valid]:before{top:var(--spacing);right:var(--spacing)}}[data-theme=invalid] code,[data-theme=valid] code{padding:calc(var(--block-spacing-vertical)/ 1.5 + 14px + .75rem) var(--block-spacing-horizontal)}[data-theme=invalid]:before{background:var(--invalid-color);content:"Not so great"}[data-theme=valid]:before{background:var(--valid-color);content:"Great"}body>nav{-webkit-backdrop-filter:saturate(180%) blur(20px);z-index:99;position:fixed;top:0;right:0;left:0;backdrop-filter:saturate(180%) blur(20px);background-color:var(--nav-background-color);box-shadow:0 1px 0 var(--nav-border-color)}body>nav a{border-radius:0}body>nav svg{vertical-align:text-bottom}body>nav ul:first-of-type li:first-of-type a{width:3.5rem;height:3.5rem;margin-left:calc(var(--spacing) * -1);padding:0;background:var(--h1-color);color:var(--nav-logo-color)}body>nav ul:first-of-type li:first-of-type a svg{height:3.5rem}body>nav ul:first-of-type li:nth-of-type(2){display:none;margin-left:var(--spacing);color:var(--h1-color)}@media (min-width:992px){body>nav ul:first-of-type li:nth-of-type(2){display:inline}}.switcher{position:fixed;right:calc(var(--spacing)/ 2);bottom:var(--spacing);width:auto;margin-bottom:0;padding:.75rem;border-radius:2rem;box-shadow:var(--card-box-shadow);line-height:1;text-align:right}.switcher::after{display:inline-block;width:1rem;height:1rem;border:.15rem solid currentColor;border-radius:50%;background:linear-gradient(to right,currentColor 0,currentColor 50%,transparent 50%);content:"";vertical-align:bottom;transition:transform var(--transition)}.switcher i{display:inline-block;max-width:0;padding:0;overflow:hidden;font-style:normal;font-size:.875rem;white-space:nowrap}.switcher:focus,.switcher:hover{max-width:100%;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.switcher:hover::after{transform:rotate(180deg)}.switcher:hover i{max-width:100%;padding:0 calc(var(--spacing)/ 2) 0 calc(var(--spacing)/ 4);transition:max-width var(--transition),padding var(--transition)}.switcher:focus{box-shadow:var(--card-box-shadow),0 0 0 .2rem var(--secondary-focus)}@media (min-width:576px){.switcher{right:var(--spacing)}}
+ */:root{--icon-external: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='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");--icon-check: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='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-check-dark: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='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}:root:not([data-theme=dark]),[data-theme=light]{--invalid-color:#c62828;--valid-color:#388e3c;--nav-background-color:rgba(255, 255, 255, 0.7);--nav-border-color:rgba(115, 130, 140, 0.2);--nav-logo-color:#fff;--article-code-background-color:#f9fafb}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--invalid-color:rgba(183, 28, 28, 0.5);--valid-color:rgba(46, 125, 50, 0.5);--nav-background-color:rgba(16, 24, 30, 0.8);--nav-border-color:rgba(115, 130, 140, 0.2);--nav-logo-color:#0e1419;--article-code-background-color:var(--code-background-color)}}[data-theme=dark]{--invalid-color:rgba(183, 28, 28, 0.5);--valid-color:rgba(46, 125, 50, 0.5);--nav-background-color:rgba(16, 24, 30, 0.8);--nav-border-color:rgba(115, 130, 140, 0.2);--nav-logo-color:#0e1419;--article-code-background-color:var(--code-background-color)}html{scroll-behavior:smooth}body>main{padding-top:calc(var(--block-spacing-vertical) + 3.5rem)}@media (min-width:992px){body>main{--block-spacing-horizontal:calc(var(--spacing) * 1.75);grid-column-gap:calc(var(--block-spacing-horizontal) * 3);display:grid;grid-template-columns:200px auto}}@media (min-width:1200px){body>main{--block-spacing-horizontal:calc(var(--spacing) * 2)}}body>main div[role=document],body>main>aside{min-width:0}div[role=document] section a[href*="//"]:not([href*="https://picocss.com"]):not([role])::after{display:inline-block;width:1rem;height:1rem;background-image:var(--icon-external);background-position:top center;background-size:.66rem auto;background-repeat:no-repeat;content:""}svg{height:1rem}main>aside nav{width:100%;margin-bottom:calc(var(--block-spacing-vertical) * 2)}@media (min-width:992px){main>aside nav{position:fixed;width:200px;max-height:calc(100vh - 5.5rem);margin-bottom:0;overflow-x:hidden;overflow-y:auto}}main>aside nav a#toggle-docs-navigation{margin:0;margin-bottom:var(--spacing);padding:0;padding-bottom:var(--spacing);border-bottom:var(--border-width) solid var(--accordion-border-color)}main>aside nav a#toggle-docs-navigation svg{margin-right:calc(var(--spacing) * .5);vertical-align:-3px}@media (min-width:992px){main>aside nav a#toggle-docs-navigation{display:none}}main>aside nav.closed-on-mobile{margin-bottom:var(--block-spacing-vertical)}main>aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse{display:none}main>aside nav.closed-on-mobile details{display:none}@media (min-width:992px){main>aside nav.closed-on-mobile details{display:block}main>aside nav.closed-on-mobile>a#toggle-docs-navigation{display:none}}main>aside nav.open a#toggle-docs-navigation svg.expand{display:none}main>aside li,main>aside summary{padding-top:0;padding-bottom:0;font-size:16px}main>aside li a{padding:.375rem .5rem}main>aside li a svg{vertical-align:middle}main>aside a.secondary:focus{background-color:transparent;color:var(--primary-hover)}main>aside a.active,main>aside a.active:hover{color:var(--primary)}main>aside details{border-bottom:none}main>aside details summary{color:var(--h1-color);font-weight:300;font-size:14px;text-transform:uppercase}main>aside details summary::after{display:none}main>aside details[open]>summary{margin-bottom:calc(var(--spacing) * .75)}main>aside details[open]>summary:not(:focus){color:var(--h1-color)}#themes button.theme-switcher:first-of-type{--font-weight:bold}#themes button.theme-switcher i{font-style:normal}#customization figure{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(9,1fr);margin-bottom:0;overflow:hidden}@media (min-width:576px){#customization figure{grid-template-rows:1fr;grid-template-columns:repeat(18,1fr);border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}}#customization figure~article{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}#customization figure button{margin-bottom:0;padding:0;padding-top:100%;border:none;border-radius:0}#customization figure button:focus{box-shadow:none}#customization figure button.picked{background-image:var(--icon-check);background-position:center;background-size:.66rem auto;background-repeat:no-repeat;box-shadow:inset 0 0 1rem 0 rgba(0,0,0,.25)}#customization figure button[data-color=amber].picked,#customization figure button[data-color=lime].picked,#customization figure button[data-color=yellow].picked{background-image:var(--icon-check-dark)}#customization h4{transition:color var(--transition)}#customization pre[data-theme=generated]{border-color:var(--primary)}#grid{--grid-spacing-vertical:1rem}#grid button{display:block;width:100%;margin-bottom:var(--spacing)}@media (min-width:576px){#grid button{display:inline-block;width:auto;margin-right:.5rem}}#grid button svg{stroke:var(--secondary);margin-right:.5rem;border:2px solid currentColor;border-radius:1rem;background:currentColor}#grid .grid>*{padding:calc(var(--spacing)/ 2) 0;border-radius:var(--border-radius);background:var(--code-background-color);font-size:87.5%;text-align:center}#grid details{margin-top:calc(var(--typography-spacing-vertical) * 2)}#grid details svg{vertical-align:bottom}#forms div.grid{grid-row-gap:0}#modal button{--font-weight:bold}h1{margin-top:-.25em}section>hgroup{margin-bottom:calc(var(--typography-spacing-vertical) * 2)}a[role=button]{margin-right:calc(var(--typography-spacing-vertical)/ 4);margin-bottom:var(--typography-spacing-vertical)}[role=document] section>h1,[role=document] section>h2,[role=document] section>h3{line-height:1}article>footer.code{background:var(--article-code-background-color)}article pre,article pre code{margin-bottom:0;background:0 0}section>pre{margin:var(--block-spacing-vertical) 0;padding:calc(var(--block-spacing-vertical)/ 1.5) var(--block-spacing-horizontal);background:var(--article-code-background-color);box-shadow:var(--card-box-shadow)}[data-theme=invalid],[data-theme=valid]{position:relative;margin-bottom:0!important}[data-theme=invalid]:before,[data-theme=valid]:before{display:block;position:absolute;top:0;right:0;padding:.375rem .75rem;border-radius:0;color:var(--primary-inverse);font-size:14px;line-height:1}@media (min-width:992px){[data-theme=invalid]:before,[data-theme=valid]:before{top:var(--spacing);right:var(--spacing)}}[data-theme=invalid] code,[data-theme=valid] code{padding:calc(var(--block-spacing-vertical)/ 1.5 + 14px + .75rem) var(--block-spacing-horizontal)}[data-theme=invalid]:before{background:var(--invalid-color);content:"Not so great"}[data-theme=valid]:before{background:var(--valid-color);content:"Great"}dialog.example{display:block;z-index:inherit;position:relative;top:inherit;right:inherit;bottom:inherit;left:inherit;align-items:inherit;justify-content:inherit;width:inherit;min-width:inherit;height:inherit;min-height:inherit;padding:0;background-color:inherit}dialog.example article{max-width:inherit}dialog.example:not([open]),dialog.example[open=false]{display:none}.dialog-is-open body>button{filter:blur(.125rem)}body>nav{-webkit-backdrop-filter:saturate(180%) blur(20px);z-index:99;position:fixed;top:0;right:0;left:0;backdrop-filter:saturate(180%) blur(20px);background-color:var(--nav-background-color);box-shadow:0 1px 0 var(--nav-border-color)}body>nav a{border-radius:0}body>nav svg{vertical-align:text-bottom}body>nav ul:first-of-type li:first-of-type a{width:3.5rem;height:3.5rem;margin-left:calc(var(--spacing) * -1);padding:0;background:var(--h1-color);color:var(--nav-logo-color)}body>nav ul:first-of-type li:first-of-type a svg{height:3.5rem}body>nav ul:first-of-type li:nth-of-type(2){display:none;margin-left:var(--spacing);color:var(--h1-color)}@media (min-width:992px){body>nav ul:first-of-type li:nth-of-type(2){display:inline}}.switcher{position:fixed;right:calc(var(--spacing)/ 2);bottom:var(--spacing);width:auto;margin-bottom:0;padding:.75rem;border-radius:2rem;box-shadow:var(--card-box-shadow);line-height:1;text-align:right}.switcher::after{display:inline-block;width:1rem;height:1rem;border:.15rem solid currentColor;border-radius:50%;background:linear-gradient(to right,currentColor 0,currentColor 50%,transparent 50%);content:"";vertical-align:bottom;transition:transform var(--transition)}.switcher i{display:inline-block;max-width:0;padding:0;overflow:hidden;font-style:normal;font-size:.875rem;white-space:nowrap}.switcher:focus,.switcher:hover{max-width:100%;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.switcher:hover::after{transform:rotate(180deg)}.switcher:hover i{max-width:100%;padding:0 calc(var(--spacing)/ 2) 0 calc(var(--spacing)/ 4);transition:max-width var(--transition),padding var(--transition)}.switcher:focus{box-shadow:var(--card-box-shadow),0 0 0 .2rem var(--secondary-focus)}@media (min-width:576px){.switcher{right:var(--spacing)}}
 /*# sourceMappingURL=pico.docs.min.css.map */
\ No newline at end of file
diff --git a/docs/css/pico.docs.min.css.map b/docs/css/pico.docs.min.css.map
index 238f6f93..323c4002 100644
--- a/docs/css/pico.docs.min.css.map
+++ b/docs/css/pico.docs.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["docs/scss/pico.docs.scss","docs/scss/themes/docs/_icons.scss","docs/css/pico.docs.css","docs/scss/themes/docs/_light.scss","docs/scss/themes/_docs.scss","docs/scss/themes/docs/_dark.scss","docs/scss/layout/_document.scss","docs/scss/layout/_main.scss","docs/scss/layout/_aside.scss","docs/scss/layout/_documentation.scss","docs/scss/content/_typography.scss","docs/scss/content/_code.scss","docs/scss/components/_nav.scss","docs/scss/components/_theme-switcher.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico: Customs styles for Docs\n */\n\n// Config\n@import \"../../scss/variables\";\n\n// Theming\n@import \"themes/docs\";\n\n// Layout\n@import \"layout/document\";\n@import \"layout/main\";\n@import \"layout/aside\";\n@import \"layout/documentation\";\n\n// Content\n@import \"content/typography\";\n@import \"content/code\";\n\n// Components\n@import \"components/nav\";\n@import \"components/theme-switcher\";\n","// Icons\n// Source: https://feathericons.com/\n:root {\n  --icon-external: 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='#{rgba($grey-500, .999)}' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/*!\n * Pico: Customs styles for Docs\n */\n/**\n * Theme: Additions for docs\n */\n:root {\n  --icon-external: 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='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --invalid-color: #c62828;\n  --valid-color: #388e3c;\n  --nav-background-color: rgba(255, 255, 255, 0.7);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #fff;\n  --article-code-background-color: #f9fafb;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --invalid-color: rgba(183, 28, 28, 0.5);\n    --valid-color: rgba(46, 125, 50, 0.5);\n    --nav-background-color: rgba(16, 24, 30, 0.8);\n    --nav-border-color: rgba(115, 130, 140, 0.2);\n    --nav-logo-color: #0e1419;\n    --article-code-background-color: var(--code-background-color);\n  }\n}\n[data-theme=dark] {\n  --invalid-color: rgba(183, 28, 28, 0.5);\n  --valid-color: rgba(46, 125, 50, 0.5);\n  --nav-background-color: rgba(16, 24, 30, 0.8);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #0e1419;\n  --article-code-background-color: var(--code-background-color);\n}\n\n/**\n * Docs: Document\n */\nhtml {\n  scroll-behavior: smooth;\n}\n\n/**\n * Docs: Main (Grid)\n */\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + 3.5rem);\n}\n@media (min-width: 992px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n    grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n    display: grid;\n    grid-template-columns: 200px auto;\n  }\n}\n@media (min-width: 1200px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\nbody > main > aside,\nbody > main div[role=document] {\n  min-width: 0;\n}\n\ndiv[role=document] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\nsvg {\n  height: 1rem;\n}\n\n/**\n * Docs: Aside\n */\nmain > aside nav {\n  width: 100%;\n  margin-bottom: calc(var(--block-spacing-vertical) * 2);\n}\n@media (min-width: 992px) {\n  main > aside nav {\n    position: fixed;\n    width: 200px;\n    max-height: calc(100vh - 5.5rem);\n    margin-bottom: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\nmain > aside nav a#toggle-docs-navigation {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\nmain > aside nav a#toggle-docs-navigation svg {\n  margin-right: calc(var(--spacing) * 0.5);\n  vertical-align: -3px;\n}\n@media (min-width: 992px) {\n  main > aside nav a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.closed-on-mobile {\n  margin-bottom: var(--block-spacing-vertical);\n}\nmain > aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse {\n  display: none;\n}\nmain > aside nav.closed-on-mobile details {\n  display: none;\n}\n@media (min-width: 992px) {\n  main > aside nav.closed-on-mobile details {\n    display: block;\n  }\n  main > aside nav.closed-on-mobile > a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.open a#toggle-docs-navigation svg.expand {\n  display: none;\n}\nmain > aside li,\nmain > aside summary {\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 16px;\n}\nmain > aside li a {\n  padding: 0.375rem 0.5rem;\n}\nmain > aside li a svg {\n  vertical-align: middle;\n}\nmain > aside a.secondary:focus {\n  background-color: transparent;\n  color: var(--primary-hover);\n}\nmain > aside a.active,\nmain > aside a.active:hover {\n  color: var(--primary);\n}\nmain > aside details {\n  border-bottom: none;\n}\nmain > aside details summary {\n  color: var(--h1-color);\n  font-weight: 300;\n  font-size: 14px;\n  text-transform: uppercase;\n}\nmain > aside details summary::after {\n  display: none;\n}\nmain > aside details[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.75);\n}\nmain > aside details[open] > summary:not(:focus) {\n  color: var(--h1-color);\n}\n\n/**\n * Docs: Documentation\n */\n#themes button i {\n  font-style: normal;\n}\n\n#customization figure {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(9, 1fr);\n  margin-bottom: 0;\n  overflow: hidden;\n}\n@media (min-width: 576px) {\n  #customization figure {\n    grid-template-rows: 1fr;\n    grid-template-columns: repeat(18, 1fr);\n    border-top-right-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n}\n#customization figure ~ article {\n  margin-top: 0;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n#customization figure button {\n  margin-bottom: 0;\n  padding: 0;\n  padding-top: 100%;\n  border: none;\n  border-radius: 0;\n}\n#customization figure button:focus {\n  box-shadow: none;\n}\n#customization figure button.picked {\n  background-image: var(--icon-check);\n  background-position: center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n}\n#customization figure button[data-color=lime].picked, #customization figure button[data-color=yellow].picked, #customization figure button[data-color=amber].picked {\n  background-image: var(--icon-check-dark);\n}\n#customization h4 {\n  transition: color var(--transition);\n}\n#customization pre[data-theme=generated] {\n  border-color: var(--primary);\n}\n\n#grid {\n  --grid-spacing-vertical: 1rem;\n}\n#grid button {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n@media (min-width: 576px) {\n  #grid button {\n    display: inline-block;\n    width: auto;\n    margin-right: 0.5rem;\n  }\n}\n#grid button svg {\n  stroke: var(--secondary);\n  margin-right: 0.5rem;\n  border: 2px solid currentColor;\n  border-radius: 1rem;\n  background: currentColor;\n}\n#grid .grid > * {\n  padding: calc(var(--spacing) / 2) 0;\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  font-size: 87.5%;\n  text-align: center;\n}\n#grid details {\n  margin-top: calc(var(--typography-spacing-vertical) * 2);\n}\n#grid details svg {\n  vertical-align: bottom;\n}\n\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n/**\n * Docs: Typography\n */\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=button] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=document] section > h1,\n[role=document] section > h2,\n[role=document] section > h3 {\n  line-height: 1;\n}\n\n/**\n * Docs: Code\n */\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\n\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5) var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n[data-theme=invalid],\n[data-theme=valid] {\n  position: relative;\n  margin-bottom: 0 !important;\n}\n[data-theme=invalid]:before,\n[data-theme=valid]:before {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0.375rem 0.75rem;\n  border-radius: 0;\n  color: var(--primary-inverse);\n  font-size: 14px;\n  line-height: 1;\n}\n@media (min-width: 992px) {\n  [data-theme=invalid]:before,\n[data-theme=valid]:before {\n    top: var(--spacing);\n    right: var(--spacing);\n  }\n}\n[data-theme=invalid] code,\n[data-theme=valid] code {\n  padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem) var(--block-spacing-horizontal);\n}\n\n[data-theme=invalid]:before {\n  background: var(--invalid-color);\n  content: \"Not so great\";\n}\n\n[data-theme=valid]:before {\n  background: var(--valid-color);\n  content: \"Great\";\n}\n\n/**\n * Docs: Navs\n */\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n}\nbody > nav a {\n  border-radius: 0;\n}\nbody > nav svg {\n  vertical-align: text-bottom;\n}\nbody > nav ul:first-of-type li:first-of-type a {\n  width: 3.5rem;\n  height: 3.5rem;\n  margin-left: calc(var(--spacing) * -1);\n  padding: 0;\n  background: var(--h1-color);\n  color: var(--nav-logo-color);\n}\nbody > nav ul:first-of-type li:first-of-type a svg {\n  height: 3.5rem;\n}\nbody > nav ul:first-of-type li:nth-of-type(2) {\n  display: none;\n  margin-left: var(--spacing);\n  color: var(--h1-color);\n}\n@media (min-width: 992px) {\n  body > nav ul:first-of-type li:nth-of-type(2) {\n    display: inline;\n  }\n}\n\n/**\n * Docs: Theme switcher\n */\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2);\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n}\n.switcher::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  border: 0.15rem solid currentColor;\n  border-radius: 50%;\n  background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);\n  content: \"\";\n  vertical-align: bottom;\n  transition: transform var(--transition);\n}\n.switcher i {\n  display: inline-block;\n  max-width: 0;\n  padding: 0;\n  overflow: hidden;\n  font-style: normal;\n  font-size: 0.875rem;\n  white-space: nowrap;\n}\n.switcher:hover, .switcher:focus {\n  max-width: 100%;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n.switcher:hover::after {\n  transform: rotate(180deg);\n}\n.switcher:hover i {\n  max-width: 100%;\n  padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n  transition: max-width var(--transition), padding var(--transition);\n}\n.switcher:focus {\n  box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n}\n@media (min-width: 576px) {\n  .switcher {\n    right: var(--spacing);\n  }\n}\n\n/*# sourceMappingURL=pico.docs.css.map */\n","// Light theme (Default) [Additions for docs]\n// Can be forced with data-theme=\"light\"\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  --invalid-color: #{$red-800};\n  --valid-color: #{$green-700};\n  --nav-background-color: #{rgba($white, 0.7)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{$white};\n  --article-code-background-color: #{mix($grey-50, $white, 33%)};\n}\n","/**\n * Theme: Additions for docs\n */\n\n@import \"../../../scss/themes/default/colors\";\n@import \"docs/icons\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"docs/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"docs/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Dark theme [Additions for docs]\n@mixin dark {\n  --invalid-color: #{rgba($red-900, 0.5)};\n  --valid-color: #{rgba($green-800, 0.5)};\n  --nav-background-color: #{rgba(darken($grey-900, 6%), 0.8)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{mix($black, $grey-900)};\n  --article-code-background-color: var(--code-background-color);\n}\n","/**\n * Docs: Document\n */\n\nhtml {\n  scroll-behavior: smooth;\n}\n","/**\n * Docs: Main (Grid)\n */\n\n// Config\n$navHeight: 3.5rem;\n\n// Main grid\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + #{$navHeight});\n\n  @if map-get($breakpoints, \"lg\") {\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n      display: grid;\n      grid-template-columns: 200px auto;\n    }\n  }\n\n  @if map-get($breakpoints, \"xl\") {\n    @media (min-width: map-get($breakpoints, \"xl\")) {\n      --block-spacing-horizontal: calc(var(--spacing) * 2);\n    }\n  }\n\n  > aside,\n  div[role=\"document\"] {\n    min-width: 0;\n  }\n}\n\n// External links\ndiv[role=\"document\"] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after\n{\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\n// Embedded SVG\nsvg {\n  height: 1rem;\n}\n","/**\n * Docs: Aside\n */\n\nmain > aside {\n\n  nav {\n    width: 100%;\n    margin-bottom: calc(var(--block-spacing-vertical) * 2);\n  \n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      position: fixed;\n      width: 200px;\n      max-height: calc(100vh - 5.5rem);\n      margin-bottom: 0;\n      overflow-x: hidden;\n      overflow-y: auto;\n    }\n\n    a#toggle-docs-navigation {\n      margin: 0;\n      margin-bottom: var(--spacing);\n      padding: 0;\n      padding-bottom: var(--spacing);\n      border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n      svg {\n        margin-right: calc(var(--spacing) * 0.5);\n        vertical-align: -3px;\n      }\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: none;\n      }\n    }\n\n    &.closed-on-mobile {\n      margin-bottom: var(--block-spacing-vertical);\n\n      a#toggle-docs-navigation {\n        svg.collapse {\n          display: none;\n        }\n      }\n\n      details {\n        display: none;\n      } \n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        details {\n          display: block;\n        }\n\n        > a#toggle-docs-navigation {\n          display: none;\n        }\n      }\n    }\n\n    &.open {\n      a#toggle-docs-navigation {\n        svg.expand {\n          display: none;\n        }\n      }\n    }\n  }\n  \n\n  li,\n  summary {\n    padding-top: 0;\n    padding-bottom: 0;\n    font-size: 16px;\n  }\n\n  li a {\n    padding: 0.375rem 0.5rem;\n\n    svg {\n      vertical-align: middle;\n    }\n  }\n\n  a.secondary:focus {\n    background-color: transparent;\n    color: var(--primary-hover);\n  }\n\n  a.active,\n  a.active:hover {\n    color: var(--primary);\n  }\n\n  details {\n    border-bottom: none;\n\n    summary {\n      color: var(--h1-color);\n      font-weight: 300;\n      font-size: 14px;\n      text-transform: uppercase;\n\n      &::after {\n        display: none;\n      }\n    }\n\n    &[open] {\n      > summary {\n        margin-bottom: calc(var(--spacing) * 0.75);\n\n        &:not(:focus) {\n          color: var(--h1-color);\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Documentation\n */\n\n// Docs: Themes\n#themes {\n  button i {\n    font-style: normal;\n  }\n}\n\n// Docs: Customization\n#customization {\n  figure {\n    display: grid;\n    grid-template-rows: repeat(2, 1fr);\n    grid-template-columns: repeat(9, 1fr);\n    margin-bottom: 0;\n    overflow: hidden;\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      grid-template-rows: 1fr;\n      grid-template-columns: repeat(18, 1fr);\n      border-top-right-radius: var(--border-radius);\n      border-top-left-radius: var(--border-radius);\n    }\n\n    ~ article {\n      margin-top: 0;\n      border-top-right-radius: 0;\n      border-top-left-radius: 0;\n    }\n\n    button {\n      margin-bottom: 0;\n      padding: 0;\n      padding-top: 100%;\n      border: none;\n      border-radius: 0;\n\n      &:focus {\n        box-shadow: none;\n      }\n\n      &.picked {\n        background-image: var(--icon-check);\n        background-position: center;\n        background-size: 0.66rem auto;\n        background-repeat: no-repeat;\n        box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n      }\n      &[data-color=\"lime\"],\n      &[data-color=\"yellow\"],\n      &[data-color=\"amber\"] {\n        &.picked {\n          background-image: var(--icon-check-dark);\n        }\n      }\n    }\n  }\n\n  h4 {\n    transition: color var(--transition);\n  }\n\n  pre[data-theme=\"generated\"] {\n    border-color: var(--primary);\n  }\n}\n\n// Docs: Grid\n#grid {\n  --grid-spacing-vertical: 1rem;\n\n  button {\n    display: block;\n    width: 100%;\n    margin-bottom: var(--spacing);\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      display: inline-block;\n      width: auto;\n      margin-right: 0.5rem;\n    }\n\n    svg {\n      stroke: var(--secondary);\n      margin-right: 0.5rem;\n      border: 2px solid currentColor;\n      border-radius: 1rem;\n      background: currentColor;\n    }\n  }\n\n  .grid {\n    > * {\n      padding: calc(var(--spacing) / 2) 0;\n      border-radius: var(--border-radius);\n      background: var(--code-background-color);\n      font-size: 87.5%;\n      text-align: center;\n    }\n  }\n\n  details {\n    margin-top: calc(var(--typography-spacing-vertical) * 2);\n\n    svg {\n      vertical-align: bottom;\n    }\n  }\n}\n\n// Docs: Forms\n#forms div.grid {\n  grid-row-gap: 0;\n}\n","/**\n * Docs: Typography\n */\n\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=\"button\"] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=\"document\"] {\n  section > h1,\n  section > h2,\n  section > h3 {\n    line-height: 1;\n  }\n}\n","/**\n * Docs: Code\n */\n\n// Code block inside article\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\n// Code block outside article\n// Horizontally aligned with <article> content\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5)\n    var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n// Badge for Valid & Invalid code\n[data-theme=\"invalid\"],\n[data-theme=\"valid\"] {\n  position: relative;\n  margin-bottom: 0 !important;\n\n  // Label\n  &:before {\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 0.375rem 0.75rem;\n    border-radius: 0;\n    color: var(--primary-inverse);\n    font-size: 14px;\n    line-height: 1;\n\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      top: var(--spacing);\n      right: var(--spacing);\n    }\n  }\n\n  // Spacing for Valid & Invalid badge\n  code {\n    padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem)\n      var(--block-spacing-horizontal);\n  }\n}\n\n// Color for Valid & Invalid code\n[data-theme=\"invalid\"] {\n  &:before {\n    background: var(--invalid-color);\n    content: \"Not so great\";\n  }\n}\n\n[data-theme=\"valid\"] {\n  &:before {\n    background: var(--valid-color);\n    content: \"Great\";\n  }\n}\n","/**\n * Docs: Navs\n */\n\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n\n  a {\n    border-radius: 0;\n  }\n\n  svg {\n    vertical-align: text-bottom;\n  }\n\n  // Band & Title\n  ul:first-of-type li {\n    // Brand\n    &:first-of-type {\n      a {\n        width: 3.5rem;\n        height: 3.5rem;\n        margin-left: calc(var(--spacing) * -1);\n        padding: 0;\n        background: var(--h1-color);\n        color: var(--nav-logo-color);\n\n        svg {\n          height: 3.5rem;\n        }\n      }\n    }\n\n    // Title\n    &:nth-of-type(2) {\n      display: none;\n      margin-left: var(--spacing);\n      color: var(--h1-color);\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: inline;\n      }\n    }\n  }\n}\n","/**\n * Docs: Theme switcher\n */\n\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2);\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n\n  &::after {\n    display: inline-block;\n    width: 1rem;\n    height: 1rem;\n    border: 0.15rem solid currentColor;\n    border-radius: 50%;\n    background: linear-gradient(\n      to right,\n      currentColor 0%,\n      currentColor 50%,\n      transparent 50%\n    );\n    content: \"\";\n    vertical-align: bottom;\n    transition: transform var(--transition);\n  }\n\n  i {\n    display: inline-block;\n    max-width: 0;\n    padding: 0;\n    overflow: hidden;\n    font-style: normal;\n    font-size: 0.875rem;\n    white-space: nowrap;\n  }\n\n  &:hover,\n  &:focus {\n    max-width: 100%;\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover {\n    &::after {\n      transform: rotate(180deg);\n    }\n\n    i {\n      max-width: 100%;\n      padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n      transition: max-width var(--transition), padding var(--transition);\n    }\n  }\n\n  &:focus {\n    box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n  }\n\n  @media (min-width: map-get($breakpoints, \"sm\")) {\n    right: var(--spacing);\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["docs/scss/pico.docs.scss","docs/scss/themes/docs/_icons.scss","docs/css/pico.docs.css","docs/scss/themes/docs/_light.scss","docs/scss/themes/_docs.scss","docs/scss/themes/docs/_dark.scss","docs/scss/layout/_document.scss","docs/scss/layout/_main.scss","docs/scss/layout/_aside.scss","docs/scss/layout/_documentation.scss","docs/scss/content/_typography.scss","docs/scss/content/_code.scss","docs/scss/components/_modal.scss","docs/scss/components/_nav.scss","docs/scss/components/_theme-switcher.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico: Customs styles for Docs\n */\n\n// Config\n@import \"../../scss/variables\";\n\n// Theming\n@import \"themes/docs\";\n\n// Layout\n@import \"layout/document\";\n@import \"layout/main\";\n@import \"layout/aside\";\n@import \"layout/documentation\";\n\n// Content\n@import \"content/typography\";\n@import \"content/code\";\n\n// Components\n@import \"components/modal\";\n@import \"components/nav\";\n@import \"components/theme-switcher\";\n","// Icons\n// Source: https://feathericons.com/\n:root {\n  --icon-external: 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='#{rgba($grey-500, .999)}' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/*!\n * Pico: Customs styles for Docs\n */\n/**\n * Theme: Additions for docs\n */\n:root {\n  --icon-external: 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='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --invalid-color: #c62828;\n  --valid-color: #388e3c;\n  --nav-background-color: rgba(255, 255, 255, 0.7);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #fff;\n  --article-code-background-color: #f9fafb;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --invalid-color: rgba(183, 28, 28, 0.5);\n    --valid-color: rgba(46, 125, 50, 0.5);\n    --nav-background-color: rgba(16, 24, 30, 0.8);\n    --nav-border-color: rgba(115, 130, 140, 0.2);\n    --nav-logo-color: #0e1419;\n    --article-code-background-color: var(--code-background-color);\n  }\n}\n[data-theme=dark] {\n  --invalid-color: rgba(183, 28, 28, 0.5);\n  --valid-color: rgba(46, 125, 50, 0.5);\n  --nav-background-color: rgba(16, 24, 30, 0.8);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #0e1419;\n  --article-code-background-color: var(--code-background-color);\n}\n\n/**\n * Docs: Document\n */\nhtml {\n  scroll-behavior: smooth;\n}\n\n/**\n * Docs: Main (Grid)\n */\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + 3.5rem);\n}\n@media (min-width: 992px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n    grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n    display: grid;\n    grid-template-columns: 200px auto;\n  }\n}\n@media (min-width: 1200px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\nbody > main > aside,\nbody > main div[role=document] {\n  min-width: 0;\n}\n\ndiv[role=document] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\nsvg {\n  height: 1rem;\n}\n\n/**\n * Docs: Aside\n */\nmain > aside nav {\n  width: 100%;\n  margin-bottom: calc(var(--block-spacing-vertical) * 2);\n}\n@media (min-width: 992px) {\n  main > aside nav {\n    position: fixed;\n    width: 200px;\n    max-height: calc(100vh - 5.5rem);\n    margin-bottom: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\nmain > aside nav a#toggle-docs-navigation {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\nmain > aside nav a#toggle-docs-navigation svg {\n  margin-right: calc(var(--spacing) * 0.5);\n  vertical-align: -3px;\n}\n@media (min-width: 992px) {\n  main > aside nav a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.closed-on-mobile {\n  margin-bottom: var(--block-spacing-vertical);\n}\nmain > aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse {\n  display: none;\n}\nmain > aside nav.closed-on-mobile details {\n  display: none;\n}\n@media (min-width: 992px) {\n  main > aside nav.closed-on-mobile details {\n    display: block;\n  }\n  main > aside nav.closed-on-mobile > a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.open a#toggle-docs-navigation svg.expand {\n  display: none;\n}\nmain > aside li,\nmain > aside summary {\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 16px;\n}\nmain > aside li a {\n  padding: 0.375rem 0.5rem;\n}\nmain > aside li a svg {\n  vertical-align: middle;\n}\nmain > aside a.secondary:focus {\n  background-color: transparent;\n  color: var(--primary-hover);\n}\nmain > aside a.active,\nmain > aside a.active:hover {\n  color: var(--primary);\n}\nmain > aside details {\n  border-bottom: none;\n}\nmain > aside details summary {\n  color: var(--h1-color);\n  font-weight: 300;\n  font-size: 14px;\n  text-transform: uppercase;\n}\nmain > aside details summary::after {\n  display: none;\n}\nmain > aside details[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.75);\n}\nmain > aside details[open] > summary:not(:focus) {\n  color: var(--h1-color);\n}\n\n/**\n * Docs: Documentation\n */\n#themes button.theme-switcher:first-of-type {\n  --font-weight: bold;\n}\n#themes button.theme-switcher i {\n  font-style: normal;\n}\n\n#customization figure {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(9, 1fr);\n  margin-bottom: 0;\n  overflow: hidden;\n}\n@media (min-width: 576px) {\n  #customization figure {\n    grid-template-rows: 1fr;\n    grid-template-columns: repeat(18, 1fr);\n    border-top-right-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n}\n#customization figure ~ article {\n  margin-top: 0;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n#customization figure button {\n  margin-bottom: 0;\n  padding: 0;\n  padding-top: 100%;\n  border: none;\n  border-radius: 0;\n}\n#customization figure button:focus {\n  box-shadow: none;\n}\n#customization figure button.picked {\n  background-image: var(--icon-check);\n  background-position: center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n}\n#customization figure button[data-color=lime].picked, #customization figure button[data-color=yellow].picked, #customization figure button[data-color=amber].picked {\n  background-image: var(--icon-check-dark);\n}\n#customization h4 {\n  transition: color var(--transition);\n}\n#customization pre[data-theme=generated] {\n  border-color: var(--primary);\n}\n\n#grid {\n  --grid-spacing-vertical: 1rem;\n}\n#grid button {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n@media (min-width: 576px) {\n  #grid button {\n    display: inline-block;\n    width: auto;\n    margin-right: 0.5rem;\n  }\n}\n#grid button svg {\n  stroke: var(--secondary);\n  margin-right: 0.5rem;\n  border: 2px solid currentColor;\n  border-radius: 1rem;\n  background: currentColor;\n}\n#grid .grid > * {\n  padding: calc(var(--spacing) / 2) 0;\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  font-size: 87.5%;\n  text-align: center;\n}\n#grid details {\n  margin-top: calc(var(--typography-spacing-vertical) * 2);\n}\n#grid details svg {\n  vertical-align: bottom;\n}\n\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n#modal button {\n  --font-weight: bold;\n}\n\n/**\n * Docs: Typography\n */\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=button] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=document] section > h1,\n[role=document] section > h2,\n[role=document] section > h3 {\n  line-height: 1;\n}\n\n/**\n * Docs: Code\n */\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\n\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5) var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n[data-theme=invalid],\n[data-theme=valid] {\n  position: relative;\n  margin-bottom: 0 !important;\n}\n[data-theme=invalid]:before,\n[data-theme=valid]:before {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0.375rem 0.75rem;\n  border-radius: 0;\n  color: var(--primary-inverse);\n  font-size: 14px;\n  line-height: 1;\n}\n@media (min-width: 992px) {\n  [data-theme=invalid]:before,\n[data-theme=valid]:before {\n    top: var(--spacing);\n    right: var(--spacing);\n  }\n}\n[data-theme=invalid] code,\n[data-theme=valid] code {\n  padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem) var(--block-spacing-horizontal);\n}\n\n[data-theme=invalid]:before {\n  background: var(--invalid-color);\n  content: \"Not so great\";\n}\n\n[data-theme=valid]:before {\n  background: var(--valid-color);\n  content: \"Great\";\n}\n\n/**\n * Docs: Modal\n */\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color: inherit;\n}\ndialog.example article {\n  max-width: inherit;\n}\ndialog.example:not([open]), dialog.example[open=false] {\n  display: none;\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}\n\n/**\n * Docs: Navs\n */\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n}\nbody > nav a {\n  border-radius: 0;\n}\nbody > nav svg {\n  vertical-align: text-bottom;\n}\nbody > nav ul:first-of-type li:first-of-type a {\n  width: 3.5rem;\n  height: 3.5rem;\n  margin-left: calc(var(--spacing) * -1);\n  padding: 0;\n  background: var(--h1-color);\n  color: var(--nav-logo-color);\n}\nbody > nav ul:first-of-type li:first-of-type a svg {\n  height: 3.5rem;\n}\nbody > nav ul:first-of-type li:nth-of-type(2) {\n  display: none;\n  margin-left: var(--spacing);\n  color: var(--h1-color);\n}\n@media (min-width: 992px) {\n  body > nav ul:first-of-type li:nth-of-type(2) {\n    display: inline;\n  }\n}\n\n/**\n * Docs: Theme switcher\n */\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2);\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n}\n.switcher::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  border: 0.15rem solid currentColor;\n  border-radius: 50%;\n  background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);\n  content: \"\";\n  vertical-align: bottom;\n  transition: transform var(--transition);\n}\n.switcher i {\n  display: inline-block;\n  max-width: 0;\n  padding: 0;\n  overflow: hidden;\n  font-style: normal;\n  font-size: 0.875rem;\n  white-space: nowrap;\n}\n.switcher:hover, .switcher:focus {\n  max-width: 100%;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n.switcher:hover::after {\n  transform: rotate(180deg);\n}\n.switcher:hover i {\n  max-width: 100%;\n  padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n  transition: max-width var(--transition), padding var(--transition);\n}\n.switcher:focus {\n  box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n}\n@media (min-width: 576px) {\n  .switcher {\n    right: var(--spacing);\n  }\n}\n\n/*# sourceMappingURL=pico.docs.css.map */\n","// Light theme (Default) [Additions for docs]\n// Can be forced with data-theme=\"light\"\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  --invalid-color: #{$red-800};\n  --valid-color: #{$green-700};\n  --nav-background-color: #{rgba($white, 0.7)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{$white};\n  --article-code-background-color: #{mix($grey-50, $white, 33%)};\n}\n","/**\n * Theme: Additions for docs\n */\n\n@import \"../../../scss/themes/default/colors\";\n@import \"docs/icons\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"docs/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"docs/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Dark theme [Additions for docs]\n@mixin dark {\n  --invalid-color: #{rgba($red-900, 0.5)};\n  --valid-color: #{rgba($green-800, 0.5)};\n  --nav-background-color: #{rgba(darken($grey-900, 6%), 0.8)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{mix($black, $grey-900)};\n  --article-code-background-color: var(--code-background-color);\n}\n","/**\n * Docs: Document\n */\n\nhtml {\n  scroll-behavior: smooth;\n}\n","/**\n * Docs: Main (Grid)\n */\n\n// Config\n$navHeight: 3.5rem;\n\n// Main grid\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + #{$navHeight});\n\n  @if map-get($breakpoints, \"lg\") {\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n      display: grid;\n      grid-template-columns: 200px auto;\n    }\n  }\n\n  @if map-get($breakpoints, \"xl\") {\n    @media (min-width: map-get($breakpoints, \"xl\")) {\n      --block-spacing-horizontal: calc(var(--spacing) * 2);\n    }\n  }\n\n  > aside,\n  div[role=\"document\"] {\n    min-width: 0;\n  }\n}\n\n// External links\ndiv[role=\"document\"] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after\n{\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\n// Embedded SVG\nsvg {\n  height: 1rem;\n}\n","/**\n * Docs: Aside\n */\n\nmain > aside {\n\n  nav {\n    width: 100%;\n    margin-bottom: calc(var(--block-spacing-vertical) * 2);\n  \n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      position: fixed;\n      width: 200px;\n      max-height: calc(100vh - 5.5rem);\n      margin-bottom: 0;\n      overflow-x: hidden;\n      overflow-y: auto;\n    }\n\n    a#toggle-docs-navigation {\n      margin: 0;\n      margin-bottom: var(--spacing);\n      padding: 0;\n      padding-bottom: var(--spacing);\n      border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n      svg {\n        margin-right: calc(var(--spacing) * 0.5);\n        vertical-align: -3px;\n      }\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: none;\n      }\n    }\n\n    &.closed-on-mobile {\n      margin-bottom: var(--block-spacing-vertical);\n\n      a#toggle-docs-navigation {\n        svg.collapse {\n          display: none;\n        }\n      }\n\n      details {\n        display: none;\n      } \n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        details {\n          display: block;\n        }\n\n        > a#toggle-docs-navigation {\n          display: none;\n        }\n      }\n    }\n\n    &.open {\n      a#toggle-docs-navigation {\n        svg.expand {\n          display: none;\n        }\n      }\n    }\n  }\n  \n\n  li,\n  summary {\n    padding-top: 0;\n    padding-bottom: 0;\n    font-size: 16px;\n  }\n\n  li a {\n    padding: 0.375rem 0.5rem;\n\n    svg {\n      vertical-align: middle;\n    }\n  }\n\n  a.secondary:focus {\n    background-color: transparent;\n    color: var(--primary-hover);\n  }\n\n  a.active,\n  a.active:hover {\n    color: var(--primary);\n  }\n\n  details {\n    border-bottom: none;\n\n    summary {\n      color: var(--h1-color);\n      font-weight: 300;\n      font-size: 14px;\n      text-transform: uppercase;\n\n      &::after {\n        display: none;\n      }\n    }\n\n    &[open] {\n      > summary {\n        margin-bottom: calc(var(--spacing) * 0.75);\n\n        &:not(:focus) {\n          color: var(--h1-color);\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Documentation\n */\n\n// Docs: Themes\n#themes {\n  button.theme-switcher {\n    &:first-of-type {\n      --font-weight: bold;\n    }\n    \n    i {\n      font-style: normal;\n    }\n  }\n}\n\n// Docs: Customization\n#customization {\n  figure {\n    display: grid;\n    grid-template-rows: repeat(2, 1fr);\n    grid-template-columns: repeat(9, 1fr);\n    margin-bottom: 0;\n    overflow: hidden;\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      grid-template-rows: 1fr;\n      grid-template-columns: repeat(18, 1fr);\n      border-top-right-radius: var(--border-radius);\n      border-top-left-radius: var(--border-radius);\n    }\n\n    ~ article {\n      margin-top: 0;\n      border-top-right-radius: 0;\n      border-top-left-radius: 0;\n    }\n\n    button {\n      margin-bottom: 0;\n      padding: 0;\n      padding-top: 100%;\n      border: none;\n      border-radius: 0;\n\n      &:focus {\n        box-shadow: none;\n      }\n\n      &.picked {\n        background-image: var(--icon-check);\n        background-position: center;\n        background-size: 0.66rem auto;\n        background-repeat: no-repeat;\n        box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n      }\n      &[data-color=\"lime\"],\n      &[data-color=\"yellow\"],\n      &[data-color=\"amber\"] {\n        &.picked {\n          background-image: var(--icon-check-dark);\n        }\n      }\n    }\n  }\n\n  h4 {\n    transition: color var(--transition);\n  }\n\n  pre[data-theme=\"generated\"] {\n    border-color: var(--primary);\n  }\n}\n\n// Docs: Grid\n#grid {\n  --grid-spacing-vertical: 1rem;\n\n  button {\n    display: block;\n    width: 100%;\n    margin-bottom: var(--spacing);\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      display: inline-block;\n      width: auto;\n      margin-right: 0.5rem;\n    }\n\n    svg {\n      stroke: var(--secondary);\n      margin-right: 0.5rem;\n      border: 2px solid currentColor;\n      border-radius: 1rem;\n      background: currentColor;\n    }\n  }\n\n  .grid {\n    > * {\n      padding: calc(var(--spacing) / 2) 0;\n      border-radius: var(--border-radius);\n      background: var(--code-background-color);\n      font-size: 87.5%;\n      text-align: center;\n    }\n  }\n\n  details {\n    margin-top: calc(var(--typography-spacing-vertical) * 2);\n\n    svg {\n      vertical-align: bottom;\n    }\n  }\n}\n\n// Docs: Forms\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n// Docs: Modal\n#modal {\n  button {\n    --font-weight: bold;\n  }\n}\n","/**\n * Docs: Typography\n */\n\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=\"button\"] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=\"document\"] {\n  section > h1,\n  section > h2,\n  section > h3 {\n    line-height: 1;\n  }\n}\n","/**\n * Docs: Code\n */\n\n// Code block inside article\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\n// Code block outside article\n// Horizontally aligned with <article> content\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5)\n    var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n// Badge for Valid & Invalid code\n[data-theme=\"invalid\"],\n[data-theme=\"valid\"] {\n  position: relative;\n  margin-bottom: 0 !important;\n\n  // Label\n  &:before {\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 0.375rem 0.75rem;\n    border-radius: 0;\n    color: var(--primary-inverse);\n    font-size: 14px;\n    line-height: 1;\n\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      top: var(--spacing);\n      right: var(--spacing);\n    }\n  }\n\n  // Spacing for Valid & Invalid badge\n  code {\n    padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem)\n      var(--block-spacing-horizontal);\n  }\n}\n\n// Color for Valid & Invalid code\n[data-theme=\"invalid\"] {\n  &:before {\n    background: var(--invalid-color);\n    content: \"Not so great\";\n  }\n}\n\n[data-theme=\"valid\"] {\n  &:before {\n    background: var(--valid-color);\n    content: \"Great\";\n  }\n}\n","/**\n * Docs: Modal\n */\n\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color:inherit;\n\n  article {\n    max-width: inherit;\n  }\n\n  &:not([open]),\n  &[open=false] {\n    display: none;\n  }\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}","/**\n * Docs: Navs\n */\n\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n\n  a {\n    border-radius: 0;\n  }\n\n  svg {\n    vertical-align: text-bottom;\n  }\n\n  // Band & Title\n  ul:first-of-type li {\n    // Brand\n    &:first-of-type {\n      a {\n        width: 3.5rem;\n        height: 3.5rem;\n        margin-left: calc(var(--spacing) * -1);\n        padding: 0;\n        background: var(--h1-color);\n        color: var(--nav-logo-color);\n\n        svg {\n          height: 3.5rem;\n        }\n      }\n    }\n\n    // Title\n    &:nth-of-type(2) {\n      display: none;\n      margin-left: var(--spacing);\n      color: var(--h1-color);\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: inline;\n      }\n    }\n  }\n}\n","/**\n * Docs: Theme switcher\n */\n\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2);\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n\n  &::after {\n    display: inline-block;\n    width: 1rem;\n    height: 1rem;\n    border: 0.15rem solid currentColor;\n    border-radius: 50%;\n    background: linear-gradient(\n      to right,\n      currentColor 0%,\n      currentColor 50%,\n      transparent 50%\n    );\n    content: \"\";\n    vertical-align: bottom;\n    transition: transform var(--transition);\n  }\n\n  i {\n    display: inline-block;\n    max-width: 0;\n    padding: 0;\n    overflow: hidden;\n    font-style: normal;\n    font-size: 0.875rem;\n    white-space: nowrap;\n  }\n\n  &:hover,\n  &:focus {\n    max-width: 100%;\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover {\n    &::after {\n      transform: rotate(180deg);\n    }\n\n    i {\n      max-width: 100%;\n      padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n      transition: max-width var(--transition), padding var(--transition);\n    }\n  }\n\n  &:focus {\n    box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n  }\n\n  @media (min-width: map-get($breakpoints, \"sm\")) {\n    right: var(--spacing);\n  }\n}\n"]}
\ No newline at end of file
diff --git a/docs/customization.html b/docs/customization.html
index ddd448b7..d018a94c 100644
--- a/docs/customization.html
+++ b/docs/customization.html
@@ -1,8 +1,8 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Customization • Pico.css</title><meta name="description" content="You can customize themes with SCSS or, you can edit the CSS variables. All Pico's styles and colors are set with CSS custom properties (variables)."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/customization.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#customization-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="customization"><hgroup><h1>Customization</h1><h2>You can customize themes with SCSS or, you can edit the CSS variables.</h2></hgroup><p>Example: <strong>pick a color!</strong></p><article data-theme="generated" aria-label="Generated theme example"><h4><span class="name">Custom theme</span></h4><form><div class="grid"><input type="text" name="login" placeholder="Login" aria-label="Login" autocomplete="nickname" required> <input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Login</button></div><fieldset><label for="remember"><input type="checkbox" role="switch" id="remember" name="remember" checked="checked"> Remember me</label></fieldset></form><footer class="code"><pre><code><em>// Simplified example</em>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Customization • Pico.css</title><meta name="description" content="You can customize themes with SCSS or, you can edit the CSS variables. All Pico's styles and colors are set with CSS custom properties (variables)."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/customization.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#customization-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="customization"><hgroup><h1>Customization</h1><h2>You can customize themes with SCSS or, you can edit the CSS variables.</h2></hgroup><p>Example: <strong>pick a color!</strong></p><article data-theme="generated" aria-label="Generated theme example"><h3><span class="name">Custom theme</span></h3><form><div class="grid"><input type="text" name="login" placeholder="Login" aria-label="Login" autocomplete="nickname" required> <input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Login</button></div><fieldset><label for="remember"><input type="checkbox" role="switch" id="remember" name="remember" checked="checked"> Remember me</label></fieldset></form><footer class="code"><pre><code><em>// Simplified example</em>
 <b>:root</b> {
   <i>--primary</i>: <u class="c600">…</u>;
 }
-</code></pre></footer></article><p>There are 2 ways to customize your version of Pico.css:</p><h4>Overriding CSS variables</h4><p>All Pico's styles and colors are set with <em>CSS custom properties</em> (variables). Just override the CSS variables to customize your version of Pico.</p><pre><code><em>/* <span class="name"></span>Light scheme (Default) */
+</code></pre></footer></article><p>There are 2 ways to customize your version of Pico.css:</p><h3>Overriding CSS variables</h3><p>All Pico's styles and colors are set with <em>CSS custom properties</em> (variables). Just override the CSS variables to customize your version of Pico.</p><pre><code><em>/* <span class="name"></span>Light scheme (Default) */
 /* Can be forced with data-theme="light" */</em>
 <b>[data-theme=<u>"light"</u>]</b>,
 <b>:root:not([data-theme=<u>"dark"</u>])</b> {
@@ -39,7 +39,7 @@
   <i>--switch-color</i>: <u>var</u>(<i>--primary-inverse</i>);
   <i>--switch-checked-background-color</i>: <u>var</u>(<i>--primary</i>);
 }
-</code></pre><p>You can find all the CSS variables used in the default theme here: <a href="https://github.com/picocss/pico/blob/master/css/themes/default.css">css/themes/default.css</a></p><h4>Importing Pico SASS library</h4><p>We recommend customizing Pico by importing SASS source files into your project. This way, you can keep Pico up to date without conflicts since Pico code and your custom code are separated.</p><p>Compile the SASS file to CSS to get a custom version of Pico.</p><pre><code><em>/* Custom <span class="name"> </span>version */</em>
+</code></pre><p>You can find all the CSS variables used in the default theme here: <a href="https://github.com/picocss/pico/blob/master/css/themes/default.css">css/themes/default.css</a></p><h3>Importing Pico SASS library</h3><p>We recommend customizing Pico by importing SASS source files into your project. This way, you can keep Pico up to date without conflicts since Pico code and your custom code are separated.</p><p>Compile the SASS file to CSS to get a custom version of Pico.</p><pre><code><em>/* Custom <span class="name"> </span>version */</em>
 
 <em>// Override default variables</em>
 <i>$primary-500</i>: <u class="c500">…</u>;
diff --git a/docs/forms.html b/docs/forms.html
index c2a196f4..a8bd5be2 100644
--- a/docs/forms.html
+++ b/docs/forms.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Forms • Pico.css</title><meta name="description" content="All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/forms.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#forms-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="forms"><hgroup><h1>Forms</h1><h2>All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports.</h2></hgroup><p>Inputs are <code><i>width</i>: <u>100%</u>;</code> by default. You can use <code>.grid</code> inside a form.</p><p>All natives form elements are fully customizable and themeable with CSS variables.</p><article aria-label="Form example"><form><div class="grid"><label for="firstname">First name <input type="text" id="firstname" name="firstname" placeholder="First name" required></label> <label for="lastname">Last name <input type="text" id="lastname" name="lastname" placeholder="Last name" required></label></div><label for="email">Email address</label> <input type="email" id="email" name="email" placeholder="Email address" required> <small>We'll never share your email with anyone else.</small> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Submit</button></form><footer class="code"><pre><code>&lt;<b>form</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Forms • Pico.css</title><meta name="description" content="All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/forms.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#forms-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="forms"><hgroup><h1>Forms</h1><h2>All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports.</h2></hgroup><p>Inputs are <code><i>width</i>: <u>100%</u>;</code> by default. You can use <code>.grid</code> inside a form.</p><p>All natives form elements are fully customizable and themeable with CSS variables.</p><article aria-label="Form example"><form><div class="grid"><label for="firstname">First name <input type="text" id="firstname" name="firstname" placeholder="First name" required></label> <label for="lastname">Last name <input type="text" id="lastname" name="lastname" placeholder="Last name" required></label></div><label for="email">Email address</label> <input type="email" id="email" name="email" placeholder="Email address" required> <small>We'll never share your email with anyone else.</small> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Submit</button></form><footer class="code"><pre><code>&lt;<b>form</b>&gt;
 
   <em>&lt;!-- Grid --&gt;</em>
   &lt;<b>div</b> <i>class</i>=<u>"grid"</u>&gt;
diff --git a/docs/grid.html b/docs/grid.html
index a9217069..7984f77b 100644
--- a/docs/grid.html
+++ b/docs/grid.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Grid • Pico.css</title><meta name="description" content=".grid enable a minimal grid system with auto-layout columns."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/grid.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#grid-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="grid"><hgroup><h1>Grid</h1><h2><code>.grid</code> enable a minimal grid system with auto-layout columns.</h2></hgroup><article aria-label="Grid example"><div class="grid"><div>1</div><div>2</div><div>3</div><div>4</div></div><footer class="code"><pre><code>&lt;<b>div</b> <i>class</i>=<u>"grid"</u>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Grid • Pico.css</title><meta name="description" content=".grid enable a minimal grid system with auto-layout columns."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/grid.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#grid-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="grid"><hgroup><h1>Grid</h1><h2><code>.grid</code> enable a minimal grid system with auto-layout columns.</h2></hgroup><article aria-label="Grid example"><div class="grid"><div>1</div><div>2</div><div>3</div><div>4</div></div><footer class="code"><pre><code>&lt;<b>div</b> <i>class</i>=<u>"grid"</u>&gt;
   &lt;<b>div</b>&gt;1&lt;/<b>div</b>&gt;
   &lt;<b>div</b>&gt;2&lt;/<b>div</b>&gt;
   &lt;<b>div</b>&gt;3&lt;/<b>div</b>&gt;
diff --git a/docs/index.html b/docs/index.html
index ae765e1d..6000a557 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Documentation • Pico.css</title><meta name="description" content="Pico works without package manager or dependencies! There are 3 ways to get started with pico.css: manually, from a CDN, with NPM."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#start-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="start"><hgroup><h1>Usage</h1><h2>Works without package manager or dependencies 🙂!</h2></hgroup><p>There are 3 ways to get started with pico.css:</p><h4>Install manually</h4><p><a href="https://github.com/picocss/pico/archive/refs/heads/master.zip">Download Pico</a> and link <code>/css/pico.min.css</code> in the <code>&lt;<b>head</b>&gt;</code> of your website.</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"css/pico.min.css"</u>&gt;</code></pre><h4>Install from CDN</h4><p>Alternatively, you can use <a href="https://unpkg.com/@picocss/pico@latest/">unpkg CDN</a> to link pico.css</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"https://unpkg.com/@picocss/pico@latest/css/pico.min.css"</u>&gt;</code></pre><h4>Install with NPM</h4><pre><code><b>npm</b> <i>install</i> <u>@picocss/pico</u></code></pre><p>Starter HTML template:</p><pre><code><em>&lt;!doctype html&gt;</em>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Documentation • Pico.css</title><meta name="description" content="Pico works without package manager or dependencies! There are 3 ways to get started with pico.css: manually, from a CDN, with NPM."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#start-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="start"><hgroup><h1>Usage</h1><h2>Works without package manager or dependencies 🙂!</h2></hgroup><p>There are 3 ways to get started with pico.css:</p><h3>Install manually</h3><p><a href="https://github.com/picocss/pico/archive/refs/heads/master.zip">Download Pico</a> and link <code>/css/pico.min.css</code> in the <code>&lt;<b>head</b>&gt;</code> of your website.</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"css/pico.min.css"</u>&gt;</code></pre><h3>Install from CDN</h3><p>Alternatively, you can use <a href="https://unpkg.com/@picocss/pico@latest/">unpkg CDN</a> to link pico.css</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"https://unpkg.com/@picocss/pico@latest/css/pico.min.css"</u>&gt;</code></pre><h3>Install with NPM</h3><pre><code><b>npm</b> <i>install</i> <u>@picocss/pico</u></code></pre><p>Starter HTML template:</p><pre><code><em>&lt;!doctype html&gt;</em>
 &lt;<b>html</b> <i>lang</i>=<u>"en"</u>&gt;
   &lt;<b>head</b>&gt;
     &lt;<b>meta</b> <i>charset</i>=<u>"utf-8"</u>&gt;
diff --git a/docs/js/commons.min.js b/docs/js/commons.min.js
index 1760cad3..0be9d3b5 100644
--- a/docs/js/commons.min.js
+++ b/docs/js/commons.min.js
@@ -1 +1 @@
-"use strict";!function(){var t={_scheme:"auto",change:{light:"<i>Turn on dark mode</i>",dark:"<i>Turn off dark mode</i>"},buttonsTarget:".theme-switcher",init:function(){this.scheme=this._scheme,this.initSwitchers()},get preferedColorScheme(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"},initSwitchers:function(){document.querySelectorAll(this.buttonsTarget).forEach(function(t){t.addEventListener("click",function(t){"dark"==this.scheme?this.scheme="light":this.scheme="dark"}.bind(this),!1)}.bind(this))},addButton:function(t){var e=document.createElement(t.tag);e.className=t.class,document.querySelector(t.target).appendChild(e)},set scheme(t){"auto"==t?"dark"==this.preferedColorScheme?this._scheme="dark":this._scheme="light":"dark"!=t&&"light"!=t||(this._scheme=t),this.applyScheme()},get scheme(){return this._scheme},applyScheme:function(){var e;document.querySelector("html").setAttribute("data-theme",this.scheme),document.querySelectorAll(this.buttonsTarget).forEach(function(t){e="dark"==this.scheme?this.change.dark:this.change.light,t.innerHTML=e,t.setAttribute("aria-label",e.replace(/<[^>]*>?/gm,""))}.bind(this))}},e={_state:"closed-on-mobile",toggleLink:document.getElementById("toggle-docs-navigation"),nav:document.querySelector("main > aside > nav"),init:function(){this.onToggleClick()},onToggleClick:function(){this.toggleLink.addEventListener("click",function(t){t.preventDefault(),"closed-on-mobile"==this.state?this.state="open":this.state="closed-on-mobile",this.nav.removeAttribute("class"),this.nav.classList.add(this.state)}.bind(this),!1)},applyState:function(){},get state(){return this._state},set state(t){this._state=t}};t.addButton({tag:"BUTTON",class:"contrast switcher theme-switcher",target:"body"}),t.init(),e.init()}();
\ No newline at end of file
+"use strict";!function(){var e={_scheme:"auto",change:{light:"<i>Turn on dark mode</i>",dark:"<i>Turn off dark mode</i>"},buttonsTarget:".theme-switcher",init:function(){this.scheme=this._scheme,this.initSwitchers()},get preferedColorScheme(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"},initSwitchers:function(){var t=this;document.querySelectorAll(this.buttonsTarget).forEach(function(e){e.addEventListener("click",function(){"dark"==t.scheme?t.scheme="light":t.scheme="dark"},!1)})},addButton:function(e){var t=document.createElement(e.tag);t.className=e.class,document.querySelector(e.target).appendChild(t)},set scheme(e){"auto"==e?"dark"==this.preferedColorScheme?this._scheme="dark":this._scheme="light":"dark"!=e&&"light"!=e||(this._scheme=e),this.applyScheme()},get scheme(){return this._scheme},applyScheme:function(){var i=this;document.querySelector("html").setAttribute("data-theme",this.scheme),document.querySelectorAll(this.buttonsTarget).forEach(function(e){var t="dark"==i.scheme?i.change.dark:i.change.light;e.innerHTML=t,e.setAttribute("aria-label",t.replace(/<[^>]*>?/gm,""))})}},t={_state:"closed-on-mobile",toggleLink:document.getElementById("toggle-docs-navigation"),nav:document.querySelector("main > aside > nav"),init:function(){this.onToggleClick()},onToggleClick:function(){var t=this;this.toggleLink.addEventListener("click",function(e){e.preventDefault(),"closed-on-mobile"==t.state?t.state="open":t.state="closed-on-mobile",t.nav.removeAttribute("class"),t.nav.classList.add(t.state)},!1)},get state(){return this._state},set state(e){this._state=e}};e.addButton({tag:"BUTTON",class:"contrast switcher theme-switcher",target:"body"}),e.init(),t.init()}();
\ No newline at end of file
diff --git a/docs/js/customization.min.js b/docs/js/customization.min.js
index b67ee3ff..c62202eb 100644
--- a/docs/js/customization.min.js
+++ b/docs/js/customization.min.js
@@ -1 +1 @@
-"use strict";!function(){var e={colors:null,buttonsTarget:'#customization article[data-theme="generated"]',selectorButton:"#customization button[data-color]",selectorSection:"#customization",buttons:null,generatedStyles:null,init:function(){this.generateButtons(),this.setActiveButton("pink"),this.generateTheme("pink")},generateButtons:function(){var e,a="",f="";for(e in this.colors)a+='<button data-color="'+e+'" aria-label="Activate '+e+' theme"></button>',f+='\n        button[data-color="'.concat(e,'"] {\n          background-color: ').concat(this.colors[e][600],';\n        }\n        [data-theme="light"] button[data-color="').concat(e,'"]:hover,\n        [data-theme="light"] button[data-color="').concat(e,'"]:active,\n        [data-theme="light"] button[data-color="').concat(e,'"]:focus {\n          background-color: ').concat(this.colors[e][700],'; \'\n        }\n        [data-theme="dark"] button[data-color="').concat(e,'"]:hover,\n        [data-theme="dark"] button[data-color="').concat(e,'"]:active,\n        [data-theme="dark"] button[data-color="').concat(e,'"]:focus {\n          background-color: ').concat(this.colors[e][500],";\n        }");var t=document.createElement("FIGURE");t.innerHTML=a,document.querySelector(this.buttonsTarget).before(t),this.buttons=document.querySelectorAll(this.selectorButton),this.buttons.forEach(function(e){e.addEventListener("click",function(e){e=e.target.getAttribute("data-color");this.setActiveButton(e),this.generateTheme(e)}.bind(this),!1)}.bind(this));t=document.createElement("STYLE");t.setAttribute("title","color-picker"),this.generatedStyles=this.minifyCSS(f),t.innerHTML=this.generatedStyles,document.querySelector("head").appendChild(t)},setActiveButton:function(e){this.buttons.forEach(function(e){e.removeAttribute("class")}.bind(this)),document.querySelector(this.selectorButton+'[data-color="'+e+'"]').setAttribute("class","picked")},generateTheme:function(e){var a=e,e=this.colors[e],f={".name":a.charAt(0).toUpperCase()+a.substring(1)+" ",".c500":e[500],".c600":e[600],".c700":e[700],".c600-outline-light":this.hexToRgbA(e[600],.125),".c600-outline-dark":this.hexToRgbA(e[600],.25),".inverse":e.inverse};Object.keys(f).forEach(function(a){document.querySelectorAll(this.selectorSection+" "+a).forEach(function(e){e.innerHTML=f[a]}.bind(this))}.bind(this));e='\n    [data-theme="generated"] {\n      --h4-color: '.concat(e[700],";\n      --primary: ").concat(e[600],";\n      --primary-hover: ").concat(e[700],";\n      --primary-focus: ").concat(this.hexToRgbA(e[600],.125),";\n      --primary-inverse: ").concat(e.inverse,';\n    }\n    @media only screen and (prefers-color-scheme: dark) {\n      :root:not([data-theme="light"]) [data-theme="generated"] {\n        --h4-color: ').concat(e[400],";\n        --primary: ").concat(e[600],";\n        --primary-hover: ").concat(e[500],";\n        --primary-focus: ").concat(this.hexToRgbA(e[600],.25),";\n        --primary-inverse: ").concat(e.inverse,';\n      }\n    }\n    [data-theme="dark"] [data-theme="generated"] {\n      --h4-color: ').concat(e[500],";\n      --primary: ").concat(e[600],";\n      --primary-hover: ").concat(e[500],";\n      --primary-focus: ").concat(this.hexToRgbA(e[600],.25),";\n      --primary-inverse: ").concat(e.inverse,';\n    }\n    [data-theme="generated"] {\n      --form-element-active-border-color: var(--primary);\n      --form-element-focus-color: var(--primary-focus);\n      --switch-color: var(--primary-inverse);\n      --switch-checked-background-color: var(--primary);\n    }');document.querySelector('style[title="color-picker"]').innerHTML=this.generatedStyles+this.minifyCSS(e)},minifyCSS:function(e){return e.replace(/^ +/gm,"")},hexToRgbA:function(e,a){if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(e))return"rgba("+[(e="0x"+(e=3==(e=e.substring(1).split("")).length?[e[0],e[0],e[1],e[1],e[2],e[2]]:e).join(""))>>16&255,e>>8&255,255&e].join(", ")+", "+a+")";throw new Error("Bad Hex")}};e.colors={red:{50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000",inverse:"#FFF"},pink:{50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",a100:"#ff80ab",a200:"#ff4081",a400:"#f50057",a700:"#c51162",inverse:"#FFF"},purple:{50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",a100:"#ea80fc",a200:"#e040fb",a400:"#d500f9",a700:"#aa00ff",inverse:"#FFF"},"deep-purple":{50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",a100:"#b388ff",a200:"#7c4dff",a400:"#651fff",a700:"#6200ea",inverse:"#FFF"},indigo:{50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",a100:"#8c9eff",a200:"#536dfe",a400:"#3d5afe",a700:"#304ffe",inverse:"#FFF"},blue:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff",inverse:"#FFF"},"light-blue":{50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",a100:"#80d8ff",a200:"#40c4ff",a400:"#00b0ff",a700:"#0091ea",inverse:"#FFF"},cyan:{50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",a100:"#84ffff",a200:"#18ffff",a400:"#00e5ff",a700:"#00b8d4",inverse:"#FFF"},teal:{50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",a100:"#a7ffeb",a200:"#64ffda",a400:"#1de9b6",a700:"#00bfa5",inverse:"#FFF"},green:{50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853",inverse:"#FFF"},"light-green":{50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",a100:"#ccff90",a200:"#b2ff59",a400:"#76ff03",a700:"#64dd17",inverse:"#FFF"},lime:{50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",a100:"#f4ff81",a200:"#eeff41",a400:"#c6ff00",a700:"#aeea00",inverse:"rgba(0, 0, 0, 0.75)"},yellow:{50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600",inverse:"rgba(0, 0, 0, 0.75)"},amber:{50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",a100:"#ffe57f",a200:"#ffd740",a400:"#ffc400",a700:"#ffab00",inverse:"rgba(0, 0, 0, 0.75)"},orange:{50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",a100:"#ffd180",a200:"#ffab40",a400:"#ff9100",a700:"#ff6d00",inverse:"#FFF"},"deep-orange":{50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",a100:"#ff9e80",a200:"#ff6e40",a400:"#ff3d00",a700:"#dd2c00",inverse:"#FFF"},grey:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",inverse:"#FFF"},"blue-grey":{50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238",inverse:"#FFF"}},e.init()}();
\ No newline at end of file
+"use strict";!function(){var e={colors:null,buttonsTarget:'#customization article[data-theme="generated"]',selectorButton:"#customization button[data-color]",selectorSection:"#customization",buttons:null,generatedStyles:null,init:function(){this.generateButtons(),this.setActiveButton("pink"),this.generateTheme("pink")},generateButtons:function(){var e,a=this,f="",t="";for(e in this.colors)f+='<button data-color="'.concat(e,'" aria-label="Activate ').concat(e,' theme"></button>'),t+='\n        button[data-color="'.concat(e,'"] {\n          background-color: ').concat(this.colors[e][600],';\n        }\n        [data-theme="light"] button[data-color="').concat(e,'"]:hover,\n        [data-theme="light"] button[data-color="').concat(e,'"]:active,\n        [data-theme="light"] button[data-color="').concat(e,'"]:focus {\n          background-color: ').concat(this.colors[e][700],'; \'\n        }\n        [data-theme="dark"] button[data-color="').concat(e,'"]:hover,\n        [data-theme="dark"] button[data-color="').concat(e,'"]:active,\n        [data-theme="dark"] button[data-color="').concat(e,'"]:focus {\n          background-color: ').concat(this.colors[e][500],";\n        }");var c=document.createElement("FIGURE");c.innerHTML=f,document.querySelector(this.buttonsTarget).before(c),this.buttons=document.querySelectorAll(this.selectorButton),this.buttons.forEach(function(e){e.addEventListener("click",function(e){e=e.target.getAttribute("data-color");a.setActiveButton(e),a.generateTheme(e)},!1)});c=document.createElement("STYLE");c.setAttribute("title","color-picker"),this.generatedStyles=this.minifyCSS(t),c.innerHTML=this.generatedStyles,document.querySelector("head").appendChild(c)},setActiveButton:function(e){this.buttons.forEach(function(e){e.removeAttribute("class")}),document.querySelector(this.selectorButton+'[data-color="'+e+'"]').setAttribute("class","picked")},generateTheme:function(e){var f=this,a=e,e=this.colors[e],t={".name":a.charAt(0).toUpperCase()+a.substring(1)+" ",".c500":e[500],".c600":e[600],".c700":e[700],".c600-outline-light":this.hexToRgbA(e[600],.125),".c600-outline-dark":this.hexToRgbA(e[600],.25),".inverse":e.inverse};Object.keys(t).forEach(function(a){document.querySelectorAll(f.selectorSection+" "+a).forEach(function(e){e.innerHTML=t[a]})});e='\n    [data-theme="generated"] {\n      --h4-color: '.concat(e[700],";\n      --primary: ").concat(e[600],";\n      --primary-hover: ").concat(e[700],";\n      --primary-focus: ").concat(this.hexToRgbA(e[600],.125),";\n      --primary-inverse: ").concat(e.inverse,';\n    }\n    @media only screen and (prefers-color-scheme: dark) {\n      :root:not([data-theme="light"]) [data-theme="generated"] {\n        --h4-color: ').concat(e[400],";\n        --primary: ").concat(e[600],";\n        --primary-hover: ").concat(e[500],";\n        --primary-focus: ").concat(this.hexToRgbA(e[600],.25),";\n        --primary-inverse: ").concat(e.inverse,';\n      }\n    }\n    [data-theme="dark"] [data-theme="generated"] {\n      --h4-color: ').concat(e[500],";\n      --primary: ").concat(e[600],";\n      --primary-hover: ").concat(e[500],";\n      --primary-focus: ").concat(this.hexToRgbA(e[600],.25),";\n      --primary-inverse: ").concat(e.inverse,';\n    }\n    [data-theme="generated"] {\n      --form-element-active-border-color: var(--primary);\n      --form-element-focus-color: var(--primary-focus);\n      --switch-color: var(--primary-inverse);\n      --switch-checked-background-color: var(--primary);\n    }');document.querySelector('style[title="color-picker"]').innerHTML=this.generatedStyles+this.minifyCSS(e)},minifyCSS:function(e){return e.replace(/^ +/gm,"")},hexToRgbA:function(e,a){if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(e))return"rgba("+[(e="0x"+(e=3==(e=e.substring(1).split("")).length?[e[0],e[0],e[1],e[1],e[2],e[2]]:e).join(""))>>16&255,e>>8&255,255&e].join(", ")+", "+a+")";throw new Error("Bad Hex")}};e.colors={red:{50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000",inverse:"#FFF"},pink:{50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",a100:"#ff80ab",a200:"#ff4081",a400:"#f50057",a700:"#c51162",inverse:"#FFF"},purple:{50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",a100:"#ea80fc",a200:"#e040fb",a400:"#d500f9",a700:"#aa00ff",inverse:"#FFF"},"deep-purple":{50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",a100:"#b388ff",a200:"#7c4dff",a400:"#651fff",a700:"#6200ea",inverse:"#FFF"},indigo:{50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",a100:"#8c9eff",a200:"#536dfe",a400:"#3d5afe",a700:"#304ffe",inverse:"#FFF"},blue:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff",inverse:"#FFF"},"light-blue":{50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",a100:"#80d8ff",a200:"#40c4ff",a400:"#00b0ff",a700:"#0091ea",inverse:"#FFF"},cyan:{50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",a100:"#84ffff",a200:"#18ffff",a400:"#00e5ff",a700:"#00b8d4",inverse:"#FFF"},teal:{50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",a100:"#a7ffeb",a200:"#64ffda",a400:"#1de9b6",a700:"#00bfa5",inverse:"#FFF"},green:{50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853",inverse:"#FFF"},"light-green":{50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",a100:"#ccff90",a200:"#b2ff59",a400:"#76ff03",a700:"#64dd17",inverse:"#FFF"},lime:{50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",a100:"#f4ff81",a200:"#eeff41",a400:"#c6ff00",a700:"#aeea00",inverse:"rgba(0, 0, 0, 0.75)"},yellow:{50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600",inverse:"rgba(0, 0, 0, 0.75)"},amber:{50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",a100:"#ffe57f",a200:"#ffd740",a400:"#ffc400",a700:"#ffab00",inverse:"rgba(0, 0, 0, 0.75)"},orange:{50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",a100:"#ffd180",a200:"#ffab40",a400:"#ff9100",a700:"#ff6d00",inverse:"#FFF"},"deep-orange":{50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",a100:"#ff9e80",a200:"#ff6e40",a400:"#ff3d00",a700:"#dd2c00",inverse:"#FFF"},grey:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",inverse:"#FFF"},"blue-grey":{50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238",inverse:"#FFF"}},e.init()}();
\ No newline at end of file
diff --git a/docs/js/grid.min.js b/docs/js/grid.min.js
index a6bdc056..49fb811b 100644
--- a/docs/js/grid.min.js
+++ b/docs/js/grid.min.js
@@ -1 +1 @@
-"use strict";({buttons:{text:{add:"Add column",remove:"Remove column"},target:"#grid article"},grid:{current:4,min:1,max:12,gridTarget:"#grid .grid",codeTarget:"#grid pre code"},init:function(){this.addButtons(),this.generateGrid()},addButtons:function(){var t=document.createElement("P");t.innerHTML='\n      <button class="secondary add">\n        <svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">\n          <line x1="12" y1="5" x2="12" y2="19"></line>\n          <line x1="5" y1="12" x2="19" y2="12">\'</line>\n        </svg>\n        '.concat(this.buttons.text.add,'\n      </button>\n\n      <button class="secondary remove">\n        <svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">\n          <line x1="5" y1="12" x2="19" y2="12"></line>\n        </svg>\n        ').concat(this.buttons.text.remove,"\n      </button>"),document.querySelector(this.buttons.target).before(t),document.querySelector("#grid button.add").addEventListener("click",function(){this.addColumn()}.bind(this),!1),document.querySelector("#grid button.remove").addEventListener("click",function(){this.removeColumn()}.bind(this),!1)},generateGrid:function(){for(var t="",e='&lt;<b>div</b> <i>class</i>=<u>"grid"</u>&gt;\n',n=0;n<this.grid.current;n++)t+="<div>"+(n+1)+"</div>",e+="  &lt;<b>div</b>&gt;"+(n+1)+"&lt;/<b>div</b>&gt;\n";e+="&lt;/<b>div</b>&gt;",document.querySelector(this.grid.gridTarget).innerHTML=t,document.querySelector(this.grid.codeTarget).innerHTML=e},addColumn:function(){this.grid.current<this.grid.max&&(this.grid.current++,this.generateGrid())},removeColumn:function(){this.grid.current>this.grid.min&&(this.grid.current--,this.generateGrid())}}).init();
\ No newline at end of file
+"use strict";var grid={buttons:{text:{add:"Add column",remove:"Remove column"},target:"#grid article"},grid:{current:4,min:1,max:12,gridTarget:"#grid .grid",codeTarget:"#grid pre code"},init:function(){this.addButtons(),this.generateGrid()},addButtons:function(){var t=this,e=document.createElement("P");e.innerHTML='\n      <button class="secondary add">\n        <svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">\n          <line x1="12" y1="5" x2="12" y2="19"></line>\n          <line x1="5" y1="12" x2="19" y2="12">\'</line>\n        </svg>\n        '.concat(this.buttons.text.add,'\n      </button>\n\n      <button class="secondary remove">\n        <svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">\n          <line x1="5" y1="12" x2="19" y2="12"></line>\n        </svg>\n        ').concat(this.buttons.text.remove,"\n      </button>"),document.querySelector(this.buttons.target).before(e),document.querySelector("#grid button.add").addEventListener("click",function(){t.addColumn()},!1),document.querySelector("#grid button.remove").addEventListener("click",function(){t.removeColumn()},!1)},generateGrid:function(){for(var t="",e='&lt;<b>div</b> <i>class</i>=<u>"grid"</u>&gt;\n',n=0;n<this.grid.current;n++)t+="<div>"+(n+1)+"</div>",e+="  &lt;<b>div</b>&gt;"+(n+1)+"&lt;/<b>div</b>&gt;\n";e+="&lt;/<b>div</b>&gt;",document.querySelector(this.grid.gridTarget).innerHTML=t,document.querySelector(this.grid.codeTarget).innerHTML=e},addColumn:function(){this.grid.current<this.grid.max&&(this.grid.current++,this.generateGrid())},removeColumn:function(){this.grid.current>this.grid.min&&(this.grid.current--,this.generateGrid())}};grid.init();
\ No newline at end of file
diff --git a/docs/js/modal.js b/docs/js/modal.js
new file mode 100644
index 00000000..769c4419
--- /dev/null
+++ b/docs/js/modal.js
@@ -0,0 +1,63 @@
+/*
+ * Modal
+ *
+ * Pico.css - https://picocss.com
+ * Copyright 2019-2021 - Licensed under MIT
+ */
+
+// Config
+const isOpenClass = 'modal-is-open';
+const openingClass = 'modal-is-opening';
+const closingClass = 'modal-is-closing';
+let visibleModal = null;
+
+// Toggle modal
+const toggleModal = event => {
+  event.preventDefault();
+  const modal = document.getElementById(event.target.getAttribute('data-target'));
+  (typeof(modal) != 'undefined' && modal != null)
+    && isModalOpen(modal) ? closeModal(modal) : openModal(modal)
+}
+
+// Is modal open
+const isModalOpen = modal => {
+  return modal.hasAttribute('open') && modal.getAttribute('open') != 'false' ? true : false;
+}
+
+// Open modal
+const openModal = modal => {
+  setTimeout(() => {
+    visibleModal = modal;
+  }, 100);
+  document.documentElement.classList.add(isOpenClass, openingClass);
+  setTimeout(() => {
+    document.documentElement.classList.remove(openingClass);
+  }, 200);
+  modal.setAttribute('open', true);
+}
+
+// Close modal
+const closeModal = modal => {
+  visibleModal = null;
+  document.documentElement.classList.add(closingClass);
+  setTimeout(() => {
+    document.documentElement.classList.remove(closingClass, isOpenClass);
+    modal.removeAttribute('open');
+  }, 200);
+}
+
+// Close with a click outside
+document.addEventListener('click', event => {
+  if (visibleModal != null) {
+    const modalContent = visibleModal.querySelector('article');
+    const isClickInside = modalContent.contains(event.target);
+    !isClickInside && closeModal(visibleModal);
+  }
+});
+
+// Close with Esc key
+document.addEventListener('keydown', event => {
+  if (event.key === 'Escape' && visibleModal != null) {
+    closeModal(visibleModal);
+  }
+});
\ No newline at end of file
diff --git a/docs/js/modal.min.js b/docs/js/modal.min.js
new file mode 100644
index 00000000..acf2d706
--- /dev/null
+++ b/docs/js/modal.min.js
@@ -0,0 +1 @@
+"use strict";var isOpenClass="modal-is-open",openingClass="modal-is-opening",closingClass="modal-is-closing",visibleModal=null,toggleModal=function(e){e.preventDefault();e=document.getElementById(e.target.getAttribute("data-target"));(void 0!==e&&null!=e&&isModalOpen(e)?closeModal:openModal)(e)},isModalOpen=function(e){return!(!e.hasAttribute("open")||"false"==e.getAttribute("open"))},openModal=function(e){setTimeout(function(){visibleModal=e},100),document.documentElement.classList.add(isOpenClass,openingClass),setTimeout(function(){document.documentElement.classList.remove(openingClass)},200),e.setAttribute("open",!0)},closeModal=function(e){visibleModal=null,document.documentElement.classList.add(closingClass),setTimeout(function(){document.documentElement.classList.remove(closingClass,isOpenClass),e.removeAttribute("open")},200)};document.addEventListener("click",function(e){null!=visibleModal&&(visibleModal.querySelector("article").contains(e.target)||closeModal(visibleModal))}),document.addEventListener("keydown",function(e){"Escape"===e.key&&null!=visibleModal&&closeModal(visibleModal)});
\ No newline at end of file
diff --git a/docs/loading.html b/docs/loading.html
index 2da40c8e..1647616e 100644
--- a/docs/loading.html
+++ b/docs/loading.html
@@ -1,2 +1,2 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Loading • Pico.css</title><meta name="description" content="aria-bus"><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/loading.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#loading-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="loading"><hgroup><h1>Loading</h1><h2><code><i>aria-busy</i>=<u>"true"</u></code> enable a loading indicator.</h2></hgroup><article aria-label="Loading buttons example"><button aria-busy="true">Please wait…</button> <button aria-busy="true" class="secondary"></button><footer class="code"><pre><code>&lt;<b>button</b> <i>aria-busy</i>=<u>"true"</u>&gt;Please wait…&lt;/<b>button</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Loading • Pico.css</title><meta name="description" content="aria-bus"><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/loading.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#loading-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="loading"><hgroup><h1>Loading</h1><h2><code><i>aria-busy</i>=<u>"true"</u></code> enable a loading indicator.</h2></hgroup><article aria-label="Loading buttons example"><button aria-busy="true">Please wait…</button> <button aria-busy="true" class="secondary"></button><footer class="code"><pre><code>&lt;<b>button</b> <i>aria-busy</i>=<u>"true"</u>&gt;Please wait…&lt;/<b>button</b>&gt;
 &lt;<b>button</b> <i>aria-busy</i>=<u>"true"</u> <i>class</i>=<u>"secondary"</u>&gt;&lt;/<b>button</b>&gt;</code></pre></footer></article><p>It can be applied to any block:</p><article aria-busy="true"></article><pre><code>&lt;<b>article</b> <i>aria-busy</i>=<u>"true"</u>&gt;&lt;/<b>article</b>&gt;</code></pre><p>Or any text element:</p><article aria-label="Loading paragraph example"><a href="#" aria-busy="true" onclick="event.preventDefault()">Generating link, please wait…</a><footer class="code"><pre><code>&lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>aria-busy</i>=<u>"true"</u>&gt;Generating link, please wait…&lt;/<b>a</b>&gt;</code></pre></footer></article></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/modal.html b/docs/modal.html
new file mode 100644
index 00000000..0f03a5e4
--- /dev/null
+++ b/docs/modal.html
@@ -0,0 +1,65 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Modal • Pico.css</title><meta name="description" content="A flexible container with graceful spacings across devices and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/modal.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#modal-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="modal"><hgroup><h1>Modal</h1><h2>The classic modal element with graceful spacings across devices and viewports.</h2></hgroup><p>Modals are built with <code>&lt;<b>dialog</b>&gt;</code> as a wrapper and <code>&lt;<b>article</b>&gt;</code> as a content container.</p><p>Inside <code>&lt;<b>header</b>&gt;</code>, <code>&lt;<b>a</b> <i>class</i>=<u>"close"</u>&gt;</code> is defined to <code><i>float</i>: <u>right</u>;</code> allowing a close icon to be top aligned with a title.</p><dialog class="example" open><article><header><a href="#close" aria-label="Close" class="close" onclick="event.preventDefault()"></a><p>Modal title</p></header><p>Nunc nec ligula a tortor sollicitudin dictum in vel enim. Quisque facilisis turpis vel eros dictum aliquam et nec turpis. Sed eleifend a dui nec ullamcorper. Praesent vehicula lacus ac justo accumsan ullamcorper.</p></article></dialog><pre><code>&lt;<b>dialog</b> <i>open</i>&gt;
+  &lt;<b>article</b>&gt;
+    &lt;<b>header</b>&gt;
+      &lt;<b>a</b> <i>href</i>=<u>"#close"</u> <i>aria-label</i>=<u>"Close"</u> <i>class</i>=<u>"close"</u>&gt;&lt;/<b>a</b>&gt;
+      Modal title
+    &lt;/<b>header</b>&gt;
+    &lt;<b>p</b>&gt;
+      Nunc nec ligula a tortor sollicitudin dictum in vel enim. 
+      Quisque facilisis turpis vel eros dictum aliquam et nec turpis. 
+      Sed eleifend a dui nec ullamcorper. 
+      Praesent vehicula lacus ac justo accumsan ullamcorper.
+    &lt;/<b>p</b>&gt;
+  &lt;/<b>article</b>&gt;
+&lt;/<b>dialog</b>&gt;</code></pre><p>Inside <code>&lt;<b>footer</b>&gt;</code>, the content is right aligned by default.</p><dialog class="example" open><article><h3>Confirm your action!</h3><p>Mauris non nibh vel nisi sollicitudin malesuada. Donec ut sagittis erat. Praesent eu eros felis. Ut consectetur placerat pulvinar.</p><footer><a href="#cancel" role="button" class="secondary" onclick="event.preventDefault()">Cancel</a><a href="#confirm" role="button" onclick="event.preventDefault()">Confirm</a></footer></article></dialog><pre><code>&lt;<b>dialog</b> <i>open</i>&gt;
+  &lt;<b>article</b>&gt;
+    &lt;<b>h3</b>&gt;Confirm your action!&lt;/<b>h3</b>&gt;
+    &lt;<b>p</b>&gt;
+      Mauris non nibh vel nisi sollicitudin malesuada. 
+      Donec ut sagittis erat. Praesent eu eros felis. 
+      Ut consectetur placerat pulvinar.
+    &lt;/<b>p</b>&gt;
+    &lt;<b>footer</b>&gt;
+      &lt;<b>a</b> <i>href</i>=<u>"#cancel"</u> <i>role</i>=<u>"button"</u> <i>class</i>=<u>"secondary"</u>&gt;Cancel&lt;/<b>a</b>&gt;
+      &lt;<b>a</b> <i>href</i>=<u>"#confirm"</u> <i>role</i>=<u>"button"</u>&gt;Confirm&lt;/<b>a</b>&gt;
+    &lt;/<b>footer</b>&gt;
+  &lt;/<b>article</b>&gt;
+&lt;/<b>dialog</b>&gt;</code></pre><hgroup><h2>Live demo</h2><h3>Toggle a modal by clicking the button below.</h3></hgroup><article><button class="contrast" data-target="modal-example" onclick="toggleModal(event)">Launch demo modal</button><footer class="code"><pre><code><em>&lt;!-- Button to trigger the modal --&gt;</em>
+&lt;<b>button</b> <i>class</i>=<u>"contrast"</u>
+  <i>data-target</i>=<u>"modal-example"</u>
+  <i>onClick</i>=<u>"toggleModal()"</u>&gt;
+  Launch demo modal
+&lt;/<b>button</b>&gt;
+
+<em>&lt;!-- Modal --&gt;</em>
+&lt;<b>dialog</b> <i>id</i>=<u>"modal-example"</u>&gt;
+  &lt;<b>article</b>&gt;
+    &lt;<b>a</b> <i>href</i>=<u>"#close"</u>
+      <i>aria-label</i>=<u>"Close"</u>&gt;
+      <i>class</i>=<u>"close"</u>
+      <i>data-target</i>=<u>"modal-example"</u>
+      <i>onClick</i>=<u>"toggleModal()"</u>&gt;
+    &lt;/<b>a</b>&gt;
+    &lt;<b>h3</b>&gt;Confirm your action!&lt;/<b>h3</b>&gt;
+    &lt;<b>p</b>&gt;
+      Cras sit amet maximus risus. 
+      Pellentesque sodales odio sit amet augue finibus pellentesque. 
+      Nullam finibus risus non semper euismod.
+    &lt;/<b>p</b>&gt;
+    &lt;<b>footer</b>&gt;
+      &lt;<b>a</b> <i>href</i>=<u>"#cancel"</u>
+        <i>role</i>=<u>"button"</u>&gt;
+        <i>class</i>=<u>"secondary"</u>
+        <i>data-target</i>=<u>"modal-example"</u>
+        <i>onClick</i>=<u>"toggleModal()"</u>&gt;
+        Cancel
+      &lt;/<b>a</b>&gt;
+      &lt;<b>a</b> <i>href</i>=<u>"#confirm"</u>
+        <i>role</i>=<u>"button"</u>
+        <i>data-target</i>=<u>"modal-example"</u>
+        <i>onClick</i>=<u>"toggleModal()"</u>&gt;
+        Confirm
+      &lt;/<b>a</b>&gt;
+    &lt;/<b>footer</b>&gt;
+  &lt;/<b>article</b>&gt;
+&lt;/<b>dialog</b>&gt;</code></pre></footer></article><p>As Pico focuses on CSS styles, we have not integrated any JavaScript in the library.</p></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><dialog id="modal-example"><article><a href="#close" aria-label="Close" class="close" data-target="modal-example" onclick="toggleModal(event)"></a><h3>Confirm your action!</h3><p>Cras sit amet maximus risus. Pellentesque sodales odio sit amet augue finibus pellentesque. Nullam finibus risus non semper euismod.</p><footer><a href="#cancel" role="button" class="secondary" data-target="modal-example" onclick="toggleModal(event)">Cancel</a><a href="#confirm" role="button" data-target="modal-example" onclick="toggleModal(event)">Confirm</a></footer></article></dialog><script src="js/commons.min.js"></script><script src="js/modal.min.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/navs.html b/docs/navs.html
index 0fcca7ee..1c23873e 100644
--- a/docs/navs.html
+++ b/docs/navs.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Navs • Pico.css</title><meta name="description" content="The essential navbar component in pure semantic HTML."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/navs.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#navs-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="navs"><hgroup><h1>Navs</h1><h2>The essential navbar component in pure semantic HTML.</h2></hgroup><article aria-label="Nav example"><nav><ul><li><strong>Brand</strong></li></ul><ul><li><a href="#" onclick="event.preventDefault()">Link</a></li><li><a href="#" onclick="event.preventDefault()">Link</a></li><li><a href="#" onclick="event.preventDefault()">Link</a></li></ul></nav><footer class="code"><pre><code>&lt;<b>nav</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Navs • Pico.css</title><meta name="description" content="The essential navbar component in pure semantic HTML."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/navs.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#navs-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="navs"><hgroup><h1>Navs</h1><h2>The essential navbar component in pure semantic HTML.</h2></hgroup><article aria-label="Nav example"><nav><ul><li><strong>Brand</strong></li></ul><ul><li><a href="#" onclick="event.preventDefault()">Link</a></li><li><a href="#" onclick="event.preventDefault()">Link</a></li><li><a href="#" onclick="event.preventDefault()">Link</a></li></ul></nav><footer class="code"><pre><code>&lt;<b>nav</b>&gt;
   &lt;<b>ul</b>&gt;
     &lt;<b>li</b>&gt;&lt;<b>strong</b>&gt;Brand&lt;/<b>strong</b>&gt;&lt;/<b>li</b>&gt;
   &lt;/<b>ul</b>&gt;
diff --git a/docs/progress.html b/docs/progress.html
index 75b941d0..2452cd34 100644
--- a/docs/progress.html
+++ b/docs/progress.html
@@ -1,3 +1,3 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Progress • Pico.css</title><meta name="description" content="Progress bar element in pure HTML, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/progress.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#progress-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="progress"><hgroup><h1>Progress</h1><h2>Progress bar element in pure HTML, without JavaScript.</h2></hgroup><article aria-label="Progress bar example"><progress value="25" max="100"></progress><footer class="code"><pre><code>&lt;<b>progress</b> <i>value</i>=<u>"25</u>" <i>max</i>=<u>"100"</u>&gt;&lt;/<b>progress</b>&gt;</code></pre></footer></article><p>You can change a progress bar to an indeterminate state by setting the <code><i>indeterminate</i></code> property to <code><u>true</u></code></p><article aria-label="Indeterminate progress bar example"><progress id="indeterminate-progress"></progress><script>document.getElementById("indeterminate-progress").indeterminate=!0</script><footer class="code"><pre><code>&lt;<b>script</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Progress • Pico.css</title><meta name="description" content="Progress bar element in pure HTML, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/progress.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#progress-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="progress"><hgroup><h1>Progress</h1><h2>Progress bar element in pure HTML, without JavaScript.</h2></hgroup><article aria-label="Progress bar example"><progress value="25" max="100"></progress><footer class="code"><pre><code>&lt;<b>progress</b> <i>value</i>=<u>"25</u>" <i>max</i>=<u>"100"</u>&gt;&lt;/<b>progress</b>&gt;</code></pre></footer></article><p>You can change a progress bar to an indeterminate state by setting the <code><i>indeterminate</i></code> property to <code><u>true</u></code></p><article aria-label="Indeterminate progress bar example"><progress id="indeterminate-progress"></progress><script>document.getElementById("indeterminate-progress").indeterminate=!0</script><footer class="code"><pre><code>&lt;<b>script</b>&gt;
   <i>document</i>.<b>getElementById</b>(<u>'indeterminate-progress'</u>).<i>indeterminate</i> = <u>true</u>;
 &lt;/<b>script</b>&gt;</code></pre></footer></article></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/rtl.html b/docs/rtl.html
index addb8772..646406c8 100644
--- a/docs/rtl.html
+++ b/docs/rtl.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>RTL (Right-To-Left) • Pico.css</title><meta name="description" content="Support for right-to-left text in Pico with di"><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/rtl.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#rtl-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="rtl"><hgroup><h1>RTL</h1><h2>Support for right-to-left text in Pico.</h2></hgroup><p>To enable RTL in Pico you need to set <code><i>dir</i>=<u>"rtl"</u></code>on the <code>&lt;<b>html</b>&gt</code> element.</p><pre><code><em>&lt;!doctype html&gt;</em>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>RTL (Right-To-Left) • Pico.css</title><meta name="description" content="Support for right-to-left text in Pico with di"><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/rtl.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#rtl-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="rtl"><hgroup><h1>RTL</h1><h2>Support for right-to-left text in Pico.</h2></hgroup><p>To enable RTL in Pico you need to set <code><i>dir</i>=<u>"rtl"</u></code>on the <code>&lt;<b>html</b>&gt</code> element.</p><pre><code><em>&lt;!doctype html&gt;</em>
 &lt;<b>html</b> <i>dir</i>=<u>"rtl"</u> <i>lang</i>=<u>"ar"</u>&gt;
   <em>...</em>
 &lt;/<b>html</b>&gt;</code></pre><p>The RTL feature is still experimental and will probably evolve.</p></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/scroller.html b/docs/scroller.html
index c31478b9..c792390d 100644
--- a/docs/scroller.html
+++ b/docs/scroller.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Horizontal scroller • Pico.css</title><meta name="description" content="&lt;figure&gt; acts as a container to make any content scrollable horizontally."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/scroller.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#scroller-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="scroller"><hgroup><h1>Horizontal scroller</h1><h2><code>&lt;<b>figure</b>&gt;</code> acts as a container to make any content scrollable horizontally.</h2></hgroup><p>Useful to have responsive <code>&lt;<b>table</b>&gt;</code></p><figure><table role="grid"><thead><tr><th scope="col">#</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th></tr></thead><tbody><tr><th scope="row">1</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">2</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">3</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr></tbody></table></figure><pre><code>&lt;<b>figure</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Horizontal scroller • Pico.css</title><meta name="description" content="&lt;figure&gt; acts as a container to make any content scrollable horizontally."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/scroller.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#scroller-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="scroller"><hgroup><h1>Horizontal scroller</h1><h2><code>&lt;<b>figure</b>&gt;</code> acts as a container to make any content scrollable horizontally.</h2></hgroup><p>Useful to have responsive <code>&lt;<b>table</b>&gt;</code></p><figure><table role="grid"><thead><tr><th scope="col">#</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th></tr></thead><tbody><tr><th scope="row">1</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">2</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">3</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr></tbody></table></figure><pre><code>&lt;<b>figure</b>&gt;
   &lt;<b>table</b>&gt;
     …
   &lt;/<b>table</b>&gt;
diff --git a/docs/tables.html b/docs/tables.html
index 4f309708..1a2e74e3 100644
--- a/docs/tables.html
+++ b/docs/tables.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Tables • Pico.css</title><meta name="description" content="Default styles for tables without .classes"><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/tables.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#tables-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="tables"><hgroup><h1>Tables</h1><h2>Default styles for tables without <code>.classes</code></h2></hgroup><figure><table><thead><tr><th scope="col">#</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th></tr></thead><tbody><tr><th scope="row">1</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">2</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">3</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr></tbody></table></figure><pre><code>&lt;<b>table</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Tables • Pico.css</title><meta name="description" content="Default styles for tables without .classes"><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/tables.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#tables-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="tables"><hgroup><h1>Tables</h1><h2>Default styles for tables without <code>.classes</code></h2></hgroup><figure><table><thead><tr><th scope="col">#</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th></tr></thead><tbody><tr><th scope="row">1</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">2</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">3</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr></tbody></table></figure><pre><code>&lt;<b>table</b>&gt;
   &lt;<b>thead</b>&gt;
     &lt;<b>tr</b>&gt;
       &lt;<b>th</b> <i>scope</i>=<u>"col"</u>&gt;#&lt;/<b>th</b>&gt;
diff --git a/docs/themes.html b/docs/themes.html
index ac8c43f6..8582c365 100644
--- a/docs/themes.html
+++ b/docs/themes.html
@@ -1,5 +1,5 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Themes • Pico.css</title><meta name="description" content="Pico is shipped with 2 consistent themes: Light & Dark. The Light theme is used by default. The Dark theme is automatically enabled if the user has dark mode enabled ('prefers-color-scheme: dark')."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/themes.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#themes-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="themes"><hgroup><h1>Themes</h1><h2>Pico is shipped with 2 consistent themes: Light & Dark.</h2></hgroup><p>The Light theme is used by default. The Dark theme is automatically enabled if the user has dark mode enabled <code><i>prefers-color-scheme</i>: <u>dark</u></code></p><article aria-label="Theme switcher"><button class="contrast theme-switcher">…</button></article><p>Themes can be forced on document level <code>&lt;<b>html</b> <i>data-theme</i>=<u>"light"</u>&gt;</code> or on any HTML element <code>&lt;<b>article</b> <i>data-theme</i>=<u>"dark"</u>&gt;</code></p><article data-theme="light" aria-label="Forced light theme example"><h4>Light theme</h4><form class="grid"><input type="text" name="login" placeholder="Login" aria-label="Login" autocomplete="nickname" required> <input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Login</button></form><footer class="code"><pre><code>&lt;<b>article</b> <i>data-theme</i>=<u>"light"</u>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Themes • Pico.css</title><meta name="description" content="Pico is shipped with 2 consistent themes: Light & Dark. The Light theme is used by default. The Dark theme is automatically enabled if the user has dark mode enabled ('prefers-color-scheme: dark')."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/themes.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#themes-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="themes"><hgroup><h1>Themes</h1><h2>Pico is shipped with 2 consistent themes: Light & Dark.</h2></hgroup><p>The Light theme is used by default. The Dark theme is automatically enabled if the user has dark mode enabled <code><i>prefers-color-scheme</i>: <u>dark</u></code></p><article aria-label="Theme switcher"><button class="contrast theme-switcher">…</button></article><p>Themes can be forced on document level <code>&lt;<b>html</b> <i>data-theme</i>=<u>"light"</u>&gt;</code> or on any HTML element <code>&lt;<b>article</b> <i>data-theme</i>=<u>"dark"</u>&gt;</code></p><article data-theme="light" aria-label="Forced light theme example"><h3>Light theme</h3><form class="grid"><input type="text" name="login" placeholder="Login" aria-label="Login" autocomplete="nickname" required> <input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Login</button></form><footer class="code"><pre><code>&lt;<b>article</b> <i>data-theme</i>=<u>"light"</u>&gt;
   …
-&lt;/<b>article</b>&gt;</code></pre></footer></article><article data-theme="dark" aria-label="Forced dark theme example"><h4>Dark theme</h4><form class="grid"><input type="text" name="login" placeholder="Login" aria-label="Login" autocomplete="nickname" required> <input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Login</button></form><footer class="code"><pre><code>&lt;<b>article</b> <i>data-theme</i>=<u>"dark"</u>&gt;
+&lt;/<b>article</b>&gt;</code></pre></footer></article><article data-theme="dark" aria-label="Forced dark theme example"><h3>Dark theme</h3><form class="grid"><input type="text" name="login" placeholder="Login" aria-label="Login" autocomplete="nickname" required> <input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Login</button></form><footer class="code"><pre><code>&lt;<b>article</b> <i>data-theme</i>=<u>"dark"</u>&gt;
   …
 &lt;/<b>article</b>&gt;</code></pre></footer></article></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/tooltips.html b/docs/tooltips.html
index 16f50ec5..226d8997 100644
--- a/docs/tooltips.html
+++ b/docs/tooltips.html
@@ -1,3 +1,3 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Tooltips • Pico.css</title><meta name="description" content="Enable tooltips everywhere in pure HTML, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/tooltips.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#tooltips-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="tooltips"><hgroup><h1>Tooltips</h1><h2>Enable tooltips everywhere in pure HTML, without JavaScript.</h2></hgroup><article aria-label="Tooltips examples"><p>Tooltip on a <a href="#" onclick="event.preventDefault()" data-tooltip="Tooltip">link</a></p><p>Tooltip on <em data-tooltip="Tooltip">inline element</em></p><p><button data-tooltip="Tooltip" aria-label="Example button">Tooltip on a button</button></p><footer class="code"><pre><code>&lt;<b>p</b>&gt;Tooltip on a &lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>data-tooltip</i>=<u>"Tooltip"</u>&gt;link&lt;/<b>a</b>&gt;&lt;/<b>p</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Tooltips • Pico.css</title><meta name="description" content="Enable tooltips everywhere in pure HTML, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/tooltips.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#tooltips-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="tooltips"><hgroup><h1>Tooltips</h1><h2>Enable tooltips everywhere in pure HTML, without JavaScript.</h2></hgroup><article aria-label="Tooltips examples"><p>Tooltip on a <a href="#" onclick="event.preventDefault()" data-tooltip="Tooltip">link</a></p><p>Tooltip on <em data-tooltip="Tooltip">inline element</em></p><p><button data-tooltip="Tooltip" aria-label="Example button">Tooltip on a button</button></p><footer class="code"><pre><code>&lt;<b>p</b>&gt;Tooltip on a &lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>data-tooltip</i>=<u>"Tooltip"</u>&gt;link&lt;/<b>a</b>&gt;&lt;/<b>p</b>&gt;
 &lt;<b>p</b>&gt;Tooltip on &lt;<b>em</b> <i>data-tooltip</i>=<u>"Tooltip"</u>&gt;inline element&lt;/<b>em</b>&gt;&lt;/<b>p</b>&gt;
 &lt;<b>p</b>&gt;&lt;<b>button</b> <i>data-tooltip</i>=<u>"Tooltip"</u>&gt;Tooltip on a button&lt;/<b>button</b>&gt;&lt;/<b>p</b>&gt;</code></pre></footer></article></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/typography.html b/docs/typography.html
index 99fe5e60..67230a4a 100644
--- a/docs/typography.html
+++ b/docs/typography.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Typography • Pico.css</title><meta name="description" content="All typographic elements are responsive, allowing text to scale gracefully across devices and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/typography.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#typography-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="typography"><hgroup><h1>Typography</h1><h2>All typographic elements are responsive, allowing text to scale gracefully across devices and viewports.</h2></hgroup><figure><table role="grid"><thead><tr><th>Device</th><th>Extra&nbsp;small</th><th>Small</th><th>Medium</th><th>Large</th><th>Extra&nbsp;large</th></tr></thead><tbody><tr><th>Base&nbsp;font</th><td>16<small>px</small></td><td>17<small>px</small></td><td>18<small>px</small></td><td>19<small>px</small></td><td>20<small>px</small></td></tr><tr><th><code>&lt;<b>h1</b>&gt;</code></th><td>32<small>px</small></td><td>34<small>px</small></td><td>36<small>px</small></td><td>38<small>px</small></td><td>40<small>px</small></td></tr><tr><th><code>&lt;<b>h2</b>&gt;</code></th><td>28<small>px</small></td><td>29<small>px</small></td><td>31<small>.5px</small></td><td>33<small>.25px</small></td><td>35<small>px</small></td></tr><tr><th><code>&lt;<b>h3</b>&gt;</code></th><td>24<small>px</small></td><td>25<small>.5px</small></td><td>27<small>px</small></td><td>28<small>.5px</small></td><td>30<small>px</small></td></tr><tr><th><code>&lt;<b>h4</b>&gt;</code></th><td>20<small>px</small></td><td>21<small>.25px</small></td><td>22<small>.5px</small></td><td>23<small>.75px</small></td><td>25<small>px</small></td></tr><tr><th><code>&lt;<b>h5</b>&gt;</code></th><td>18<small>px</small></td><td>19<small>.125px</small></td><td>20<small>.25px</small></td><td>21<small>.375px</small></td><td>22<small>.5px</small></td></tr><tr><th><code>&lt;<b>h6</b>&gt;</code></th><td>16<small>px</small></td><td>17<small>px</small></td><td>18<small>px</small></td><td>19<small>px</small></td><td>20<small>px</small></td></tr><tr><th><code>&lt;<b>small</b>&gt;</code></th><td>14<small>px</small></td><td>14<small>.875px</small></td><td>15<small>.75px</small></td><td>16<small>.625px</small></td><td>27<small>.5px</small></td></tr></tbody></table></figure><p>Headings:</p><article aria-label="Headings examples"><h1>Heading 1</h1><h2>Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6><footer class="code"><pre><code>&lt;<b>h1</b>&gt;Heading 1&lt;/<b>h1</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Typography • Pico.css</title><meta name="description" content="All typographic elements are responsive, allowing text to scale gracefully across devices and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/typography.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#typography-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="typography"><hgroup><h1>Typography</h1><h2>All typographic elements are responsive, allowing text to scale gracefully across devices and viewports.</h2></hgroup><figure><table role="grid"><thead><tr><th>Device</th><th>Extra&nbsp;small</th><th>Small</th><th>Medium</th><th>Large</th><th>Extra&nbsp;large</th></tr></thead><tbody><tr><th>Base&nbsp;font</th><td>16<small>px</small></td><td>17<small>px</small></td><td>18<small>px</small></td><td>19<small>px</small></td><td>20<small>px</small></td></tr><tr><th><code>&lt;<b>h1</b>&gt;</code></th><td>32<small>px</small></td><td>34<small>px</small></td><td>36<small>px</small></td><td>38<small>px</small></td><td>40<small>px</small></td></tr><tr><th><code>&lt;<b>h2</b>&gt;</code></th><td>28<small>px</small></td><td>29<small>px</small></td><td>31<small>.5px</small></td><td>33<small>.25px</small></td><td>35<small>px</small></td></tr><tr><th><code>&lt;<b>h3</b>&gt;</code></th><td>24<small>px</small></td><td>25<small>.5px</small></td><td>27<small>px</small></td><td>28<small>.5px</small></td><td>30<small>px</small></td></tr><tr><th><code>&lt;<b>h4</b>&gt;</code></th><td>20<small>px</small></td><td>21<small>.25px</small></td><td>22<small>.5px</small></td><td>23<small>.75px</small></td><td>25<small>px</small></td></tr><tr><th><code>&lt;<b>h5</b>&gt;</code></th><td>18<small>px</small></td><td>19<small>.125px</small></td><td>20<small>.25px</small></td><td>21<small>.375px</small></td><td>22<small>.5px</small></td></tr><tr><th><code>&lt;<b>h6</b>&gt;</code></th><td>16<small>px</small></td><td>17<small>px</small></td><td>18<small>px</small></td><td>19<small>px</small></td><td>20<small>px</small></td></tr><tr><th><code>&lt;<b>small</b>&gt;</code></th><td>14<small>px</small></td><td>14<small>.875px</small></td><td>15<small>.75px</small></td><td>16<small>.625px</small></td><td>27<small>.5px</small></td></tr></tbody></table></figure><p>Headings:</p><article aria-label="Headings examples"><h1>Heading 1</h1><h2>Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6><footer class="code"><pre><code>&lt;<b>h1</b>&gt;Heading 1&lt;/<b>h1</b>&gt;
 &lt;<b>h2</b>&gt;Heading 2&lt;/<b>h2</b>&gt;
 &lt;<b>h3</b>&gt;Heading 3&lt;/<b>h3</b>&gt;
 &lt;<b>h4</b>&gt;Heading 4&lt;/<b>h4</b>&gt;
@@ -9,7 +9,8 @@
 &lt;<b>hgroup</b>&gt;</code></pre></footer></article><p>Inline text elements:</p><article aria-label="Inline text examples"><div class="grid"><div><p><abbr title="Abbreviation">Abbr.</abbr> <code>abbr</code></p><p><strong>Bold</strong> <code>strong</code> <code>b</code></p><p><em>Italic</em> <code>i</code> <code>em</code> <code>cite</code></p><p><del>Deleted</del> <code>del</code></p><p><ins>Inserted</ins> <code>ins</code></p><p><kbd>Ctrl + S</kbd> <code>kbd</code></p></div><div><p><mark>Highlighted</mark> <code>mark</code></p><p><s>Strikethrough</s> <code>s</code></p><p><small>Small </small><code>small</code></p><p>Text <sub>Sub</sub> <code>sub</code></p><p>Text <sup>Sup</sup> <code>sup</code></p><p><u>Underline</u> <code>u</code></p></div></div></article><p>Links come with <code>.secondary</code> and <code>.contrast</code> styles.</p><article aria-label="Links examples"><a href="#" onclick="event.preventDefault()">Primary</a><br><a href="#" onclick="event.preventDefault()" class="secondary">Secondary</a><br><a href="#" onclick="event.preventDefault()" class="contrast">Contrast</a><br><footer class="code"><pre><code>&lt;<b>a</b> <i>href</i>=<u>"#"</u>&gt;Primary&lt;/<b>a</b>&gt;
 &lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>class</i>=<u>"secondary"</u>&gt;Secondary&lt;/<b>a</b>&gt;
 &lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>class</i>=<u>"contrast"</u>&gt;Contrast&lt;/<b>a</b>&gt;</code></pre></footer></article><p>Blockquote:</p><article aria-label="Blockquote example"><blockquote>"Maecenas vehicula metus tellus, vitae congue turpis hendrerit non. Nam at dui sit amet ipsum cursus ornare."<footer><cite>- Phasellus eget lacinia</cite></footer></blockquote><footer class="code"><pre><code>&lt;<b>blockquote</b>&gt;
-  "Maecenas vehicula metus tellus, vitae congue turpis hendrerit non. Nam at dui sit amet ipsum cursus ornare."
+  "Maecenas vehicula metus tellus, vitae congue turpis hendrerit non. 
+  Nam at dui sit amet ipsum cursus ornare."
   &lt;<b>footer</b>&gt;
     &lt;<b>cite</b>&gt;- Phasellus eget lacinia&lt;/<b>cite</b>&gt;
   &lt;/<b>footer</b>&gt;
diff --git a/docs/we-love-classes.html b/docs/we-love-classes.html
index 555bd8d2..20ed0fac 100644
--- a/docs/we-love-classes.html
+++ b/docs/we-love-classes.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>We love .classes • Pico.css</title><meta name="description" content="As a starting point, Pico chose to be as neutral and semantic as possible using very few .classes. But of course, .classes are not a bad practice at all. Feel free to use modifiers."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/we-love-classes.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#we-love-classes-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="we-love-classes"><h1>We love <code>.classes</code></h1><p>As a starting point, Pico chose to be as neutral and semantic as possible using very few <code>.classes</code></p><p>But of course, <code>.classes</code> are not a bad practice at all.</p><p>Feel free to use <em>modifiers</em>.</p><div data-theme="valid"><pre><code>&lt;<b>button</b> <i>class</i>=<u>"warning"</u>&gt;Action&lt;/<b>button</b>&gt;<br></code></pre></div><p>Just try to keep your HTML clean and semantic to keep the Pico spirit.</p><div data-theme="invalid"><pre><code>&lt;<b>button</b> <i>class</i>=<u>"button-red margin-large padding-medium"</u>&gt;Action&lt;/<b>button</b>&gt;<br></code></pre></div></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>We love .classes • Pico.css</title><meta name="description" content="As a starting point, Pico chose to be as neutral and semantic as possible using very few .classes. But of course, .classes are not a bad practice at all. Feel free to use modifiers."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/we-love-classes.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#we-love-classes-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="we-love-classes"><h1>We love <code>.classes</code></h1><p>As a starting point, Pico chose to be as neutral and semantic as possible using very few <code>.classes</code></p><p>But of course, <code>.classes</code> are not a bad practice at all.</p><p>Feel free to use <em>modifiers</em>.</p><div data-theme="valid"><pre><code>&lt;<b>button</b> <i>class</i>=<u>"warning"</u>&gt;Action&lt;/<b>button</b>&gt;<br></code></pre></div><p>Just try to keep your HTML clean and semantic to keep the Pico spirit.</p><div data-theme="invalid"><pre><code>&lt;<b>button</b> <i>class</i>=<u>"button-red margin-large padding-medium"</u>&gt;Action&lt;/<b>button</b>&gt;<br></code></pre></div></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file