diff --git a/css/pico.classless.css b/css/pico.classless.css index ce7e9c32..0838a7ae 100644 --- a/css/pico.classless.css +++ b/css/pico.classless.css @@ -974,6 +974,7 @@ button, input[type=submit], input[type=reset], input[type=button], +input[type=file]::file-selector-button, [role=button] { --pico-background-color: var(--pico-primary-background); --pico-border-color: var(--pico-primary-border); @@ -1000,6 +1001,7 @@ button:is([aria-current], :hover, :active, :focus), input[type=submit]:is([aria-current], :hover, :active, :focus), input[type=reset]:is([aria-current], :hover, :active, :focus), input[type=button]:is([aria-current], :hover, :active, :focus), +input[type=file]::file-selector-button:is([aria-current], :hover, :active, :focus), [role=button]:is([aria-current], :hover, :active, :focus) { --pico-background-color: var(--pico-primary-background-hover); --pico-border-color: var(--pico-primary-border-hover); @@ -1010,21 +1012,25 @@ button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus, +input[type=file]::file-selector-button:focus, [role=button]:focus { --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); } -input[type=reset] { +input[type=reset], +input[type=file]::file-selector-button { --pico-background-color: var(--pico-secondary); --pico-border-color: var(--pico-secondary); --pico-color: var(--pico-secondary-inverse); cursor: pointer; } -input[type=reset]:is([aria-current], :hover, :active, :focus) { +input[type=reset]:is([aria-current], :hover, :active, :focus), +input[type=file]::file-selector-button:is([aria-current], :hover, :active, :focus) { --pico-background-color: var(--pico-secondary-hover); --pico-border-color: var(--pico-secondary-hover); } -input[type=reset]:focus { +input[type=reset]:focus, +input[type=file]::file-selector-button:focus { --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus); } @@ -1578,110 +1584,25 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] { /** * Input type file */ -[type=file] { +input[type=file] { --pico-color: var(--pico-muted-color); - z-index: 1; - position: relative; + margin-left: calc(var(--pico-outline-width) * -1); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0; + padding-left: var(--pico-outline-width); border: 0; border-radius: 0; background: none; } -[type=file]::file-selector-button { - --pico-background-color: var(--pico-secondary-background); - --pico-border-color: var(--pico-secondary-border); - --pico-color: var(--pico-secondary-inverse); +input[type=file]::file-selector-button { margin-right: calc(var(--pico-spacing) / 2); - margin-left: 0; - -webkit-margin-start: 0; - margin-inline-start: 0; - -webkit-margin-end: calc(var(--pico-spacing) / 2); - margin-inline-end: calc(var(--pico-spacing) / 2); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); - border: var(--pico-border-width) solid var(--pico-border-color); - border-radius: var(--pico-border-radius); - outline: none; - background-color: var(--pico-background-color); - box-shadow: var(--pico-box-shadow); - color: var(--pico-color); - font-weight: var(--pico-font-weight); - font-size: 1rem; - line-height: var(--pico-line-height); - text-align: center; - cursor: pointer; - transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); } -[type=file]::file-selector-button:is(:hover, :active, :focus) { +input[type=file]:is(:hover, :active, :focus)::file-selector-button { --pico-background-color: var(--pico-secondary-background-hover); --pico-border-color: var(--pico-secondary-border-hover); } -[type=file]::-webkit-file-upload-button { - --pico-background-color: var(--pico-secondary-background); - --pico-border-color: var(--pico-secondary-border); - --pico-color: var(--pico-secondary-inverse); - margin-right: calc(var(--pico-spacing) / 2); - margin-left: 0; - -webkit-margin-start: 0; - margin-inline-start: 0; - -webkit-margin-end: calc(var(--pico-spacing) / 2); - margin-inline-end: calc(var(--pico-spacing) / 2); - padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); - border: var(--pico-border-width) solid var(--pico-border-color); - border-radius: var(--pico-border-radius); - outline: none; - background-color: var(--pico-background-color); - box-shadow: var(--pico-box-shadow); - color: var(--pico-color); - font-weight: var(--pico-font-weight); - font-size: 1rem; - line-height: var(--pico-line-height); - text-align: center; - cursor: pointer; - -webkit-transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); - transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); -} -[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) { - --pico-background-color: var(--pico-secondary-background-hover); - --pico-border-color: var(--pico-secondary-border-hover); -} -[type=file]::-ms-browse { - --pico-background-color: var(--pico-secondary-background); - --pico-border-color: var(--pico-secondary-border); - --pico-color: var(--pico-secondary-inverse); - margin-right: calc(var(--pico-spacing) / 2); - margin-left: 0; - margin-inline-start: 0; - margin-inline-end: calc(var(--pico-spacing) / 2); - padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); - border: var(--pico-border-width) solid var(--pico-border-color); - border-radius: var(--pico-border-radius); - outline: none; - background-color: var(--pico-background-color); - box-shadow: var(--pico-box-shadow); - color: var(--pico-color); - font-weight: var(--pico-font-weight); - font-size: 1rem; - line-height: var(--pico-line-height); - text-align: center; - cursor: pointer; - -ms-transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); - transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); -} -[type=file]::-ms-browse:is(:hover, :active, :focus) { - --pico-background-color: var(--pico-secondary-background-hover); - --pico-border-color: var(--pico-secondary-border-hover); -} -[type=file]:is(:hover, :active, :focus)::file-selector-button { - --pico-background-color: var(--pico-secondary-background-hover); - --pico-border-color: var(--pico-secondary-border-hover); -} -[type=file]:is(:hover, :active, :focus)::-webkit-file-upload-button { - --pico-background-color: var(--pico-secondary-background-hover); - --pico-border-color: var(--pico-secondary-border-hover); -} -[type=file]:is(:hover, :active, :focus)::-ms-browse { - --pico-background-color: var(--pico-secondary-background-hover); - --pico-border-color: var(--pico-secondary-border-hover); +input[type=file]:focus::file-selector-button { + --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus); } /** diff --git a/css/pico.classless.css.map b/css/pico.classless.css.map index bda5903d..3d124a8a 100644 --- a/css/pico.classless.css.map +++ b/css/pico.classless.css.map @@ -1 +1 @@ -{"version":3,"sources":["pico.classless.css","../scss/utils/_copyright.scss","../scss/themes/default/_schemes.scss","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/themes/default/_styles.scss","../scss/layout/_document.scss","../scss/layout/_landmarks.scss","../scss/layout/_section.scss","../scss/layout/_scroller.scss","../scss/content/_link.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/forms/_basics.scss","../scss/forms/_checkbox-radio-switch.scss","../scss/forms/_input-color.scss","../scss/forms/_input-date.scss","../scss/forms/_input-file.scss","../scss/forms/_input-range.scss","../scss/forms/_input-search.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_dropdown.scss","../scss/components/_loading.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/components/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;;;EAAA;ACOE;;EAAA;AAMA;;ECLA,6BAAA;EAGA,qBAAA;EAGA,oDAAA;EAGA,2BAAA;EACA,kCAAA;EAGA,uBAAA;EACA,6BAAA;EACA,gDAAA;EACA,yDAAA;EACA,kCAAA;EACA,wCAAA;EACA,qDAAA;EACA,iEAAA;EACA,4CAAA;EACA,4BAAA;EAGA,yBAAA;EACA,+BAAA;EACA,mDAAA;EACA,6DAAA;EACA,oCAAA;EACA,0CAAA;EACA,yDAAA;EACA,qEAAA;EACA,gDAAA;EACA,8BAAA;EAGA,wBAAA;EACA,2BAAA;EACA,gDAAA;EACA,4DAAA;EACA,mCAAA;EACA,sCAAA;EACA,uDAAA;EACA,mEAAA;EACA,+CAAA;EACA,6BAAA;EAGA,kYAAA;EAKE,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,wBAAA;EAGA,qCAAA;EACA,0BAAA;EAGA,yBAAA;EACA,yBAAA;EAGA,8DAAA;EACA,uDAAA;EAOA,gDAAA;EACA,sDAAA;EAKA,yDAAA;EACA,uEAAA;EAKA,qCAAA;EACA,0CAAA;EACA,mDAAA;EACA,mDAAA;EAKA,6CAAA;EACA,yCAAA;EACA,kCAAA;EACA,8DAAA;EACA,iDAAA;EACA,mEAAA;EACA,2DAAA;EACA,wFAAA;EACA,gFAAA;EACA,yCAAA;EACA,iDAAA;EACA,wDAAA;EACA,6FAAA;EACA,+CAAA;EACA,sDAAA;EACA,yFAAA;EAiBA,uCAAA;EACA,gDAAA;EACA,sEAAA;EAKA,kCAAA;EACA,yCAAA;EACA,6DAAA;EACA,0DAAA;EACA,sEAAA;EACA,oDAAA;EAKA,6DAAA;EACA,gEAAA;EACA,uDAAA;EACA,4DAAA;EAKA,0DAAA;EACA,wDAAA;EACA,8CAAA;EACA,iDAAA;EAKA,sCAAA;EACA,qCAAA;EACA,kDAAA;EACA,wCAAA;EACA,+CAAA;EAKA,mCAAA;EAKA,+DAAA;EAKA,yCAAA;EACA,qDAAA;EAKA,gEAAA;EACA,kDAAA;EAKA,8SAAA;EACA,0SAAA;EAQA,+SAAA;EACA,sTAAA;EACA,oEAAA;EAKA,mdAAA;EACA,4VAAA;EAKA,wSAAA;EACA,kZAAA;EAKA,iWAAA;EAKA,4VAAA;EAIF,mBAAA;AHrHF;AGEI;;;;;;;;;;;;EAQE,0DAAA;AHIN;;AEpHE;EACE;IEbF,gCAAA;IAGA,qBAAA;IAGA,sDAAA;IAGA,2BAAA;IACA,kCAAA;IAGA,uBAAA;IACA,6BAAA;IACA,gDAAA;IACA,yDAAA;IACA,kCAAA;IACA,wCAAA;IACA,qDAAA;IACA,iEAAA;IACA,8CAAA;IACA,4BAAA;IAGA,yBAAA;IACA,+BAAA;IACA,oDAAA;IACA,6DAAA;IACA,oCAAA;IACA,0CAAA;IACA,yDAAA;IACA,qEAAA;IACA,iDAAA;IACA,8BAAA;IAGA,wBAAA;IACA,2BAAA;IACA,mDAAA;IACA,2DAAA;IACA,mCAAA;IACA,sCAAA;IACA,uDAAA;IACA,mEAAA;IACA,gDAAA;IACA,6BAAA;IAGA,wVAAA;IAKE,wBAAA;IACA,wBAAA;IACA,wBAAA;IACA,wBAAA;IACA,wBAAA;IACA,wBAAA;IAGA,qCAAA;IACA,uBAAA;IAGA,yBAAA;IACA,yBAAA;IAGA,8DAAA;IACA,uDAAA;IAOA,gDAAA;IACA,sDAAA;IAKA,yDAAA;IACA,uEAAA;IAKA,qCAAA;IACA,0CAAA;IACA,mDAAA;IACA,mDAAA;IAKA,6CAAA;IACA,yCAAA;IACA,kCAAA;IACA,8CAAA;IACA,oDAAA;IACA,mEAAA;IACA,2DAAA;IACA,wFAAA;IACA,gFAAA;IACA,yCAAA;IACA,iDAAA;IACA,wDAAA;IACA,6FAAA;IACA,+CAAA;IACA,sDAAA;IACA,yFAAA;IAiBA,uCAAA;IACA,gDAAA;IACA,sEAAA;IAKA,kCAAA;IACA,yCAAA;IACA,6DAAA;IACA,0DAAA;IACA,sEAAA;IACA,oDAAA;IAKA,6DAAA;IACA,gEAAA;IACA,uDAAA;IACA,4DAAA;IAKA,qCAAA;IACA,2DAAA;IACA,8CAAA;IACA,iDAAA;IAKA,yCAAA;IACA,qCAAA;IACA,kDAAA;IACA,wCAAA;IACA,+CAAA;IAKA,mCAAA;IAKA,2DAAA;IAKA,yCAAA;IACA,qDAAA;IAKA,gEAAA;IACA,kDAAA;IAKA,8SAAA;IACA,0SAAA;IAQA,6SAAA;IACA,oTAAA;IACA,uTAAA;IAKA,qdAAA;IACA,8VAAA;IAKA,0SAAA;IACA,mZAAA;IAKA,mWAAA;IAKA,4VAAA;IAIF,kBAAA;EJaA;EIhIE;;;;;;IAQE,0DAAA;EJgIJ;AACF;AEzOE;EEpBA,gCAAA;EAGA,qBAAA;EAGA,sDAAA;EAGA,2BAAA;EACA,kCAAA;EAGA,uBAAA;EACA,6BAAA;EACA,gDAAA;EACA,yDAAA;EACA,kCAAA;EACA,wCAAA;EACA,qDAAA;EACA,iEAAA;EACA,8CAAA;EACA,4BAAA;EAGA,yBAAA;EACA,+BAAA;EACA,oDAAA;EACA,6DAAA;EACA,oCAAA;EACA,0CAAA;EACA,yDAAA;EACA,qEAAA;EACA,iDAAA;EACA,8BAAA;EAGA,wBAAA;EACA,2BAAA;EACA,mDAAA;EACA,2DAAA;EACA,mCAAA;EACA,sCAAA;EACA,uDAAA;EACA,mEAAA;EACA,gDAAA;EACA,6BAAA;EAGA,wVAAA;EAKE,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,wBAAA;EAGA,qCAAA;EACA,uBAAA;EAGA,yBAAA;EACA,yBAAA;EAGA,8DAAA;EACA,uDAAA;EAOA,gDAAA;EACA,sDAAA;EAKA,yDAAA;EACA,uEAAA;EAKA,qCAAA;EACA,0CAAA;EACA,mDAAA;EACA,mDAAA;EAKA,6CAAA;EACA,yCAAA;EACA,kCAAA;EACA,8CAAA;EACA,oDAAA;EACA,mEAAA;EACA,2DAAA;EACA,wFAAA;EACA,gFAAA;EACA,yCAAA;EACA,iDAAA;EACA,wDAAA;EACA,6FAAA;EACA,+CAAA;EACA,sDAAA;EACA,yFAAA;EAiBA,uCAAA;EACA,gDAAA;EACA,sEAAA;EAKA,kCAAA;EACA,yCAAA;EACA,6DAAA;EACA,0DAAA;EACA,sEAAA;EACA,oDAAA;EAKA,6DAAA;EACA,gEAAA;EACA,uDAAA;EACA,4DAAA;EAKA,qCAAA;EACA,2DAAA;EACA,8CAAA;EACA,iDAAA;EAKA,yCAAA;EACA,qCAAA;EACA,kDAAA;EACA,wCAAA;EACA,+CAAA;EAKA,mCAAA;EAKA,2DAAA;EAKA,yCAAA;EACA,qDAAA;EAKA,gEAAA;EACA,kDAAA;EAKA,8SAAA;EACA,0SAAA;EAQA,6SAAA;EACA,oTAAA;EACA,uTAAA;EAKA,qdAAA;EACA,8VAAA;EAKA,0SAAA;EACA,mZAAA;EAKA,mWAAA;EAKA,4VAAA;EAIF,kBAAA;AJwIF;AI3PI;;;;;;EAQE,0DAAA;AJ2PN;;AE/VE;;;;EAIE,iCAAA;AFkWJ;;AKlYE;;EAAA;AAIA;EAEE,gMAAA;EAGA,uBAAA;EACA,uBAAA;EACA,sBAAA;EACA,oCAAA;EAcA,6BAAA;EACA,wBAAA;EACA,+BAAA;EAGA,mCAAA;EAGA,oBAAA;EAIE,wCAAA;EASA,4DAAA;EACA,oDAAA;EAUA,6CAAA;EACA,4CAAA;EAUA,oDAAA;EAKA,yCAAA;EACA,6CAAA;EACA,wCAAA;EACA,0CAAA;AL+UN;AK1YU;EAdR;IAeU,yBAAA;EL6YV;AACF;AK/YU;EAdR;IAeU,wBAAA;ELkZV;AACF;AKpZU;EAdR;IAeU,yBAAA;ELuZV;AACF;AKzZU;EAdR;IAeU,sBAAA;EL4ZV;AACF;;AKrVY;EANN;;;;IAiBQ,8DAAA;ELkVZ;AACF;AK9VY;EANN;;;;IAiBQ,4DAAA;EL0VZ;AACF;AKtWY;EANN;;;;IAiBQ,8DAAA;ELkWZ;AACF;AK9WY;EANN;;;;IAiBQ,4DAAA;EL0WZ;AACF;;AK/VY;EAHN;IAcQ,iEAAA;ELyVZ;AACF;AKrWY;EAHN;IAcQ,gEAAA;EL8VZ;AACF;AK1WY;EAHN;IAcQ,iEAAA;ELmWZ;AACF;AK/WY;EAHN;IAcQ,8DAAA;ELwWZ;AACF;;AKhWM;EACE,4DAAA;EACA,oDAAA;ALmWR;AKhWU;EALJ;IAMM,8DAAA;IACA,iEAAA;ELmWV;AACF;AK/VU;EAZJ;IAaM,4DAAA;IACA,gEAAA;ELkWV;AACF;;AK1VI;EACE,iCAAA;AL6VN;AKzVQ;EAEE,iCAAA;AL0VV;;AKjVI;EACE,yBAAA;ALoVN;;AKhVI;;;;;;EAME,uBAAA;ALmVN;;AKhVI;EACE,sBAAA;EACA,mCAAA;ALmVN;;AKhVI;EACE,yBAAA;EACA,uCAAA;ALmVN;;AKhVI;EACE,wBAAA;EACA,sCAAA;ALmVN;;AKhVI;EACE,yBAAA;EACA,uCAAA;ALmVN;;AKhVI;EACE,0BAAA;EACA,wCAAA;ALmVN;;AKhVI;EACE,sBAAA;EACA,qCAAA;ALmVN;;AK3UM;;;;EAEE,wBAAA;ALgVR;;AK5UI;EACE,kBAAA;AL+UN;;AKzUI;;;;EAIE,kNAAA;AL4UN;;AKvUI;EACE,0BAAA;AL0UN;;AKrUE;;;;;;;EASE,+BAAA;ALsUJ;;AKjUI;;EAEE,6BAAA;ALoUN;;AKjUI;EACE,8BAAA;ALoUN;;AK7TM;EACE,+BAAA;ALgUR;;AMtlBE;;;EAAA;AAYA;;;EAGE,sBAAA;EACA,4BAAA;ANilBJ;;AM5kBE;;EAEE,wBAAA;EACA,uBAAA;AN+kBJ;;AMtkBE;EACE,wCAAA;EACA,8BAAA;EACA,sBAAA;EACA,8CAAA;EACA,wBAAA;EACA,oCAAA;EACA,gCAAA;EACA,oCAAA;EACA,oCAAA;EACA,wDAAA;EACA,kCAAA;EACA,yBAAA;EACA,eAAA;EACA,gBAAA;EAAA,cAAA;EAAA,WAAA;ANykBJ;;AOxnBE;;EAAA;AAUA;EACE,WAAA;EACA,SAAA;APonBJ;;AOhnBE;EACE,cAAA;APmnBJ;;AO7mBI;;;EAMI,WAAA;EACA,kBAAA;EACA,iBAAA;EACA,gFAAA;AP6mBR;AOxmBc;EAdV;;;IAeY,gBAAA;IAGE,gBAAA;IACA,eAAA;EP2mBhB;AACF;AOjnBc;EAdV;;;IAeY,gBAAA;EPsnBd;AACF;AOxnBc;EAdV;;;IAeY,gBAAA;EP6nBd;AACF;AO/nBc;EAdV;;;IAeY,iBAAA;EPooBd;AACF;;AQ3qBE;;EAAA;AAIA;EACE,iDAAA;AR6qBJ;;ASlrBE;;EAAA;AAKA;EACE,cAAA;EACA,SAAA;EACA,UAAA;EACA,gBAAA;ATmrBJ;ASjrBI;EACE,0CAAA;EACA,8BAAA;ATmrBN;;AUhsBE;;EAAA;AAIA;;EAEE,iCAAA;EACA,oCAAA;EACA,+CAAA;EACA,aAAA;EACA,8CAAA;EACA,wBAAA;EACA,oDAAA;EAAA,4CAAA;EACA,4CAAA;EACA,8BAAA;EAGE,oKAAA;EAAA,4JAAA;EAAA,4MAAA;AVgsBN;AU5rBI;;EACE,uCAAA;EACA,qDAAA;EACA,iCAAA;AV+rBN;AU5rBI;;EACE,qEAAA;AV+rBN;;AW3tBE;;EAAA;AAUA;;EAEE,mBAAA;AXutBJ;;AWntBE;;EAEE,kBAAA;EACA,iBAAA;EACA,cAAA;EACA,wBAAA;AXstBJ;;AWptBE;EACE,eAAA;AXutBJ;;AWrtBE;EACE,WAAA;AXwtBJ;;AWltBE;;;;;;;;;;EAUE,aAAA;EACA,sDAAA;EACA,wBAAA;EACA,kBAAA;EACA,oCAAA;AXqtBJ;;AWjtBE;;;;;;EAME,aAAA;EACA,sDAAA;EACA,wBAAA;EACA,oCAAA;EACA,gCAAA;EACA,oCAAA;AXotBJ;;AWjtBE;EACE,kCAAA;AXotBJ;;AWltBE;EACE,kCAAA;AXqtBJ;;AWntBE;EACE,kCAAA;AXstBJ;;AWptBE;EACE,kCAAA;AXutBJ;;AWrtBE;EACE,kCAAA;AXwtBJ;;AWttBE;EACE,kCAAA;AXytBJ;;AWptBI;EACE,8CAAA;AXutBN;;AWjtBI;EACE,sDAAA;AXotBN;AWltBM;EACE,gBAAA;AXotBR;AWjtBM;EACE,qCAAA;EACA,yBAAA;EACA,eAAA;EACA,kBAAA;AXmtBR;;AW3rBE;EACE,sDAAA;AX8rBJ;;AW1rBE;EACE,gBAAA;EACA,iCAAA;EACA,0CAAA;EAAA,yCAAA;EACA,sBAAA;EAAA,qBAAA;AX6rBJ;AW3rBI;EACE,mEAAA;AX6rBN;;AWtrBI;EACE,SAAA;EACA,gEAAA;AXyrBN;;AWrrBE;EACE,kBAAA;AXwrBJ;;AWprBE;EACE,yBAAA;EACA,mDAAA;EACA,6BAAA;EACA,wBAAA;AXurBJ;;AWnrBE;EACE,cAAA;EACA,iDAAA;EACA,4BAAA;EACA,kBAAA;EACA,8DAAA;EACA,uEAAA;EAAA,sEAAA;EACA,wBAAA;EAAA,uBAAA;AXsrBJ;AWprBI;EACE,+DAAA;EACA,0CAAA;AXsrBN;;AWhrBE;EACE,yBAAA;EACA,qBAAA;EACA,YAAA;AXmrBJ;;AW/qBE;EACE,4BAAA;EACA,qBAAA;AXkrBJ;;AW9qBE;EACE,4BAAA;AXirBJ;;AW7qBE;EACE,kDAAA;AXgrBJ;;AWjrBE;EACE,kDAAA;AXgrBJ;;AY13BE;;EAAA;AAUA;EACE,sBAAA;AZs3BJ;;AYl3BE;;EAEE,qBAAA;AZq3BJ;;AYj3BE;EACE,aAAA;EACA,SAAA;AZo3BJ;;AYh3BE;EACE,kBAAA;AZm3BJ;;AY92BE;EACE,eAAA;EACA,YAAA;EACA,kBAAA;AZi3BJ;;AY72BE;EACE,kBAAA;AZg3BJ;;AY52BE;EACE,gBAAA;AZ+2BJ;;Aa75BE;;EAAA;AAYA;EACE,SAAA;EACA,iBAAA;EACA,oBAAA;EACA,oBAAA;Abu5BJ;;Aan5BE;;;;EAIE,0BAAA;Abs5BJ;;Aah5BE;EACE,cAAA;EACA,kCAAA;Abm5BJ;;Aah5BE;;;EAGE,WAAA;Abm5BJ;;Aah5BE;;;;;EAKE,uDAAA;EACA,+CAAA;EACA,yCAAA;EACA,wEAAA;EACA,8FAAA;EACA,+DAAA;EACA,wCAAA;EACA,aAAA;EACA,8CAAA;EACA,kCAAA;EACA,wBAAA;EACA,oCAAA;EACA,eAAA;EACA,oCAAA;EACA,kBAAA;EACA,eAAA;EACA,yBAAA;EAAA,sBAAA;EAAA,iBAAA;EAGE,yJAAA;Abi5BN;Aa74BI;;;;;EACE,6DAAA;EACA,qDAAA;EACA,8EAAA;EACA,yCAAA;Abm5BN;Aah5BI;;;;;EACE,yIAAA;Abs5BN;;Aav0BI;EACE,8CAAA;EACA,0CAAA;EACA,2CAAA;EACA,eAAA;Ab00BN;Aax0BM;EACE,oDAAA;EACA,gDAAA;Ab00BR;Aav0BM;EACE,2IAAA;Aby0BR;;Aal0BE;;;;;;EASE,YAAA;EACA,oBAAA;Abk0BJ;;Ac3/BE;;EAAA;AAWA;EACE,WAAA;EACA,yBAAA;EACA,iBAAA;EACA,cAAA;Ads/BJ;;Ac/+BE;;EAEE,0DAAA;EACA,4EAAA;EACA,wBAAA;EACA,oCAAA;EACA,gBAAA;EACA,iBAAA;Adk/BJ;;Ac7+BI;;EAEE,yEAAA;EACA,gBAAA;Adg/BN;;Acz+BM;EACE,iEAAA;Ad4+BR;;AezhCE;;EAAA;AAWA;;;;EAIE,kBAAA;EACA,oCAAA;AfohCJ;;AehhCE;EACE,6BAAA;EACA,cAAA;AfmhCJ;;Ae7gCE;;;EAGE,wCAAA;EACA,6CAAA;EACA,6BAAA;EACA,oCAAA;EACA,oBAAA;AfghCJ;;Ae7gCE;;EAEE,qBAAA;EACA,wBAAA;AfghCJ;;Ae7gCE;EACE,cAAA;EACA,kCAAA;EACA,gBAAA;AfghCJ;Ae9gCI;EACE,cAAA;EACA,4BAAA;EACA,gBAAA;EACA,oCAAA;AfghCN;;Ae3gCE;EACE,uDAAA;EACA,iCAAA;EACA,wBAAA;Af8gCJ;;AgB3kCE;;EAAA;AAWA;EACE,SAAA;EACA,SAAA;EACA,oDAAA;EACA,cAAA;AhBskCJ;;AgBlkCE;;EAGI,wBAAA;AhBokCN;;AgB7jCE;EACE,qBAAA;AhBgkCJ;;AiB9lCE;;EAAA;AAWA;;;;EAIE,SAAA;EACA,eAAA;EACA,oCAAA;EACA,oBAAA;EACA,uBAAA;AjBylCJ;;AiBrlCE;EACE,iBAAA;AjBwlCJ;;AiBplCE;EACE,oBAAA;AjBulCJ;;AiBhlCE;EACE,eAAA;EACA,UAAA;EACA,cAAA;EACA,mBAAA;AjBmlCJ;;AiB/kCE;EACE,cAAA;AjBklCJ;;AiB9kCE;;EAEE,UAAA;AjBilCJ;;AiB7kCE;;EAEE,YAAA;AjBglCJ;;AiB3kCE;EACE,6BAAA;EACA,oBAAA;AjB8kCJ;;AiB1kCE;EACE,wBAAA;AjB6kCJ;;AiBxkCE;EACE,0BAAA;EACA,aAAA;AjB2kCJ;;AiBvkCE;EACE,UAAA;EACA,kBAAA;AjB0kCJ;;AiBtkCE;EACE,aAAA;AjBykCJ;;AiBrkCE;EACE,gBAAA;AjBwkCJ;;AiBpkCE;EACE,aAAA;AjBukCJ;;AiBnkCE;;EAEE,UAAA;EACA,eAAA;AjBskCJ;;AiB/jCE;EACE,2HAAA;AjBkkCJ;;AiB1jCE;EACE,SAAA;EACA,kCAAA;EACA,UAAA;EACA,SAAA;AjB6jCJ;;AiBzjCE;;EAEE,cAAA;EACA,+CAAA;EACA,wEAAA;AjB4jCJ;;AiBxjCE;;;EAGE,WAAA;AjB2jCJ;;AiBvjCE;;;EAGE,wBAAA;EAAA,qBAAA;EAAA,gBAAA;EACA,8FAAA;AjB0jCJ;;AiBtjCE;;;EAGE,kEAAA;EACA,0DAAA;EACA,4CAAA;EACA,uBAAA;EACA,+DAAA;EACA,wCAAA;EACA,aAAA;EACA,8CAAA;EACA,kCAAA;EACA,wBAAA;EACA,oCAAA;EAGE,yJAAA;AjBujCN;;AiBxiCI;;;;;;;EACE,yEAAA;AjBijCN;;AiB1iCI;;EACE,iEAAA;AjB8iCN;;AiBhiCI;;;;;;;EACE,uFAAA;AjByiCN;;AiBpiCE;;;;EAKE,2EAAA;EACA,mEAAA;EACA,kDAAA;EACA,oBAAA;AjBsiCJ;;AiBxhCM;;;;;;;EAEI,oFAAA;EACA,yDAAA;EACA,6EAAA;EAAA,4EAAA;EACA,0FAAA;EAAA,yFAAA;EAOF,yCAAA;EACA,0BAAA;EACA,4BAAA;AjB0hCR;AiBvhCM;;;;;;;EACE,wCAAA;AjB+hCR;AiB5hCM;;;;;;;EACE,0CAAA;AjBoiCR;AiBhiCI;EACE,gEAAA;AjBkiCN;AiBhiCM;EAEI,kFAAA;EACA,wGAAA;AjBiiCV;AiBjhCI;EACE,kEAAA;AjBmhCN;AiBjhCM;EAEI,oFAAA;EACA,0GAAA;AjBkhCV;;AiB9/BQ;EACE,wCAAA;AjBigCV;;AiB1/BE;;;;;EAKE,iDAAA;EACA,UAAA;AjB6/BJ;;AiBz/BE;;;EAGE,kCAAA;AjB4/BJ;;AiBt/BI;EACE,SAAA;EACA,6BAAA;AjBy/BN;AiBt/BI;EACE,yEAAA;EACA,yDAAA;EACA,kEAAA;EAAA,iEAAA;EACA,+EAAA;EAAA,8EAAA;EACA,0CAAA;EACA,yCAAA;EACA,0BAAA;EACA,4BAAA;AjBw/BN;;AiBl/BM;EACE,wCAAA;AjBq/BR;;AiB9+BI;EACE,cAAA;EACA,WAAA;EACA,8CAAA;EACA,kCAAA;EACA,8BAAA;AjBi/BN;AiB9+BM;EACE,4BAAA;AjBg/BR;AiB5+BM;EACE,4BAAA;AjB8+BR;;AiBv+BI;EACE,4CAAA;AjB0+BN;;AkBz2CE;;EAAA;AAIA;;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,sCAAA;EACA,sBAAA;EACA,eAAA;AlB22CJ;AkBz2CI;;EACE,aAAA;AlB42CN;AkBz2CI;;;;EAGE,uDAAA;EACA,+CAAA;EACA,2CAAA;EACA,2BAAA;EACA,4BAAA;EACA,4BAAA;AlB42CN;AkBz2CI;;EACE,qBAAA;EACA,qBAAA;EACA,gBAAA;EACA,eAAA;AlB42CN;;AkBt2CI;EACE,uDAAA;EACA,+CAAA;EACA,wCAAA;EACA,2BAAA;EACA,4BAAA;EACA,4BAAA;AlBy2CN;;AkBp2CE;EACE,kBAAA;AlBu2CJ;AkBr2CI;EAGE,oDAAA;EACA,oBAAA;EACA,sBAAA;AlBq2CN;;AkBh2CE;EACE,4DAAA;EACA,wDAAA;EACA,sCAAA;EAQA,aAJe;EAKf,cANgB;EAOhB,+DAAA;EACA,qBARgB;EAShB,8CAAA;EACA,mBAVgB;AlBs2CpB;AkB11CI;EACE,4DAAA;EACA,wDAAA;AlB41CN;AkBz1CI;EACE,oEAAA;EACA,gEAAA;AlB21CN;AkBx1CI;EACE,cAAA;EACA,oDAAA;EACA,YAAA;EACA,kBAAA;EACA,mCAAA;EACA,WAAA;EAGE,mCAAA;AlBw1CR;AkBp1CI;EACE,sBAAA;AlBs1CN;AkBp1CM;EACE,qDAAA;EACA,8DAAA;EAAA,6DAAA;AlBs1CR;;AkB10CI;;;;;;EACE,gEAAA;AlBk1CN;AkB/0CI;;;;;;EACE,kEAAA;AlBs1CN;;AmB/8CE;;EAAA;AAKE;EAfF,UAAA;AnBg+CF;AmB78CI;EAnBF,UAAA;AnBm+CF;AmB58CI;EAlBF,SAAA;EACA,oDAAA;AnBi+CF;AmB58CI;EAtBF,SAAA;EACA,oDAAA;AnBq+CF;;AoB5+CE;;EAAA;AAME;EACE,6BAAA;EACA,uBAAA;EACA,uEAAA;EACA,uCAAA;EACA,2DAAA;EACA,4CAAA;EACA,4BAAA;ApB4+CN;AoBx+CI;EACE,uCAAA;ApB0+CN;;AoBh+CI;;;;;EACE,6BAAA;EACA,+CAAA;EACA,sCAAA;EACA,UAAA;ApBu+CN;;AoBn+CE;EAEE,iBAAA;ApBq+CJ;;AqBt+CE;;EAAA;AAIA;EACE,qCAAA;EACA,UAAA;EACA,kBAAA;EACA,gEAAA;EACA,SAAA;EACA,gBAAA;EACA,gBAAA;ArBw+CJ;AqBt+CI;EA7CF,yDAAA;EACA,iDAAA;EACA,2CAAA;EACA,2CAAA;EACA,cAAA;EACA,uBAAA;EAAA,sBAAA;EACA,iDAAA;EAAA,gDAAA;EACA,0GAAA;EAEA,+DAAA;EACA,wCAAA;EACA,aAAA;EACA,8CAAA;EACA,kCAAA;EACA,wBAAA;EACA,oCAAA;EACA,eAAA;EACA,oCAAA;EACA,kBAAA;EACA,eAAA;EAGE,yJAAA;ArBmhDJ;AqB/gDE;EA/BA,+DAAA;EACA,uDAAA;ArBijDF;AqB5/CI;EAjDF,yDAAA;EACA,iDAAA;EACA,2CAAA;EACA,2CAAA;EACA,cAAA;EACA,uBAAA;EAAA,sBAAA;EACA,iDAAA;EAAA,gDAAA;EACA,0GAAA;EAEA,+DAAA;EACA,wCAAA;EACA,aAAA;EACA,8CAAA;EACA,kCAAA;EACA,wBAAA;EACA,oCAAA;EACA,eAAA;EACA,oCAAA;EACA,kBAAA;EACA,eAAA;EAGE,iKAAA;EAAA,yJAAA;ArB6iDJ;AqBziDE;EA/BA,+DAAA;EACA,uDAAA;ArB2kDF;AqBlhDI;EArDF,yDAAA;EACA,iDAAA;EACA,2CAAA;EACA,2CAAA;EACA,cAAA;EACA,sBAAA;EACA,gDAAA;EACA,0GAAA;EAEA,+DAAA;EACA,wCAAA;EACA,aAAA;EACA,8CAAA;EACA,kCAAA;EACA,wBAAA;EACA,oCAAA;EACA,eAAA;EACA,oCAAA;EACA,kBAAA;EACA,eAAA;EAGE,6JAAA;EAAA,yJAAA;ArBukDJ;AqBnkDE;EA/BA,+DAAA;EACA,uDAAA;ArBqmDF;AqBviDM;EA/DJ,+DAAA;EACA,uDAAA;ArBymDF;AqBviDM;EAnEJ,+DAAA;EACA,uDAAA;ArB6mDF;AqBviDM;EAvEJ,+DAAA;EACA,uDAAA;ArBinDF;;AsBjlDE;;EAAA;AAIA;EAEE,wBAAA;EACA,qBAAA;EACA,gBAAA;EACA,WAAA;EACA,eA1CW;EA2CX,gBAAA;AtBklDJ;AsBhlDI;EAxCF,WAAA;EACA,eAPa;EAQb,wCAAA;EACA,gDAAA;EAGE,8FAAA;EAAA,sFAAA;AtBynDJ;AsBnlDI;EA5CF,WAAA;EACA,eAPa;EAQb,wCAAA;EACA,gDAAA;EAGE,2FAAA;EAAA,sFAAA;AtBgoDJ;AsBtlDI;EAhDF,WAAA;EACA,eAPa;EAQb,wCAAA;EACA,gDAAA;EAGE,0FAAA;EAAA,sFAAA;AtBuoDJ;AsBzlDI;EAxCF,wBAAA;EACA,cAlBa;EAmBb,eAnBa;EAoBb,mBAAA;EACA,sDAAA;EACA,kBAAA;EACA,+CAAA;EACA,eAAA;EAGE,6FAAA;EAAA,qFAAA;AtBkoDJ;AsBhmDI;EA5CF,wBAAA;EACA,cAlBa;EAmBb,eAnBa;EAoBb,mBAAA;EACA,sDAAA;EACA,kBAAA;EACA,+CAAA;EACA,eAAA;EAGE,0FAAA;EAAA,qFAAA;AtB6oDJ;AsBvmDI;EAhDF,wBAAA;EACA,cAlBa;EAmBb,eAnBa;EAoBb,mBAAA;EACA,sDAAA;EACA,kBAAA;EACA,+CAAA;EACA,eAAA;EAGE,yFAAA;EAAA,qFAAA;AtBwpDJ;AsB9mDI;EAEE,gEAAA;EACA,6DAAA;AtB+mDN;AsB5mDI;EACE,8DAAA;AtB8mDN;AsB3mDM;EACE,sBAAA;AtB6mDR;AsB1mDM;EACE,sBAAA;AtB4mDR;AsBzmDM;EACE,sBAAA;AtB2mDR;;AuBpsDE;;EAAA;AAME;EACE,kFAAA;EAAA,iFAAA;EACA,mBAAA;EACA,yCAAA;EACA,yCAAA;EACA,0BAAA;EACA,4BAAA;AvBosDN;AuBlsDM;EAEI,6FAAA;EAAA,4FAAA;EAMF,+DAAA;AvB8rDR;AuB3rDM;EACE,iEAAA;AvB6rDR;AuB1rDM;EACE,mEAAA;AvB4rDR;;AuBprDQ;EACE,0CAAA;AvBurDV;AuBrrDU;EACE,+DAAA;AvBurDZ;;AwBjuDE;;EAAA;AAIA;EACE,cAAA;EACA,kCAAA;AxBmuDJ;AwBjuDI;EACE,mCAAA;EACA,gFAAA;AxBmuDN;AwBhuDI;EACE,iBAAA;EACA,qBAAA;EACA,eAAA;EAOE,wCAAA;AxB4tDR;AwBjuDM;EACE,gDAAA;AxBmuDR;AwB3tDM;EACE,aAAA;AxB6tDR;AwB1tDM;EACE,aAAA;AxB4tDR;AwBztDM;EACE,qBAAA;AxB2tDR;AwBvtDM;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,2DAAA;EAAA,0DAAA;EACA,YAAA;EACA,yBAAA;EACA,0CAAA;EACA,iCAAA;EACA,0BAAA;EACA,4BAAA;EACA,WAAA;EAGE,4CAAA;AxButDV;AwBntDM;EACE,aAAA;AxBqtDR;AwBntDQ;EACE,iDAAA;AxBqtDV;AwBhtDQ;EACE,kEAAA;EACA,qDAAA;EACA,0BAAA;AxBktDV;AwB7sDM;EACE,WAAA;EACA,gBAAA;AxB+sDR;AwB5sDQ;EACE,iDAAA;EACA,iDAAA;AxB8sDV;AwB1rDM;EACE,kCAAA;AxB4rDR;AwBzrDU;EACE,+CAAA;AxB2rDZ;AwBvrDQ;EACE,oBAAA;AxByrDV;;AwBjrDM;EACE,iBAAA;AxBorDR;AwBlrDQ;EACE,WAAA;EACA,gCAAA;AxBorDV;;AyBjzDE;;EAAA;AAIA;EACE,iDAAA;EACA,gFAAA;EACA,wCAAA;EACA,6CAAA;EACA,uCAAA;AzBmzDJ;AyBjzDI;;EAEE,6DAAA;EACA,4DAAA;EACA,6FAAA;EACA,+DAAA;AzBmzDN;AyBhzDI;EACE,yDAAA;EACA,iDAAA;EACA,2EAAA;EACA,kDAAA;EACA,iDAAA;AzBkzDN;AyB/yDI;EACE,8CAAA;EACA,4DAAA;EACA,wEAAA;EACA,qDAAA;EACA,oDAAA;AzBizDN;;A0Bj1DE;;EAAA;AAOA;;EAGE,kBAAA;EAEA,mBAAA;A1B80DJ;A0Bv0DM;;;;;;EACE,cAAA;EACA,WAAA;EACA,iDAAA;EACA,6BAAA;EAAA,4BAAA;EACA,YAAA;EAGA,0CAAA;EACA,0CAAA;EACA,iCAAA;EACA,0BAAA;EACA,4BAAA;EACA,WAAA;A1B40DR;A0Br0DM;;;;EACE,iDAAA;A1B00DR;;A0BpzDE;EAEE,gBAAA;A1BszDJ;;A0BhzDE;EACE,2HAAA;EAQA,8FAAA;EACA,4EAAA;EACA,wCAAA;EACA,2DAAA;EACA,iDAAA;EACA,oBAAA;EACA,eAAA;EACA,yBAAA;EAAA,sBAAA;EAAA,iBAAA;EAGE,yJAAA;A1B0yDN;A0BtyDI;EAEE,0DAAA;EACA,kEAAA;A1BuyDN;A0BpyDI;EACE,gFAAA;A1BsyDN;A0BlyDI;EACE,aAAA;A1BoyDN;A0BhyDI;EACE,6EAAA;EACA,mFAAA;EACA,2EAAA;A1BkyDN;A0B/xDI;EACE,+EAAA;EACA,qFAAA;EACA,6EAAA;A1BiyDN;;A0BzxDE;EAEE,YAAA;EACA,2HAAA;A1B2xDJ;;A0BpxDE;;;EAIE,aAAA;EACA,WAAA;EACA,kBAAA;EACA,OAAA;EACA,sBAAA;EACA,WAAA;EACA,2BAAA;EAAA,sBAAA;EACA,SAAA;EACA,qCAAA;EACA,UAAA;EACA,wEAAA;EACA,wCAAA;EACA,uDAAA;EACA,2CAAA;EACA,iCAAA;EACA,mBAAA;EACA,UAAA;EAGE,uEAAA;A1BoxDN;A0BjxDI;;;EACE,QAAA;EACA,UAAA;A1BqxDN;A0BlxDI;;;EACE,WAAA;EACA,gBAAA;EACA,0GAAA;EAEA,gBAAA;A1BqxDN;A0BnxDM;;;EACE,iEAAA;A1BuxDR;A0BpxDM;;;EACE,oEAAA;A1BwxDR;A0BrxDM;;;EACE,cAAA;EACA,qHAAA;EAEA,0GAAA;EAEA,gBAAA;EACA,gBAAA;EACA,iCAAA;EACA,qBAAA;EACA,uBAAA;A1BuxDR;A0BrxDQ;;;;;;;;;EAIE,6DAAA;A1B4xDV;A0BxxDM;;;EACE,6DAAA;A1B4xDR;A0B1xDQ;;;EACE,eAAA;A1B8xDV;;A0BrxDE;;EAEE,qBAAA;EACA,qBAAA;A1BwxDJ;A0BtxDI;;;EAEE,qDAAA;EACA,oDAAA;A1ByxDN;;A0BlxDE;EACE,gBAAA;A1BqxDJ;;A0B3wDI;;;EACE,oBAAA;EACA,UAAA;EAGE,uEAAA;A1B8wDR;;A0BvwDE;EAIM;;IACE,oBAAA;IACA,UAAA;IAGE,uEAAA;E1BswDV;AACF;A0B5vDI;EACE,cAAA;EACA,UAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,QAAA;EACA,gBAAA;EACA,WAAA;EACA,eAAA;A1B8vDN;;A2BxhEE;;EAAA;AAKA;EACE,gBAAA;A3ByhEJ;;A2BphEI;EACE,qBAAA;EACA,UAAA;EACA,WAAA;EACA,mCAAA;EACA,kBAAA;EACA,+BAAA;EACA,WAAA;EACA,2BAAA;EACA,wBAAA;EACA,wCAAA;EACA,4CAAA;A3BuhEN;A2BnhEM;EACE,6CAAA;EACA,cAAA;EACA,uBAAA;EAAA,sBAAA;EACA,mDAAA;EAAA,kDAAA;A3BqhER;A2BjhEI;EACE,kBAAA;A3BmhEN;;A2BzgEI;;;;;EACE,oBAAA;A3BghEN;;A2B3gEE;EACE;IACE,yBAAA;E3B8gEJ;AACF;A4BpkEE;;EAAA;AAIA;EACE,2BAAA;A5BqkEJ;;A4BlkEE;EACE,aAAA;EACA,YAAA;EACA,eAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,gBAAA;EACA,SAAA;EACA,kEAAA;EAAA,0DAAA;EACA,4DAAA;EACA,wBAAA;A5BqkEJ;A4BlkEI;EACE,WAAA;EACA,iDAAA;EACA,2BAAA;EACA,cAAA;A5BokEN;A4BjkEQ;EAPJ;IAQM,gBAAA;E5BokER;AACF;A4BhkEQ;EAbJ;IAcM,gBAAA;E5BmkER;AACF;A4BhkEM;;EAEE,4FAAA;A5BkkER;A4B9jEQ;EACE,SAAA;EACA,gCAAA;EACA,YAAA;A5BgkEV;A4B5jEM;EACE,iBAAA;A5B8jER;A4B5jEQ;EACE,gBAAA;A5B8jEV;A4B5jEU;EACE,4CAAA;A5B8jEZ;A4B9hEI;EAEE,aAAA;A5B+hEN;;A6BnoEE;;EAAA;AAQA;EACE,WAAA;EACA,YAAA;A7BioEJ;;A6B3nEE;;EAEE,aAAA;A7B8nEJ;;A6B3nEE;EACE,8BAAA;A7B8nEJ;A6B5nEI;;EAEE,mBAAA;EACA,gBAAA;EACA,UAAA;EACA,gBAAA;A7B8nEN;A6B5nEM;;EACE,kEAAA;A7B+nER;A6B7nEM;;EACE,mEAAA;A7BgoER;A6B5nEI;EACE,qBAAA;EACA,SAAA;EACA,4FAAA;A7B8nEN;A6B5nEM;EACE,qBAAA;EACA,2GAAA;EAEA,sFAAA;EACA,wCAAA;A7B6nER;A6B3nEQ;EACE,qBAAA;A7B6nEV;A6BxnEM;;;;EAIE,YAAA;EACA,qBAAA;EACA,gBAAA;EACA,oBAAA;EACA,2HAAA;A7B0nER;A6BpnEI;EACE,mBAAA;EACA,sBAAA;A7BsnEN;A6BnnEQ;EACE,6DAAA;EAAA,4DAAA;A7BqnEV;A6BjnEU;EACE,kBAAA;EACA,wDAAA;EACA,uEAAA;EAAA,sEAAA;EACA,YAAA;EACA,8BAAA;EACA,kBAAA;EACA,qBAAA;A7BmnEZ;A6B7mEM;EACE,6BAAA;EACA,cAAA;EACA,qBAAA;EACA,oBAAA;A7B+mER;;A6BxmEI;;;;EAIE,cAAA;A7B2mEN;A6BxmEI;EACE,wGAAA;A7B0mEN;A6BvmEM;EACE,cAAA;A7BymER;A6BrmEM;EACE,eAAA;A7BumER;;A6B5lEY;EACE,aAAA;A7B+lEd;;A8BruEE;;EAAA;AAWA;EACE,qBAAA;EACA,wBAAA;A9BguEJ;;A8B1tEE;EAEE,wBAAA;EACA,qBAAA;EAGA,qBAAA;EACA,gBAAA;EACA,WAAA;EACA,cAAA;EACA,8CAAA;EACA,gBAAA;EAGA,SAAA;EACA,wCAAA;EACA,uDAAA;EAGA,iCAAA;A9BstEJ;A8BptEI;EACE,wCAAA;EACA,gBAAA;A9BstEN;A8BntEI;EACE,4CAAA;A9BqtEN;A8BltEI;EACE,4CAAA;A9BotEN;A8BhtEI;EACE;IACE,mLAAA;IAOA,oDAAA;E9B4sEN;E8B1sEM;IACE,6BAAA;E9B4sER;E8BzsEM;IACE,6BAAA;E9B2sER;AACF;;A8BrsEI;EACE;IACE,4BAAA;E9BwsEN;AACF;;A8BpsEE;EACE;IACE,2BAAA;E9BusEJ;E8BpsEE;IACE,4BAAA;E9BssEJ;AACF;A+BjyEE;;EAAA;AAIA;EACE,kBAAA;A/BkyEJ;A+BhyEI;EACE,yBAAA;EACA,qBAAA;EACA,YAAA;A/BkyEN;A+B/xEI;EAIE,cAAA;EACA,WAAA;EACA,kBAAA;EACA,YAAA;EACA,SAAA;EACA,uBAAA;EACA,gBAAA;EACA,oCAAA;EACA,wCAAA;EACA,gDAAA;EACA,2BAAA;EACA,gCAAA;EACA,kBAAA;EACA,oCAAA;EACA,mBAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,UAAA;EACA,oBAAA;A/B8xEN;A+B1xEI;EAEE,UAAA;EACA,gCAAA;EACA,wBAAA;EACA,sCAAA;EACA,qCAAA;EACA,gBAAA;EACA,6BAAA;EACA,WAAA;EACA,2CAAA;A/B2xEN;A+BvxEM;EAEE,SAAA;EACA,YAAA;EACA,mCAAA;A/BwxER;A+BrxEM;EACE,mCAAA;EACA,gCAAA;EACA,2BAAA;A/BuxER;A+BlxEM;EAEE,QAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,oCAAA;A/BmxER;A+BhxEM;EACE,kCAAA;EACA,gCAAA;EACA,yBAAA;A/BkxER;A+B7wEM;EAEE,QAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,mCAAA;A/B8wER;A+B3wEM;EACE,mCAAA;EACA,gCAAA;EACA,0BAAA;A/B6wER;A+BtwEM;EAEE,UAAA;A/BuwER;A+BjwEM;EAII;IAEE,wBAAA;IACA,iCAAA;E/B+vEV;E+B5vEQ;IACE,uCAAA;E/B8vEV;E+BvvEU;IAEE,wBAAA;IACA,oCAAA;E/BwvEZ;E+BrvEU;IACE,0CAAA;E/BuvEZ;E+B/uEU;IAEE,wBAAA;IACA,kCAAA;E/BgvEZ;E+B7uEU;IACE,wCAAA;E/B+uEZ;E+BvuEU;IAEE,wBAAA;IACA,mCAAA;E/BwuEZ;E+BruEU;IACE,yCAAA;E/BuuEZ;AACF;A+BluEM;EACE;IACE,mCAAA;IACA,UAAA;E/BouER;E+BjuEM;IACE,oCAAA;IACA,UAAA;E/BmuER;AACF;A+BhuEM;EACE;IACE,UAAA;E/BkuER;E+B/tEM;IACE,oCAAA;IACA,UAAA;E/BiuER;E+B9tEM;IACE,gCAAA;IACA,UAAA;E/BguER;AACF;A+B7tEM;EACE;IACE,oCAAA;IACA,UAAA;E/B+tER;E+B5tEM;IACE,mCAAA;IACA,UAAA;E/B8tER;AACF;A+B3tEM;EACE;IACE,UAAA;E/B6tER;E+B1tEM;IACE,mCAAA;IACA,UAAA;E/B4tER;E+BztEM;IACE,mCAAA;IACA,UAAA;E/B2tER;AACF;A+BxtEM;EACE;IACE,mCAAA;IACA,UAAA;E/B0tER;E+BvtEM;IACE,oCAAA;IACA,UAAA;E/BytER;AACF;A+BttEM;EACE;IACE,UAAA;E/BwtER;E+BrtEM;IACE,mCAAA;IACA,UAAA;E/ButER;E+BptEM;IACE,kCAAA;IACA,UAAA;E/BstER;AACF;A+BntEM;EACE;IACE,oCAAA;IACA,UAAA;E/BqtER;E+BltEM;IACE,mCAAA;IACA,UAAA;E/BotER;AACF;A+BjtEM;EACE;IACE,UAAA;E/BmtER;E+BhtEM;IACE,oCAAA;IACA,UAAA;E/BktER;E+B/sEM;IACE,mCAAA;IACA,UAAA;E/BitER;AACF;;AgC5+EE;;EAAA;AAYA;EACE,eAAA;AhCs+EJ;;AgCl+EE;;EAEE,mBAAA;AhCq+EJ;;AgCj+EE;EACE,gBAAA;AhCo+EJ;;AgCj+EE;EACE,sBAAA;EACA,kBAAA;AhCo+EJ;;AgC/9EE;;;;;;;;;EASE,8BAAA;AhCk+EJ;;AgC59EE;EACE,cAAA;AhC+9EJ;;AiCjhFE;;EAAA;AAYA;EACE;;;IAGE,yCAAA;IACA,kCAAA;IACA,gCAAA;IACA,uCAAA;IACA,gCAAA;IACA,+BAAA;IACA,kCAAA;EjC2gFJ;AACF","file":"pico.classless.css","sourcesContent":["@charset \"UTF-8\";\n/*!\n * Pico ✨ v2.0.0-alpha1 (https://picocss.com)\n * Copyright 2019-2022 - Licensed under MIT\n */\n/**\n * Color schemes\n */\n[data-theme=light],\n:root:not([data-theme=dark]) {\n --pico-background-color: #fff;\n --pico-color: #373c44;\n --pico-text-selection-color: rgba(2, 154, 232, 0.25);\n --pico-muted-color: #646b79;\n --pico-muted-border-color: #e7eaf0;\n --pico-primary: #0172ad;\n --pico-primary-hover: #015887;\n --pico-primary-underline: rgba(1, 114, 173, 0.5);\n --pico-primary-underline-hover: var(--pico-primary-hover);\n --pico-primary-background: #0172ad;\n --pico-primary-background-hover: #02659a;\n --pico-primary-border: var(--pico-primary-background);\n --pico-primary-border-hover: var(--pico-primary-background-hover);\n --pico-primary-focus: rgba(2, 154, 232, 0.5);\n --pico-primary-inverse: #fff;\n --pico-secondary: #5d6b89;\n --pico-secondary-hover: #48536b;\n --pico-secondary-underline: rgba(93, 107, 137, 0.5);\n --pico-secondary-underline-hover: var(--pico-secondary-hover);\n --pico-secondary-background: #525f7a;\n --pico-secondary-background-hover: #48536b;\n --pico-secondary-border: var(--pico-secondary-background);\n --pico-secondary-border-hover: var(--pico-secondary-background-hover);\n --pico-secondary-focus: rgba(93, 107, 137, 0.25);\n --pico-secondary-inverse: #fff;\n --pico-contrast: #181c25;\n --pico-contrast-hover: #000;\n --pico-contrast-underline: rgba(24, 28, 37, 0.5);\n --pico-contrast-underline-hover: var(--pico-secondary-hover);\n --pico-contrast-background: #181c25;\n --pico-contrast-background-hover: #000;\n --pico-contrast-border: var(--pico-contrast-background);\n --pico-contrast-border-hover: var(--pico-contrast-background-hover);\n --pico-contrast-focus: rgba(93, 107, 137, 0.25);\n --pico-contrast-inverse: #fff;\n --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(104, 120, 153, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(104, 120, 153, 0.024), 0.0625rem 0.125rem 0.75rem rgba(104, 120, 153, 0.03), 0.1125rem 0.225rem 1.35rem rgba(104, 120, 153, 0.036), 0.2085rem 0.417rem 2.502rem rgba(104, 120, 153, 0.04302), 0.5rem 1rem 6rem rgba(104, 120, 153, 0.06), 0 0 0 0.0625rem rgba(104, 120, 153, 0.015);\n --pico-h1-color: #2d3138;\n --pico-h2-color: #373c44;\n --pico-h3-color: #424751;\n --pico-h4-color: #4d535e;\n --pico-h5-color: #5c6370;\n --pico-h6-color: #646b79;\n --pico-mark-background-color: #fde7c0;\n --pico-mark-color: #0f1114;\n --pico-ins-color: #007a50;\n --pico-del-color: #9b2318;\n --pico-blockquote-border-color: var(--pico-muted-border-color);\n --pico-blockquote-footer-color: var(--pico-muted-color);\n --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n --pico-table-border-color: var(--pico-muted-border-color);\n --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);\n --pico-code-background-color: #f3f5f7;\n --pico-code-color: var(--pico-muted-color);\n --pico-code-kbd-background-color: var(--pico-color);\n --pico-code-kbd-color: var(--pico-background-color);\n --pico-form-element-background-color: #fbfcfc;\n --pico-form-element-border-color: #cfd5e2;\n --pico-form-element-color: #23262c;\n --pico-form-element-placeholder-color: var(--pico-muted-color);\n --pico-form-element-active-background-color: #fff;\n --pico-form-element-active-border-color: var(--pico-primary-border);\n --pico-form-element-focus-color: var(--pico-primary-border);\n --pico-form-element-disabled-background-color: var(--pico-form-element-background-color);\n --pico-form-element-disabled-border-color: var(--pico-form-element-border-color);\n --pico-form-element-disabled-opacity: 0.5;\n --pico-form-element-invalid-border-color: #9b2318;\n --pico-form-element-invalid-active-border-color: #861d13;\n --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);\n --pico-form-element-valid-border-color: #007a50;\n --pico-form-element-valid-active-border-color: #006d46;\n --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);\n --pico-switch-background-color: #bfc7d9;\n --pico-switch-color: var(--pico-primary-inverse);\n --pico-switch-checked-background-color: var(--pico-primary-background);\n --pico-range-border-color: #dfe3eb;\n --pico-range-active-border-color: #bfc7d9;\n --pico-range-thumb-border-color: var(--pico-background-color);\n --pico-range-thumb-color: var(--pico-secondary-background);\n --pico-range-thumb-hover-color: var(--pico-secondary-background-hover);\n --pico-range-thumb-active-color: var(--pico-primary);\n --pico-accordion-border-color: var(--pico-muted-border-color);\n --pico-accordion-active-summary-color: var(--pico-primary-hover);\n --pico-accordion-close-summary-color: var(--pico-color);\n --pico-accordion-open-summary-color: var(--pico-muted-color);\n --pico-card-background-color: var(--pico-background-color);\n --pico-card-border-color: var(--pico-muted-border-color);\n --pico-card-box-shadow: var(--pico-box-shadow);\n --pico-card-sectionning-background-color: #fbfcfc;\n --pico-dropdown-background-color: #fff;\n --pico-dropdown-border-color: #eff1f4;\n --pico-dropdown-box-shadow: var(--pico-box-shadow);\n --pico-dropdown-color: var(--pico-color);\n --pico-dropdown-hover-background-color: #eff1f4;\n --pico-loading-spinner-opacity: 0.5;\n --pico-modal-overlay-background-color: rgba(239, 241, 244, 0.7);\n --pico-progress-background-color: #dfe3eb;\n --pico-progress-color: var(--pico-primary-background);\n --pico-tooltip-background-color: var(--pico-contrast-background);\n --pico-tooltip-color: var(--pico-contrast-inverse);\n --pico-icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n --pico-icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-chevron-button: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-chevron-button-contrast: var(--pico-icon-chevron-button);\n --pico-icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n --pico-icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 122, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(155, 35, 24)' 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 --pico-icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='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 --pico-icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n color-scheme: light;\n}\n[data-theme=light] input:is([type=submit],\n[type=button],\n[type=reset],\n[type=checkbox],\n[type=radio],\n[type=file]),\n:root:not([data-theme=dark]) input:is([type=submit],\n[type=button],\n[type=reset],\n[type=checkbox],\n[type=radio],\n[type=file]) {\n --pico-form-element-focus-color: var(--pico-primary-focus);\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n :root:not([data-theme]) {\n --pico-background-color: #13171f;\n --pico-color: #c2c7d0;\n --pico-text-selection-color: rgba(1, 170, 255, 0.1875);\n --pico-muted-color: #7b8495;\n --pico-muted-border-color: #202632;\n --pico-primary: #01aaff;\n --pico-primary-hover: #79c0ff;\n --pico-primary-underline: rgba(1, 170, 255, 0.5);\n --pico-primary-underline-hover: var(--pico-primary-hover);\n --pico-primary-background: #0172ad;\n --pico-primary-background-hover: #017fc0;\n --pico-primary-border: var(--pico-primary-background);\n --pico-primary-border-hover: var(--pico-primary-background-hover);\n --pico-primary-focus: rgba(1, 170, 255, 0.375);\n --pico-primary-inverse: #fff;\n --pico-secondary: #969eaf;\n --pico-secondary-hover: #b3b9c5;\n --pico-secondary-underline: rgba(150, 158, 175, 0.5);\n --pico-secondary-underline-hover: var(--pico-secondary-hover);\n --pico-secondary-background: #525f7a;\n --pico-secondary-background-hover: #5d6b89;\n --pico-secondary-border: var(--pico-secondary-background);\n --pico-secondary-border-hover: var(--pico-secondary-background-hover);\n --pico-secondary-focus: rgba(144, 158, 190, 0.25);\n --pico-secondary-inverse: #fff;\n --pico-contrast: #dfe3eb;\n --pico-contrast-hover: #fff;\n --pico-contrast-underline: rgba(223, 227, 235, 0.5);\n --pico-contrast-underline-hover: var(--pico-contrast-hover);\n --pico-contrast-background: #eff1f4;\n --pico-contrast-background-hover: #fff;\n --pico-contrast-border: var(--pico-contrast-background);\n --pico-contrast-border-hover: var(--pico-contrast-background-hover);\n --pico-contrast-focus: rgba(207, 213, 226, 0.25);\n --pico-contrast-inverse: #000;\n --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024), 0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03), 0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036), 0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302), 0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);\n --pico-h1-color: #f0f1f3;\n --pico-h2-color: #e0e3e7;\n --pico-h3-color: #c2c7d0;\n --pico-h4-color: #b3b9c5;\n --pico-h5-color: #a4acba;\n --pico-h6-color: #8891a4;\n --pico-mark-background-color: #014063;\n --pico-mark-color: #fff;\n --pico-ins-color: #179e71;\n --pico-del-color: #d77261;\n --pico-blockquote-border-color: var(--pico-muted-border-color);\n --pico-blockquote-footer-color: var(--pico-muted-color);\n --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n --pico-table-border-color: var(--pico-muted-border-color);\n --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);\n --pico-code-background-color: #1a1f28;\n --pico-code-color: var(--pico-muted-color);\n --pico-code-kbd-background-color: var(--pico-color);\n --pico-code-kbd-color: var(--pico-background-color);\n --pico-form-element-background-color: #1c212c;\n --pico-form-element-border-color: #2a3140;\n --pico-form-element-color: #e0e3e7;\n --pico-form-element-placeholder-color: #8891a4;\n --pico-form-element-active-background-color: #1a1f28;\n --pico-form-element-active-border-color: var(--pico-primary-border);\n --pico-form-element-focus-color: var(--pico-primary-border);\n --pico-form-element-disabled-background-color: var(--pico-form-element-background-color);\n --pico-form-element-disabled-border-color: var(--pico-form-element-border-color);\n --pico-form-element-disabled-opacity: 0.5;\n --pico-form-element-invalid-border-color: #d77261;\n --pico-form-element-invalid-active-border-color: #b95046;\n --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);\n --pico-form-element-valid-border-color: #179e71;\n --pico-form-element-valid-active-border-color: #15845e;\n --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);\n --pico-switch-background-color: #333c4e;\n --pico-switch-color: var(--pico-primary-inverse);\n --pico-switch-checked-background-color: var(--pico-primary-background);\n --pico-range-border-color: #202632;\n --pico-range-active-border-color: #2a3140;\n --pico-range-thumb-border-color: var(--pico-background-color);\n --pico-range-thumb-color: var(--pico-secondary-background);\n --pico-range-thumb-hover-color: var(--pico-secondary-background-hover);\n --pico-range-thumb-active-color: var(--pico-primary);\n --pico-accordion-border-color: var(--pico-muted-border-color);\n --pico-accordion-active-summary-color: var(--pico-primary-hover);\n --pico-accordion-close-summary-color: var(--pico-color);\n --pico-accordion-open-summary-color: var(--pico-muted-color);\n --pico-card-background-color: #181c25;\n --pico-card-border-color: var(--pico-card-background-color);\n --pico-card-box-shadow: var(--pico-box-shadow);\n --pico-card-sectionning-background-color: #1a1f28;\n --pico-dropdown-background-color: #181c25;\n --pico-dropdown-border-color: #202632;\n --pico-dropdown-box-shadow: var(--pico-box-shadow);\n --pico-dropdown-color: var(--pico-color);\n --pico-dropdown-hover-background-color: #202632;\n --pico-loading-spinner-opacity: 0.5;\n --pico-modal-overlay-background-color: rgba(8, 9, 10, 0.85);\n --pico-progress-background-color: #202632;\n --pico-progress-color: var(--pico-primary-background);\n --pico-tooltip-background-color: var(--pico-contrast-background);\n --pico-tooltip-color: var(--pico-contrast-inverse);\n --pico-icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n --pico-icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-chevron-button: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-chevron-button-contrast: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='1.5' 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 --pico-icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='1.5' 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 --pico-icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(23, 158, 113)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(215, 114, 97)' 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 --pico-icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n --pico-icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n color-scheme: dark;\n }\n :root:not([data-theme]) input:is([type=submit],\n [type=button],\n [type=reset],\n [type=checkbox],\n [type=radio],\n [type=file]) {\n --pico-form-element-focus-color: var(--pico-primary-focus);\n }\n}\n[data-theme=dark] {\n --pico-background-color: #13171f;\n --pico-color: #c2c7d0;\n --pico-text-selection-color: rgba(1, 170, 255, 0.1875);\n --pico-muted-color: #7b8495;\n --pico-muted-border-color: #202632;\n --pico-primary: #01aaff;\n --pico-primary-hover: #79c0ff;\n --pico-primary-underline: rgba(1, 170, 255, 0.5);\n --pico-primary-underline-hover: var(--pico-primary-hover);\n --pico-primary-background: #0172ad;\n --pico-primary-background-hover: #017fc0;\n --pico-primary-border: var(--pico-primary-background);\n --pico-primary-border-hover: var(--pico-primary-background-hover);\n --pico-primary-focus: rgba(1, 170, 255, 0.375);\n --pico-primary-inverse: #fff;\n --pico-secondary: #969eaf;\n --pico-secondary-hover: #b3b9c5;\n --pico-secondary-underline: rgba(150, 158, 175, 0.5);\n --pico-secondary-underline-hover: var(--pico-secondary-hover);\n --pico-secondary-background: #525f7a;\n --pico-secondary-background-hover: #5d6b89;\n --pico-secondary-border: var(--pico-secondary-background);\n --pico-secondary-border-hover: var(--pico-secondary-background-hover);\n --pico-secondary-focus: rgba(144, 158, 190, 0.25);\n --pico-secondary-inverse: #fff;\n --pico-contrast: #dfe3eb;\n --pico-contrast-hover: #fff;\n --pico-contrast-underline: rgba(223, 227, 235, 0.5);\n --pico-contrast-underline-hover: var(--pico-contrast-hover);\n --pico-contrast-background: #eff1f4;\n --pico-contrast-background-hover: #fff;\n --pico-contrast-border: var(--pico-contrast-background);\n --pico-contrast-border-hover: var(--pico-contrast-background-hover);\n --pico-contrast-focus: rgba(207, 213, 226, 0.25);\n --pico-contrast-inverse: #000;\n --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024), 0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03), 0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036), 0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302), 0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);\n --pico-h1-color: #f0f1f3;\n --pico-h2-color: #e0e3e7;\n --pico-h3-color: #c2c7d0;\n --pico-h4-color: #b3b9c5;\n --pico-h5-color: #a4acba;\n --pico-h6-color: #8891a4;\n --pico-mark-background-color: #014063;\n --pico-mark-color: #fff;\n --pico-ins-color: #179e71;\n --pico-del-color: #d77261;\n --pico-blockquote-border-color: var(--pico-muted-border-color);\n --pico-blockquote-footer-color: var(--pico-muted-color);\n --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n --pico-table-border-color: var(--pico-muted-border-color);\n --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);\n --pico-code-background-color: #1a1f28;\n --pico-code-color: var(--pico-muted-color);\n --pico-code-kbd-background-color: var(--pico-color);\n --pico-code-kbd-color: var(--pico-background-color);\n --pico-form-element-background-color: #1c212c;\n --pico-form-element-border-color: #2a3140;\n --pico-form-element-color: #e0e3e7;\n --pico-form-element-placeholder-color: #8891a4;\n --pico-form-element-active-background-color: #1a1f28;\n --pico-form-element-active-border-color: var(--pico-primary-border);\n --pico-form-element-focus-color: var(--pico-primary-border);\n --pico-form-element-disabled-background-color: var(--pico-form-element-background-color);\n --pico-form-element-disabled-border-color: var(--pico-form-element-border-color);\n --pico-form-element-disabled-opacity: 0.5;\n --pico-form-element-invalid-border-color: #d77261;\n --pico-form-element-invalid-active-border-color: #b95046;\n --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);\n --pico-form-element-valid-border-color: #179e71;\n --pico-form-element-valid-active-border-color: #15845e;\n --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);\n --pico-switch-background-color: #333c4e;\n --pico-switch-color: var(--pico-primary-inverse);\n --pico-switch-checked-background-color: var(--pico-primary-background);\n --pico-range-border-color: #202632;\n --pico-range-active-border-color: #2a3140;\n --pico-range-thumb-border-color: var(--pico-background-color);\n --pico-range-thumb-color: var(--pico-secondary-background);\n --pico-range-thumb-hover-color: var(--pico-secondary-background-hover);\n --pico-range-thumb-active-color: var(--pico-primary);\n --pico-accordion-border-color: var(--pico-muted-border-color);\n --pico-accordion-active-summary-color: var(--pico-primary-hover);\n --pico-accordion-close-summary-color: var(--pico-color);\n --pico-accordion-open-summary-color: var(--pico-muted-color);\n --pico-card-background-color: #181c25;\n --pico-card-border-color: var(--pico-card-background-color);\n --pico-card-box-shadow: var(--pico-box-shadow);\n --pico-card-sectionning-background-color: #1a1f28;\n --pico-dropdown-background-color: #181c25;\n --pico-dropdown-border-color: #202632;\n --pico-dropdown-box-shadow: var(--pico-box-shadow);\n --pico-dropdown-color: var(--pico-color);\n --pico-dropdown-hover-background-color: #202632;\n --pico-loading-spinner-opacity: 0.5;\n --pico-modal-overlay-background-color: rgba(8, 9, 10, 0.85);\n --pico-progress-background-color: #202632;\n --pico-progress-color: var(--pico-primary-background);\n --pico-tooltip-background-color: var(--pico-contrast-background);\n --pico-tooltip-color: var(--pico-contrast-inverse);\n --pico-icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n --pico-icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-chevron-button: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-chevron-button-contrast: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='1.5' 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 --pico-icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='1.5' 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 --pico-icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(23, 158, 113)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n --pico-icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(215, 114, 97)' 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 --pico-icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n --pico-icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n color-scheme: dark;\n}\n[data-theme=dark] input:is([type=submit],\n[type=button],\n[type=reset],\n[type=checkbox],\n[type=radio],\n[type=file]) {\n --pico-form-element-focus-color: var(--pico-primary-focus);\n}\n\nprogress,\n[type=checkbox],\n[type=radio],\n[type=range] {\n accent-color: var(--pico-primary);\n}\n\n/**\n * Styles\n */\n:root {\n --pico-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\";\n --pico-line-height: 1.5;\n --pico-font-weight: 400;\n --pico-font-size: 100%;\n --pico-text-underline-offset: 0.1rem;\n --pico-border-radius: 0.25rem;\n --pico-border-width: 1px;\n --pico-outline-width: 0.1875rem;\n --pico-transition: 0.2s ease-in-out;\n --pico-spacing: 1rem;\n --pico-typography-spacing-vertical: 1rem;\n --pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);\n --pico-block-spacing-horizontal: var(--pico-spacing);\n --pico-form-element-spacing-vertical: 0.75rem;\n --pico-form-element-spacing-horizontal: 1rem;\n --pico-modal-overlay-backdrop-filter: blur(0.375rem);\n --pico-nav-element-spacing-vertical: 1rem;\n --pico-nav-element-spacing-horizontal: 0.5rem;\n --pico-nav-link-spacing-vertical: 0.5rem;\n --pico-nav-link-spacing-horizontal: 0.5rem;\n}\n@media (min-width: 576px) {\n :root {\n --pico-font-size: 106.25%;\n }\n}\n@media (min-width: 768px) {\n :root {\n --pico-font-size: 112.5%;\n }\n}\n@media (min-width: 992px) {\n :root {\n --pico-font-size: 118.75%;\n }\n}\n@media (min-width: 1200px) {\n :root {\n --pico-font-size: 125%;\n }\n}\n\n@media (min-width: 576px) {\n body > header,\n body > main,\n body > footer,\n section {\n --pico-block-spacing-vertical: calc(var(--pico-spacing) * 2.5);\n }\n}\n@media (min-width: 768px) {\n body > header,\n body > main,\n body > footer,\n section {\n --pico-block-spacing-vertical: calc(var(--pico-spacing) * 3);\n }\n}\n@media (min-width: 992px) {\n body > header,\n body > main,\n body > footer,\n section {\n --pico-block-spacing-vertical: calc(var(--pico-spacing) * 3.5);\n }\n}\n@media (min-width: 1200px) {\n body > header,\n body > main,\n body > footer,\n section {\n --pico-block-spacing-vertical: calc(var(--pico-spacing) * 4);\n }\n}\n\n@media (min-width: 576px) {\n article {\n --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25);\n }\n}\n@media (min-width: 768px) {\n article {\n --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5);\n }\n}\n@media (min-width: 992px) {\n article {\n --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.75);\n }\n}\n@media (min-width: 1200px) {\n article {\n --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2);\n }\n}\n\ndialog > article {\n --pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);\n --pico-block-spacing-horizontal: var(--pico-spacing);\n}\n@media (min-width: 576px) {\n dialog > article {\n --pico-block-spacing-vertical: calc(var(--pico-spacing) * 2.5);\n --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25);\n }\n}\n@media (min-width: 768px) {\n dialog > article {\n --pico-block-spacing-vertical: calc(var(--pico-spacing) * 3);\n --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5);\n }\n}\n\na {\n --pico-text-decoration: underline;\n}\na.secondary, a.contrast {\n --pico-text-decoration: underline;\n}\n\nsmall {\n --pico-font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n --pico-font-weight: 700;\n}\n\nh1 {\n --pico-font-size: 2rem;\n --pico-typography-spacing-top: 3rem;\n}\n\nh2 {\n --pico-font-size: 1.75rem;\n --pico-typography-spacing-top: 2.625rem;\n}\n\nh3 {\n --pico-font-size: 1.5rem;\n --pico-typography-spacing-top: 2.25rem;\n}\n\nh4 {\n --pico-font-size: 1.25rem;\n --pico-typography-spacing-top: 1.874rem;\n}\n\nh5 {\n --pico-font-size: 1.125rem;\n --pico-typography-spacing-top: 1.6875rem;\n}\n\nh6 {\n --pico-font-size: 1rem;\n --pico-typography-spacing-top: 1.5rem;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n --pico-border-width: 3px;\n}\n\n:not(thead, tfoot) > * > td {\n font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n --pico-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\";\n}\n\nkbd {\n --pico-font-weight: bolder;\n}\n\ninput:not([type=submit],\n[type=button],\n[type=reset],\n[type=checkbox],\n[type=radio],\n[type=file]),\n:where(select, textarea) {\n --pico-outline-width: 0.0625rem;\n}\n\n[type=checkbox],\n[type=radio] {\n --pico-border-width: 0.125rem;\n}\n\n[type=checkbox][role=switch] {\n --pico-border-width: 0.1875rem;\n}\n\ndetails[role=list] summary:not([role=button]) {\n --pico-outline-width: 0.0625rem;\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n background-repeat: no-repeat;\n}\n\n::before,\n::after {\n text-decoration: inherit;\n vertical-align: inherit;\n}\n\n:where(:root) {\n -webkit-tap-highlight-color: transparent;\n -webkit-text-size-adjust: 100%;\n text-size-adjust: 100%;\n background-color: var(--pico-background-color);\n color: var(--pico-color);\n font-weight: var(--pico-font-weight);\n font-size: var(--pico-font-size);\n line-height: var(--pico-line-height);\n font-family: var(--pico-font-family);\n text-underline-offset: var(--pico-text-underline-offset);\n text-rendering: optimizeLegibility;\n overflow-wrap: break-word;\n cursor: default;\n tab-size: 4;\n}\n\n/**\n * Landmarks\n */\nbody {\n width: 100%;\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nbody > header,\nbody > main,\nbody > footer {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);\n}\n@media (min-width: 576px) {\n body > header,\n body > main,\n body > footer {\n max-width: 510px;\n padding-right: 0;\n padding-left: 0;\n }\n}\n@media (min-width: 768px) {\n body > header,\n body > main,\n body > footer {\n max-width: 700px;\n }\n}\n@media (min-width: 992px) {\n body > header,\n body > main,\n body > footer {\n max-width: 920px;\n }\n}\n@media (min-width: 1200px) {\n body > header,\n body > main,\n body > footer {\n max-width: 1130px;\n }\n}\n\n/**\n * Section\n */\nsection {\n margin-bottom: var(--pico-block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (
)\n */\nfigure {\n display: block;\n margin: 0;\n padding: 0;\n overflow-x: auto;\n}\nfigure figcaption {\n padding: calc(var(--pico-spacing) * 0.5) 0;\n color: var(--pico-muted-color);\n}\n\n/**\n * Link\n */\na,\n[role=link] {\n --pico-color: var(--pico-primary);\n --pico-background-color: transparent;\n --pico-underline: var(--pico-primary-underline);\n outline: none;\n background-color: var(--pico-background-color);\n color: var(--pico-color);\n text-decoration: var(--pico-text-decoration);\n text-decoration-color: var(--pico-underline);\n text-underline-offset: 0.125em;\n transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);\n}\na:is([aria-current], :hover, :active, :focus),\n[role=link]:is([aria-current], :hover, :active, :focus) {\n --pico-color: var(--pico-primary-hover);\n --pico-underline: var(--pico-primary-underline-hover);\n --pico-text-decoration: underline;\n}\na:focus-visible,\n[role=link]:focus-visible {\n box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);\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\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n margin-top: 0;\n margin-bottom: var(--pico-typography-spacing-vertical);\n color: var(--pico-color);\n font-style: normal;\n font-weight: var(--pico-font-weight);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: var(--pico-typography-spacing-vertical);\n color: var(--pico-color);\n font-weight: var(--pico-font-weight);\n font-size: var(--pico-font-size);\n font-family: var(--pico-font-family);\n}\n\nh1 {\n --pico-color: var(--pico-h1-color);\n}\n\nh2 {\n --pico-color: var(--pico-h2-color);\n}\n\nh3 {\n --pico-color: var(--pico-h3-color);\n}\n\nh4 {\n --pico-color: var(--pico-h4-color);\n}\n\nh5 {\n --pico-color: var(--pico-h5-color);\n}\n\nh6 {\n --pico-color: var(--pico-h6-color);\n}\n\n:where(article, address, blockquote, dl, figure, form, ol, p, pre, table, ul) ~ :is(h1, h2, h3, h4, h5, h6) {\n margin-top: var(--pico-typography-spacing-top);\n}\n\nhgroup {\n margin-bottom: var(--pico-typography-spacing-vertical);\n}\nhgroup > * {\n margin-bottom: 0;\n}\nhgroup > *:last-child {\n --pico-color: var(--pico-muted-color);\n --pico-font-weight: unset;\n font-size: 1rem;\n font-family: unset;\n}\n\np {\n margin-bottom: var(--pico-typography-spacing-vertical);\n}\n\n:where(dl, ol, ul) {\n padding-right: 0;\n padding-left: var(--pico-spacing);\n padding-inline-start: var(--pico-spacing);\n padding-inline-end: 0;\n}\n:where(dl, ol, ul) li {\n margin-bottom: calc(var(--pico-typography-spacing-vertical) * 0.25);\n}\n\n:where(dl, ol, ul) :is(dl, ol, ul) {\n margin: 0;\n margin-top: calc(var(--pico-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(--pico-mark-background-color);\n color: var(--pico-mark-color);\n vertical-align: baseline;\n}\n\nblockquote {\n display: block;\n margin: var(--pico-typography-spacing-vertical) 0;\n padding: var(--pico-spacing);\n border-right: none;\n border-left: 0.25rem solid var(--pico-blockquote-border-color);\n border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);\n border-inline-end: none;\n}\nblockquote footer {\n margin-top: calc(var(--pico-typography-spacing-vertical) * 0.5);\n color: var(--pico-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(--pico-ins-color);\n text-decoration: none;\n}\n\ndel {\n color: var(--pico-del-color);\n}\n\n::selection {\n background-color: var(--pico-text-selection-color);\n}\n\n/**\n * Embedded content\n */\n:where(audio, canvas, iframe, img, svg, video) {\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\n:where(iframe) {\n border-style: none;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n border-style: none;\n}\n\n:where(svg: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,\ninput[type=submit],\ninput[type=reset],\ninput[type=button] {\n -webkit-appearance: button;\n}\n\nbutton {\n display: block;\n margin-bottom: var(--pico-spacing);\n}\n\ninput[type=submit],\ninput[type=reset],\ninput[type=button] {\n width: 100%;\n}\n\nbutton,\ninput[type=submit],\ninput[type=reset],\ninput[type=button],\n[role=button] {\n --pico-background-color: var(--pico-primary-background);\n --pico-border-color: var(--pico-primary-border);\n --pico-color: var(--pico-primary-inverse);\n --pico-box-shadow: var(--pico-button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);\n border: var(--pico-border-width) solid var(--pico-border-color);\n border-radius: var(--pico-border-radius);\n outline: none;\n background-color: var(--pico-background-color);\n box-shadow: var(--pico-box-shadow);\n color: var(--pico-color);\n font-weight: var(--pico-font-weight);\n font-size: 1rem;\n line-height: var(--pico-line-height);\n text-align: center;\n cursor: pointer;\n user-select: none;\n transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);\n}\nbutton:is([aria-current], :hover, :active, :focus),\ninput[type=submit]:is([aria-current], :hover, :active, :focus),\ninput[type=reset]:is([aria-current], :hover, :active, :focus),\ninput[type=button]:is([aria-current], :hover, :active, :focus),\n[role=button]:is([aria-current], :hover, :active, :focus) {\n --pico-background-color: var(--pico-primary-background-hover);\n --pico-border-color: var(--pico-primary-border-hover);\n --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n --pico-color: var(--pico-primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=reset]:focus,\ninput[type=button]:focus,\n[role=button]:focus {\n --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);\n}\n\ninput[type=reset] {\n --pico-background-color: var(--pico-secondary);\n --pico-border-color: var(--pico-secondary);\n --pico-color: var(--pico-secondary-inverse);\n cursor: pointer;\n}\ninput[type=reset]:is([aria-current], :hover, :active, :focus) {\n --pico-background-color: var(--pico-secondary-hover);\n --pico-border-color: var(--pico-secondary-hover);\n}\ninput[type=reset]:focus {\n --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus);\n}\n\n:where(button,\ninput[type=submit],\ninput[type=reset],\ninput[type=button],\n[role=button])[disabled],\n:where(fieldset[disabled]) :is(button, input[type=submit], input[type=button], input[type=reset], [role=button]) {\n opacity: 0.5;\n pointer-events: none;\n}\n\n/**\n * Table\n */\n:where(table) {\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n text-indent: 0;\n}\n\nth,\ntd {\n padding: calc(var(--pico-spacing) / 2) var(--pico-spacing);\n border-bottom: var(--pico-border-width) solid var(--pico-table-border-color);\n color: var(--pico-color);\n font-weight: var(--pico-font-weight);\n text-align: left;\n text-align: start;\n}\n\ntfoot th,\ntfoot td {\n border-top: var(--pico-border-width) solid var(--pico-table-border-color);\n border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n background-color: var(--pico-table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre:not(:has(code)),\ncode,\nkbd,\nsamp {\n font-size: 0.875em;\n font-family: var(--pico-font-family);\n}\n\npre {\n -ms-overflow-style: scrollbar;\n overflow: auto;\n}\n\npre,\ncode,\nkbd {\n border-radius: var(--pico-border-radius);\n background: var(--pico-code-background-color);\n color: var(--pico-code-color);\n font-weight: var(--pico-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(--pico-spacing);\n overflow-x: auto;\n}\npre > code {\n display: block;\n padding: var(--pico-spacing);\n background: none;\n line-height: var(--pico-line-height);\n}\n\nkbd {\n background-color: var(--pico-code-kbd-background-color);\n color: var(--pico-code-kbd-color);\n vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n height: 0;\n border: 0;\n border-top: 1px solid var(--pico-muted-border-color);\n color: inherit;\n}\n\n[hidden],\ntemplate {\n display: none !important;\n}\n\ncanvas {\n display: inline-block;\n}\n\n/**\n * Basics form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-size: 1rem;\n line-height: var(--pico-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], [type=radio], [type=range]) {\n height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2);\n}\n\nfieldset {\n margin: 0;\n margin-bottom: var(--pico-spacing);\n padding: 0;\n border: 0;\n}\n\nlabel,\nfieldset legend {\n display: block;\n margin-bottom: calc(var(--pico-spacing) * 0.25);\n font-weight: var(--pico-form-label-font-weight, var(--pico-font-weight));\n}\n\ninput:not([type=checkbox], [type=radio]),\nselect,\ntextarea {\n width: 100%;\n}\n\ninput:not([type=checkbox], [type=radio], [type=range], [type=file]),\nselect,\ntextarea {\n appearance: none;\n padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);\n}\n\ninput,\nselect,\ntextarea {\n --pico-background-color: var(--pico-form-element-background-color);\n --pico-border-color: var(--pico-form-element-border-color);\n --pico-color: var(--pico-form-element-color);\n --pico-box-shadow: none;\n border: var(--pico-border-width) solid var(--pico-border-color);\n border-radius: var(--pico-border-radius);\n outline: none;\n background-color: var(--pico-background-color);\n box-shadow: var(--pico-box-shadow);\n color: var(--pico-color);\n font-weight: var(--pico-font-weight);\n transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);\n}\n\ninput:not([type=submit],\n[type=button],\n[type=reset],\n[type=checkbox],\n[type=radio],\n[readonly]):is(:active, :focus),\n:where(select, textarea):is(:active, :focus) {\n --pico-background-color: var(--pico-form-element-active-background-color);\n}\n\ninput:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus),\n:where(select, textarea):is(:active, :focus) {\n --pico-border-color: var(--pico-form-element-active-border-color);\n}\n\ninput:not([type=submit],\n[type=button],\n[type=reset],\n[type=range],\n[type=file],\n[readonly]):focus,\n:where(select, textarea):focus {\n --pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color);\n}\n\ninput:not([type=submit], [type=button], [type=reset])[disabled],\nselect[disabled],\ntextarea[disabled],\n:where(fieldset[disabled]) :is(input:not([type=submit], [type=button], [type=reset]), select, textarea) {\n --pico-background-color: var(--pico-form-element-disabled-background-color);\n --pico-border-color: var(--pico-form-element-disabled-border-color);\n opacity: var(--pico-form-element-disabled-opacity);\n pointer-events: none;\n}\n\n:where(input, select, textarea):not([type=checkbox],\n[type=radio],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=time],\n[type=week])[aria-invalid] {\n padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;\n padding-left: var(--pico-form-element-spacing-horizontal);\n padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;\n padding-inline-end: calc(var(--pico-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}\n:where(input, select, textarea):not([type=checkbox],\n[type=radio],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=time],\n[type=week])[aria-invalid=false]:not(select) {\n background-image: var(--pico-icon-valid);\n}\n:where(input, select, textarea):not([type=checkbox],\n[type=radio],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=time],\n[type=week])[aria-invalid=true]:not(select) {\n background-image: var(--pico-icon-invalid);\n}\n:where(input, select, textarea)[aria-invalid=false] {\n --pico-border-color: var(--pico-form-element-valid-border-color);\n}\n:where(input, select, textarea)[aria-invalid=false]:is(:active, :focus) {\n --pico-border-color: var(--pico-form-element-valid-active-border-color) !important;\n --pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-valid-focus-color) !important;\n}\n:where(input, select, textarea)[aria-invalid=true] {\n --pico-border-color: var(--pico-form-element-invalid-border-color);\n}\n:where(input, select, textarea)[aria-invalid=true]:is(:active, :focus) {\n --pico-border-color: var(--pico-form-element-invalid-active-border-color) !important;\n --pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] :where(input, select, textarea):not([type=checkbox], [type=radio]):is([aria-invalid], [aria-invalid=true], [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(--pico-form-element-placeholder-color);\n opacity: 1;\n}\n\ninput:not([type=checkbox], [type=radio]),\nselect,\ntextarea {\n margin-bottom: var(--pico-spacing);\n}\n\nselect::-ms-expand {\n border: 0;\n background-color: transparent;\n}\nselect:not([multiple], [size]) {\n padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);\n padding-left: var(--pico-form-element-spacing-horizontal);\n padding-inline-start: var(--pico-form-element-spacing-horizontal);\n padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);\n background-image: var(--pico-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], [size]) {\n background-position: center left 0.75rem;\n}\n\n:where(input, select, textarea) + small {\n display: block;\n width: 100%;\n margin-top: calc(var(--pico-spacing) * -0.625);\n margin-bottom: var(--pico-spacing);\n color: var(--pico-muted-color);\n}\n:where(input, select, textarea)[aria-invalid=false] + small {\n color: var(--pico-ins-color);\n}\n:where(input, select, textarea)[aria-invalid=true] + small {\n color: var(--pico-del-color);\n}\n\nlabel > :where(input, select, textarea) {\n margin-top: calc(var(--pico-spacing) * 0.25);\n}\n\n/**\n * Checkboxes, Radios and Switches\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(--pico-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 --pico-background-color: var(--pico-primary-background);\n --pico-border-color: var(--pico-primary-border);\n background-image: var(--pico-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 --pico-background-color: var(--pico-primary-background);\n --pico-border-color: var(--pico-primary-border);\n background-image: var(--pico-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 --pico-background-color: var(--pico-primary-inverse);\n border-width: 0.35em;\n background-image: none;\n}\n\n[type=checkbox][role=switch] {\n --pico-background-color: var(--pico-switch-background-color);\n --pico-border-color: var(--pico-switch-background-color);\n --pico-color: var(--pico-switch-color);\n width: 2.25em;\n height: 1.25em;\n border: var(--pico-border-width) solid var(--pico-border-color);\n border-radius: 1.25em;\n background-color: var(--pico-background-color);\n line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n --pico-background-color: var(--pico-switch-background-color);\n --pico-border-color: var(--pico-switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n --pico-background-color: var(--pico-switch-checked-background-color);\n --pico-border-color: var(--pico-switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n display: block;\n width: calc(1.25em - (var(--pico-border-width) * 2));\n height: 100%;\n border-radius: 50%;\n background-color: var(--pico-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-left: calc(1.125em - var(--pico-border-width));\n margin-inline-start: calc(1.125em - var(--pico-border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n --pico-border-color: var(--pico-form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n --pico-border-color: var(--pico-form-element-invalid-border-color);\n}\n\n/**\n * Input type color\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: 0;\n border-radius: calc(var(--pico-border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n border: 0;\n border-radius: calc(var(--pico-border-radius) * 0.5);\n}\n\n/**\n * Input type datetime\n */\ninput:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {\n --pico-icon-position: 0.75rem;\n --pico-icon-width: 1rem;\n padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));\n background-image: var(--pico-icon-date);\n background-position: center right var(--pico-icon-position);\n background-size: var(--pico-icon-width) auto;\n background-repeat: no-repeat;\n}\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {\n background-image: var(--pico-icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n width: var(--pico-icon-width);\n margin-right: calc(var(--pico-icon-width) * -1);\n margin-left: var(--pico-icon-position);\n opacity: 0;\n}\n\n[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {\n text-align: right;\n}\n\n/**\n * Input type file\n */\n[type=file] {\n --pico-color: var(--pico-muted-color);\n z-index: 1;\n position: relative;\n padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;\n border: 0;\n border-radius: 0;\n background: none;\n}\n[type=file]::file-selector-button {\n --pico-background-color: var(--pico-secondary-background);\n --pico-border-color: var(--pico-secondary-border);\n --pico-color: var(--pico-secondary-inverse);\n margin-right: calc(var(--pico-spacing) / 2);\n margin-left: 0;\n margin-inline-start: 0;\n margin-inline-end: calc(var(--pico-spacing) / 2);\n padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);\n border: var(--pico-border-width) solid var(--pico-border-color);\n border-radius: var(--pico-border-radius);\n outline: none;\n background-color: var(--pico-background-color);\n box-shadow: var(--pico-box-shadow);\n color: var(--pico-color);\n font-weight: var(--pico-font-weight);\n font-size: 1rem;\n line-height: var(--pico-line-height);\n text-align: center;\n cursor: pointer;\n transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);\n}\n[type=file]::file-selector-button:is(:hover, :active, :focus) {\n --pico-background-color: var(--pico-secondary-background-hover);\n --pico-border-color: var(--pico-secondary-border-hover);\n}\n[type=file]::-webkit-file-upload-button {\n --pico-background-color: var(--pico-secondary-background);\n --pico-border-color: var(--pico-secondary-border);\n --pico-color: var(--pico-secondary-inverse);\n margin-right: calc(var(--pico-spacing) / 2);\n margin-left: 0;\n margin-inline-start: 0;\n margin-inline-end: calc(var(--pico-spacing) / 2);\n padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);\n border: var(--pico-border-width) solid var(--pico-border-color);\n border-radius: var(--pico-border-radius);\n outline: none;\n background-color: var(--pico-background-color);\n box-shadow: var(--pico-box-shadow);\n color: var(--pico-color);\n font-weight: var(--pico-font-weight);\n font-size: 1rem;\n line-height: var(--pico-line-height);\n text-align: center;\n cursor: pointer;\n transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);\n}\n[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {\n --pico-background-color: var(--pico-secondary-background-hover);\n --pico-border-color: var(--pico-secondary-border-hover);\n}\n[type=file]::-ms-browse {\n --pico-background-color: var(--pico-secondary-background);\n --pico-border-color: var(--pico-secondary-border);\n --pico-color: var(--pico-secondary-inverse);\n margin-right: calc(var(--pico-spacing) / 2);\n margin-left: 0;\n margin-inline-start: 0;\n margin-inline-end: calc(var(--pico-spacing) / 2);\n padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);\n border: var(--pico-border-width) solid var(--pico-border-color);\n border-radius: var(--pico-border-radius);\n outline: none;\n background-color: var(--pico-background-color);\n box-shadow: var(--pico-box-shadow);\n color: var(--pico-color);\n font-weight: var(--pico-font-weight);\n font-size: 1rem;\n line-height: var(--pico-line-height);\n text-align: center;\n cursor: pointer;\n transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);\n}\n[type=file]::-ms-browse:is(:hover, :active, :focus) {\n --pico-background-color: var(--pico-secondary-background-hover);\n --pico-border-color: var(--pico-secondary-border-hover);\n}\n[type=file]:is(:hover, :active, :focus)::file-selector-button {\n --pico-background-color: var(--pico-secondary-background-hover);\n --pico-border-color: var(--pico-secondary-border-hover);\n}\n[type=file]:is(:hover, :active, :focus)::-webkit-file-upload-button {\n --pico-background-color: var(--pico-secondary-background-hover);\n --pico-border-color: var(--pico-secondary-border-hover);\n}\n[type=file]:is(:hover, :active, :focus)::-ms-browse {\n --pico-background-color: var(--pico-secondary-background-hover);\n --pico-border-color: var(--pico-secondary-border-hover);\n}\n\n/**\n * Input type range\n */\n[type=range] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n height: 1.25rem;\n background: none;\n}\n[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 0.25rem;\n border-radius: var(--pico-border-radius);\n background-color: var(--pico-range-border-color);\n transition: background-color var(--pico-transition), box-shadow var(--pico-transition);\n}\n[type=range]::-moz-range-track {\n width: 100%;\n height: 0.25rem;\n border-radius: var(--pico-border-radius);\n background-color: var(--pico-range-border-color);\n transition: background-color var(--pico-transition), box-shadow var(--pico-transition);\n}\n[type=range]::-ms-track {\n width: 100%;\n height: 0.25rem;\n border-radius: var(--pico-border-radius);\n background-color: var(--pico-range-border-color);\n transition: background-color var(--pico-transition), box-shadow var(--pico-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(--pico-range-thumb-border-color);\n border-radius: 50%;\n background-color: var(--pico-range-thumb-color);\n cursor: pointer;\n transition: background-color var(--pico-transition), transform var(--pico-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(--pico-range-thumb-border-color);\n border-radius: 50%;\n background-color: var(--pico-range-thumb-color);\n cursor: pointer;\n transition: background-color var(--pico-transition), transform var(--pico-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(--pico-range-thumb-border-color);\n border-radius: 50%;\n background-color: var(--pico-range-thumb-color);\n cursor: pointer;\n transition: background-color var(--pico-transition), transform var(--pico-transition);\n}\n[type=range]:hover, [type=range]:focus {\n --pico-range-border-color: var(--pico-range-active-border-color);\n --pico-range-thumb-color: var(--pico-range-thumb-hover-color);\n}\n[type=range]:active {\n --pico-range-thumb-color: var(--pico-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/**\n * Input type search\n */\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] {\n padding-inline-start: calc(var(--pico-form-element-spacing-horizontal) + 1.75rem);\n border-radius: 5rem;\n background-image: var(--pico-icon-search);\n background-position: center left 1.125rem;\n background-size: 1rem auto;\n background-repeat: no-repeat;\n}\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] {\n padding-inline-start: calc(var(--pico-form-element-spacing-horizontal) + 1.75rem) !important;\n background-position: center left 1.125rem, center right 0.75rem;\n}\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=false] {\n background-image: var(--pico-icon-search), var(--pico-icon-valid);\n}\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=true] {\n background-image: var(--pico-icon-search), var(--pico-icon-invalid);\n}\n\n[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] {\n background-position: center right 1.125rem;\n}\n[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] {\n background-position: center right 1.125rem, center left 0.75rem;\n}\n\n/**\n * Accordion (
)\n */\ndetails {\n display: block;\n margin-bottom: var(--pico-spacing);\n}\ndetails:not([role=list], :has(summary[role=button])) {\n padding-bottom: var(--pico-spacing);\n border-bottom: var(--pico-border-width) solid var(--pico-accordion-border-color);\n}\ndetails summary {\n line-height: 1rem;\n list-style-type: none;\n cursor: pointer;\n transition: color var(--pico-transition);\n}\ndetails summary:not([role]) {\n color: var(--pico-accordion-close-summary-color);\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 margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);\n float: right;\n transform: rotate(-90deg);\n background-image: var(--pico-icon-chevron);\n background-position: right center;\n background-size: 1rem auto;\n background-repeat: no-repeat;\n content: \"\";\n transition: transform var(--pico-transition);\n}\ndetails summary:focus {\n outline: none;\n}\ndetails summary:focus:not([role]) {\n color: var(--pico-accordion-active-summary-color);\n}\ndetails summary:focus-visible:not([role]) {\n outline: var(--pico-outline-width) solid var(--pico-primary-focus);\n outline-offset: calc(var(--pico-spacing, 1rem) * 0.5);\n color: var(--pico-primary);\n}\ndetails summary[role=button] {\n width: 100%;\n text-align: left;\n}\ndetails summary[role=button]::after {\n height: calc(1rem * var(--pico-line-height, 1.5));\n background-image: var(--pico-icon-chevron-button);\n}\ndetails[open] > summary {\n margin-bottom: var(--pico-spacing);\n}\ndetails[open] > summary:not([role]):not(:focus) {\n color: var(--pico-accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n text-align: right;\n}\n[dir=rtl] details summary::after {\n float: left;\n background-position: left center;\n}\n\n/**\n * Card (
)\n */\narticle {\n margin-bottom: var(--pico-block-spacing-vertical);\n padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);\n border-radius: var(--pico-border-radius);\n background: var(--pico-card-background-color);\n box-shadow: var(--pico-card-box-shadow);\n}\narticle > header,\narticle > footer {\n margin-right: calc(var(--pico-block-spacing-horizontal) * -1);\n margin-left: calc(var(--pico-block-spacing-horizontal) * -1);\n padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);\n background-color: var(--pico-card-sectionning-background-color);\n}\narticle > header {\n margin-top: calc(var(--pico-block-spacing-vertical) * -1);\n margin-bottom: var(--pico-block-spacing-vertical);\n border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);\n border-top-right-radius: var(--pico-border-radius);\n border-top-left-radius: var(--pico-border-radius);\n}\narticle > footer {\n margin-top: var(--pico-block-spacing-vertical);\n margin-bottom: calc(var(--pico-block-spacing-vertical) * -1);\n border-top: var(--pico-border-width) solid var(--pico-card-border-color);\n border-bottom-right-radius: var(--pico-border-radius);\n border-bottom-left-radius: var(--pico-border-radius);\n}\n\n/**\n * Dropdown ([role=\"list\"])\n */\ndetails[role=list],\nnav li:has(button, a):has(li) {\n position: relative;\n border-bottom: none;\n}\ndetails[role=list] summary::after,\ndetails[role=list] > button::after,\ndetails[role=list] > a::after,\nnav li:has(button, a):has(li) summary::after,\nnav li:has(button, a):has(li) > button::after,\nnav li:has(button, a):has(li) > a::after {\n display: block;\n width: 1rem;\n height: calc(1rem * var(--pico-line-height, 1.5));\n margin-inline-start: 0.25rem;\n float: right;\n transform: rotate(0deg) translateX(0.2rem);\n background-image: var(--pico-icon-chevron);\n background-position: right center;\n background-size: 1rem auto;\n background-repeat: no-repeat;\n content: \"\";\n}\ndetails[role=list] summary[role=button]::after,\ndetails[role=list] > button::after,\nnav li:has(button, a):has(li) summary[role=button]::after,\nnav li:has(button, a):has(li) > button::after {\n background-image: var(--pico-icon-chevron-button);\n}\n\nnav details[role=list] {\n margin-bottom: 0;\n}\n\ndetails[role=list] summary:not([role]) {\n height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2);\n padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);\n border: var(--pico-border-width) solid var(--pico-form-element-border-color);\n border-radius: var(--pico-border-radius);\n background-color: var(--pico-form-element-background-color);\n color: var(--pico-form-element-placeholder-color);\n line-height: inherit;\n cursor: pointer;\n user-select: none;\n transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);\n}\ndetails[role=list] summary:not([role]):active, details[role=list] summary:not([role]):focus {\n border-color: var(--pico-form-element-active-border-color);\n background-color: var(--pico-form-element-active-background-color);\n}\ndetails[role=list] summary:not([role]):focus {\n box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color);\n}\ndetails[role=list] summary:not([role]):focus-visible {\n outline: none;\n}\ndetails[role=list] summary:not([role])[aria-invalid=false] {\n --pico-form-element-border-color: var(--pico-form-element-valid-border-color);\n --pico-form-element-active-border-color: var(--pico-form-element-valid-focus-color);\n --pico-form-element-focus-color: var(--pico-form-element-valid-focus-color);\n}\ndetails[role=list] summary:not([role])[aria-invalid=true] {\n --pico-form-element-border-color: var(--pico-form-element-invalid-border-color);\n --pico-form-element-active-border-color: var(--pico-form-element-invalid-focus-color);\n --pico-form-element-focus-color: var(--pico-form-element-invalid-focus-color);\n}\n\nnav details[role=list] summary:not([role]) {\n height: auto;\n padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);\n}\n\ndetails[role=list] summary + ul,\nnav li button + ul,\nnav li a + ul {\n display: flex;\n z-index: 99;\n position: absolute;\n left: 0;\n flex-direction: column;\n width: 100%;\n min-width: fit-content;\n margin: 0;\n margin-top: var(--pico-outline-width);\n padding: 0;\n border: var(--pico-border-width) solid var(--pico-dropdown-border-color);\n border-radius: var(--pico-border-radius);\n background-color: var(--pico-dropdown-background-color);\n box-shadow: var(--pico-dropdown-box-shadow);\n color: var(--pico-dropdown-color);\n white-space: nowrap;\n opacity: 0;\n transition: opacity var(--pico-transition), transform 0s ease-in-out 1s;\n}\ndetails[role=list] summary + ul[dir=rtl],\nnav li button + ul[dir=rtl],\nnav li a + ul[dir=rtl] {\n right: 0;\n left: auto;\n}\ndetails[role=list] summary + ul li,\nnav li button + ul li,\nnav li a + ul li {\n width: 100%;\n margin-bottom: 0;\n padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);\n list-style: none;\n}\ndetails[role=list] summary + ul li:first-of-type,\nnav li button + ul li:first-of-type,\nnav li a + ul li:first-of-type {\n margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5);\n}\ndetails[role=list] summary + ul li:last-of-type,\nnav li button + ul li:last-of-type,\nnav li a + ul li:last-of-type {\n margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);\n}\ndetails[role=list] summary + ul li a,\nnav li button + ul li a,\nnav li a + ul li a {\n display: block;\n margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);\n padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);\n overflow: hidden;\n border-radius: 0;\n color: var(--pico-dropdown-color);\n text-decoration: none;\n text-overflow: ellipsis;\n}\ndetails[role=list] summary + ul li a:hover, details[role=list] summary + ul li a:focus, details[role=list] summary + ul li a:active, details[role=list] summary + ul li a:focus-visible,\nnav li button + ul li a:hover,\nnav li button + ul li a:focus,\nnav li button + ul li a:active,\nnav li button + ul li a:focus-visible,\nnav li a + ul li a:hover,\nnav li a + ul li a:focus,\nnav li a + ul li a:active,\nnav li a + ul li a:focus-visible {\n background-color: var(--pico-dropdown-hover-background-color);\n}\ndetails[role=list] summary + ul li:has(label):hover,\nnav li button + ul li:has(label):hover,\nnav li a + ul li:has(label):hover {\n background-color: var(--pico-dropdown-hover-background-color);\n}\ndetails[role=list] summary + ul li:has(label):hover label,\nnav li button + ul li:has(label):hover label,\nnav li a + ul li:has(label):hover label {\n cursor: pointer;\n}\n\nnav li button + ul,\nnav li a + ul {\n transform: scaleY(0%);\n transform-origin: top;\n}\nnav li button + ul:first-of-type, nav li button + ul:last-of-type,\nnav li a + ul:first-of-type,\nnav li a + ul:last-of-type {\n margin-right: var(--pico-nav-link-spacing-horizontal);\n margin-left: var(--pico-nav-link-spacing-horizontal);\n}\n\ndetails[role=list][open] summary {\n margin-bottom: 0;\n}\n\ndetails[role=list][open] summary + ul,\nnav li:has(:focus, :focus-within) button + ul,\nnav li:has(:focus, :focus-within) a + ul {\n transform: scaleY(1);\n opacity: 1;\n transition: opacity var(--pico-transition), transform 0s ease-in-out 0s;\n}\n\n@media (any-hover: none) {\n nav li button:hover + ul,\n nav li a:hover + ul {\n transform: scaleY(1);\n opacity: 1;\n transition: opacity var(--pico-transition), transform 0s ease-in-out 0s;\n }\n}\ndetails[role=list][open] summary::before {\n display: block;\n z-index: 1;\n position: fixed;\n width: 100vw;\n height: 100vh;\n inset: 0;\n background: none;\n content: \"\";\n cursor: default;\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n cursor: progress;\n}\n\n[aria-busy=true]:not(input, select, 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(--pico-loading-spinner-opacity);\n}\n[aria-busy=true]:not(input, select, textarea):not(:empty)::before {\n margin-right: calc(var(--pico-spacing) * 0.5);\n margin-left: 0;\n margin-inline-start: 0;\n margin-inline-end: calc(var(--pico-spacing) * 0.5);\n}\n[aria-busy=true]:not(input, select, 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 * Modal ()\n */\n:root {\n --pico-scrollbar-width: 0px;\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 border: 0;\n backdrop-filter: var(--pico-modal-overlay-backdrop-filter);\n background-color: var(--pico-modal-overlay-background-color);\n color: var(--pico-color);\n}\ndialog article {\n width: 100%;\n max-height: calc(100vh - var(--pico-spacing) * 2);\n margin: var(--pico-spacing);\n overflow: auto;\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(--pico-block-spacing-vertical) * 0.5) var(--pico-block-spacing-horizontal);\n}\ndialog article > header .close {\n margin: 0;\n margin-left: var(--pico-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(--pico-spacing) * 0.5);\n}\ndialog:not([open]), dialog[open=false] {\n display: none;\n}\n\n/**\n * Nav\n */\n:where(nav li)::before {\n float: left;\n content: \"​\";\n}\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(--pico-nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);\n}\nnav li {\n display: inline-block;\n margin: 0;\n padding: var(--pico-nav-element-spacing-vertical) var(--pico-nav-element-spacing-horizontal);\n}\nnav li :where(a, [role=link]) {\n display: inline-block;\n margin: calc(var(--pico-nav-link-spacing-vertical) * -1) calc(var(--pico-nav-link-spacing-horizontal) * -1);\n padding: var(--pico-nav-link-spacing-vertical) var(--pico-nav-link-spacing-horizontal);\n border-radius: var(--pico-border-radius);\n}\nnav li :where(a, [role=link]):not(:hover) {\n text-decoration: none;\n}\nnav li button,\nnav li [role=button],\nnav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),\nnav li select {\n height: auto;\n margin-right: inherit;\n margin-bottom: 0;\n margin-left: inherit;\n padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);\n}\nnav[aria-label=breadcrumb] {\n align-items: center;\n justify-content: start;\n}\nnav[aria-label=breadcrumb] ul li:not(:first-child) {\n margin-inline-start: var(--pico-nav-link-spacing-horizontal);\n}\nnav[aria-label=breadcrumb] ul li:not(:last-child) ::after {\n position: absolute;\n width: calc(var(--pico-nav-link-spacing-horizontal) * 2);\n margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) / 2);\n content: \"/\";\n color: var(--pico-muted-color);\n text-align: center;\n text-decoration: none;\n}\nnav[aria-label=breadcrumb] a[aria-current] {\n background-color: transparent;\n color: inherit;\n text-decoration: none;\n pointer-events: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n display: block;\n}\naside li {\n padding: calc(var(--pico-nav-element-spacing-vertical) * 0.5) var(--pico-nav-element-spacing-horizontal);\n}\naside li a {\n display: block;\n}\naside li [role=button] {\n margin: inherit;\n}\n\n[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after {\n content: \"\\\\\";\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(--pico-spacing) * 0.5);\n overflow: hidden;\n border: 0;\n border-radius: var(--pico-border-radius);\n background-color: var(--pico-progress-background-color);\n color: var(--pico-progress-color);\n}\nprogress::-webkit-progress-bar {\n border-radius: var(--pico-border-radius);\n background: none;\n}\nprogress[value]::-webkit-progress-value {\n background-color: var(--pico-progress-color);\n}\nprogress::-moz-progress-bar {\n background-color: var(--pico-progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n progress:indeterminate {\n background: var(--pico-progress-background-color) linear-gradient(to right, var(--pico-progress-color) 30%, var(--pico-progress-background-color) 30%) top left/150% 150% no-repeat;\n animation: progress-indeterminate 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@media (prefers-reduced-motion: no-preference) {\n [dir=rtl] progress:indeterminate {\n animation-direction: reverse;\n }\n}\n\n@keyframes progress-indeterminate {\n 0% {\n background-position: 200% 0;\n }\n 100% {\n background-position: -200% 0;\n }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n position: relative;\n}\n[data-tooltip]:not(a, button, input) {\n border-bottom: 1px dotted;\n text-decoration: none;\n cursor: help;\n}\n[data-tooltip][data-placement=top]::before, [data-tooltip][data-placement=top]::after, [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(--pico-border-radius);\n background: var(--pico-tooltip-background-color);\n content: attr(data-tooltip);\n color: var(--pico-tooltip-color);\n font-style: normal;\n font-weight: var(--pico-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][data-placement=top]::after, [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(--pico-tooltip-background-color);\n}\n[data-tooltip][data-placement=bottom]::before, [data-tooltip][data-placement=bottom]::after {\n top: 100%;\n bottom: auto;\n transform: translate(-50%, 0.25rem);\n}\n[data-tooltip][data-placement=bottom]:after {\n transform: translate(-50%, -0.3rem);\n border: 0.3rem solid transparent;\n border-bottom: 0.3rem solid;\n}\n[data-tooltip][data-placement=left]::before, [data-tooltip][data-placement=left]::after {\n top: 50%;\n right: 100%;\n bottom: auto;\n left: auto;\n transform: translate(-0.25rem, -50%);\n}\n[data-tooltip][data-placement=left]:after {\n transform: translate(0.3rem, -50%);\n border: 0.3rem solid transparent;\n border-left: 0.3rem solid;\n}\n[data-tooltip][data-placement=right]::before, [data-tooltip][data-placement=right]::after {\n top: 50%;\n right: auto;\n bottom: auto;\n left: 100%;\n transform: translate(0.25rem, -50%);\n}\n[data-tooltip][data-placement=right]:after {\n transform: translate(-0.3rem, -50%);\n border: 0.3rem solid transparent;\n border-right: 0.3rem solid;\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][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::before, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n animation-duration: 0.2s;\n animation-name: tooltip-slide-top;\n }\n [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n animation-name: tooltip-caret-slide-top;\n }\n [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::before, [data-tooltip][data-placement=bottom]:hover::after {\n animation-duration: 0.2s;\n animation-name: tooltip-slide-bottom;\n }\n [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::after {\n animation-name: tooltip-caret-slide-bottom;\n }\n [data-tooltip][data-placement=left]:focus::before, [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::before, [data-tooltip][data-placement=left]:hover::after {\n animation-duration: 0.2s;\n animation-name: tooltip-slide-left;\n }\n [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::after {\n animation-name: tooltip-caret-slide-left;\n }\n [data-tooltip][data-placement=right]:focus::before, [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::before, [data-tooltip][data-placement=right]:hover::after {\n animation-duration: 0.2s;\n animation-name: tooltip-slide-right;\n }\n [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::after {\n animation-name: tooltip-caret-slide-right;\n }\n}\n@keyframes tooltip-slide-top {\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 tooltip-caret-slide-top {\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@keyframes tooltip-slide-bottom {\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 tooltip-caret-slide-bottom {\n from {\n opacity: 0;\n }\n 50% {\n transform: translate(-50%, -0.5rem);\n opacity: 0;\n }\n to {\n transform: translate(-50%, -0.3rem);\n opacity: 1;\n }\n}\n@keyframes tooltip-slide-left {\n from {\n transform: translate(0.75rem, -50%);\n opacity: 0;\n }\n to {\n transform: translate(-0.25rem, -50%);\n opacity: 1;\n }\n}\n@keyframes tooltip-caret-slide-left {\n from {\n opacity: 0;\n }\n 50% {\n transform: translate(0.05rem, -50%);\n opacity: 0;\n }\n to {\n transform: translate(0.3rem, -50%);\n opacity: 1;\n }\n}\n@keyframes tooltip-slide-right {\n from {\n transform: translate(-0.75rem, -50%);\n opacity: 0;\n }\n to {\n transform: translate(0.25rem, -50%);\n opacity: 1;\n }\n}\n@keyframes tooltip-caret-slide-right {\n from {\n opacity: 0;\n }\n 50% {\n transform: translate(-0.05rem, -50%);\n opacity: 0;\n }\n to {\n transform: translate(-0.3rem, -50%);\n opacity: 1;\n }\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","/*!\n * Pico ✨ v2.0.0-alpha1 (https://picocss.com)\n * Copyright 2019-2022 - Licensed under MIT\n */\n","@use \"sass:map\";\n@use \"../../settings\" as *;\n\n@use \"light\";\n@use \"dark\";\n\n@if map.get($modules, \"themes/default\") {\n /**\n * Color schemes\n */\n\n // Light color scheme (Default)\n // Can be forced with data-theme=\"light\"\n [data-theme=\"light\"],\n :root:not([data-theme=\"dark\"]) {\n @include light.theme;\n }\n\n // Dark color scheme (Auto)\n // Automatically enabled if user has Dark mode enabled\n @media only screen and (prefers-color-scheme: dark) {\n :root:not([data-theme]) {\n @include dark.theme;\n }\n }\n\n // Dark color scheme (Forced)\n // Enabled if forced with data-theme=\"dark\"\n [data-theme=\"dark\"] {\n @include dark.theme;\n }\n\n progress,\n [type=\"checkbox\"],\n [type=\"radio\"],\n [type=\"range\"] {\n accent-color: var(#{$✨}primary);\n }\n}\n","@use \"sass:map\";\n@use \"../../colors\" as *;\n@use \"../../settings\" as *;\n@use \"../../utils/box-shadow\";\n@use \"../../utils/functions\";\n\n// Default: Light theme\n@mixin theme {\n #{$✨}background-color: #{$white};\n\n // Text color\n #{$✨}color: #{$zinc-750};\n\n // Text selection color\n #{$✨}text-selection-color: #{rgba($azure-400, 0.25)};\n\n // Muted colors\n #{$✨}muted-color: #{$zinc-550};\n #{$✨}muted-border-color: #{mix($slate-100, $slate-50)};\n\n // Primary colors\n #{$✨}primary: #{$azure-550};\n #{$✨}primary-hover: #{$azure-650};\n #{$✨}primary-underline: #{rgba($azure-550, 0.5)};\n #{$✨}primary-underline-hover: var(#{$✨}primary-hover);\n #{$✨}primary-background: #{$azure-550};\n #{$✨}primary-background-hover: #{$azure-600};\n #{$✨}primary-border: var(#{$✨}primary-background);\n #{$✨}primary-border-hover: var(#{$✨}primary-background-hover);\n #{$✨}primary-focus: #{rgba($azure-400, 0.5)};\n #{$✨}primary-inverse: #{$white};\n\n // Secondary colors\n #{$✨}secondary: #{$slate-550};\n #{$✨}secondary-hover: #{$slate-650};\n #{$✨}secondary-underline: #{rgba($slate-550, 0.5)};\n #{$✨}secondary-underline-hover: var(#{$✨}secondary-hover);\n #{$✨}secondary-background: #{$slate-600};\n #{$✨}secondary-background-hover: #{$slate-650};\n #{$✨}secondary-border: var(#{$✨}secondary-background);\n #{$✨}secondary-border-hover: var(#{$✨}secondary-background-hover);\n #{$✨}secondary-focus: #{rgba($slate-550, 0.25)};\n #{$✨}secondary-inverse: #{$white};\n\n // Contrast colors\n #{$✨}contrast: #{$slate-900};\n #{$✨}contrast-hover: #{$black};\n #{$✨}contrast-underline: #{rgba($slate-900, 0.5)};\n #{$✨}contrast-underline-hover: var(#{$✨}secondary-hover);\n #{$✨}contrast-background: #{$slate-900};\n #{$✨}contrast-background-hover: #{$black};\n #{$✨}contrast-border: var(#{$✨}contrast-background);\n #{$✨}contrast-border-hover: var(#{$✨}contrast-background-hover);\n #{$✨}contrast-focus: #{rgba($slate-550, 0.25)};\n #{$✨}contrast-inverse: #{$white};\n\n // Box shadow\n #{$✨}box-shadow: box-shadow.shadow($slate-500);\n\n // Typography\n @if map.get($modules, \"content/typography\") {\n // Headings colors\n #{$✨}h1-color: #{$zinc-800};\n #{$✨}h2-color: #{$zinc-750};\n #{$✨}h3-color: #{$zinc-700};\n #{$✨}h4-color: #{$zinc-650};\n #{$✨}h5-color: #{$zinc-600};\n #{$✨}h6-color: #{$zinc-550};\n\n // Highlighted text ()\n #{$✨}mark-background-color: #{mix($amber-100, $amber-50)};\n #{$✨}mark-color: #{$zinc-950};\n\n // Inserted () & Deleted ()\n #{$✨}ins-color: #{$jade-550};\n #{$✨}del-color: #{$red-650};\n\n // Blockquote\n #{$✨}blockquote-border-color: var(#{$✨}muted-border-color);\n #{$✨}blockquote-footer-color: var(#{$✨}muted-color);\n }\n\n // Button\n @if map.get($modules, \"content/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\n // Table\n @if map.get($modules, \"content/table\") {\n #{$✨}table-border-color: var(#{$✨}muted-border-color);\n #{$✨}table-row-stripped-background-color: #{rgba($zinc-500, 0.0375)};\n }\n\n // Code\n @if map.get($modules, \"content/code\") {\n #{$✨}code-background-color: #{mix($slate-50, $white, 75%)};\n #{$✨}code-color: var(#{$✨}muted-color);\n #{$✨}code-kbd-background-color: var(#{$✨}color);\n #{$✨}code-kbd-color: var(#{$✨}background-color);\n }\n\n // Form elements\n @if map.get($modules, \"forms/basics\") {\n #{$✨}form-element-background-color: #{mix($slate-50, $white, 25%)};\n #{$✨}form-element-border-color: #{$slate-150};\n #{$✨}form-element-color: #{$zinc-850};\n #{$✨}form-element-placeholder-color: var(#{$✨}muted-color);\n #{$✨}form-element-active-background-color: #{$white};\n #{$✨}form-element-active-border-color: var(#{$✨}primary-border);\n #{$✨}form-element-focus-color: var(#{$✨}primary-border);\n #{$✨}form-element-disabled-background-color: var(#{$✨}form-element-background-color);\n #{$✨}form-element-disabled-border-color: var(#{$✨}form-element-border-color);\n #{$✨}form-element-disabled-opacity: 0.5;\n #{$✨}form-element-invalid-border-color: #{$red-650};\n #{$✨}form-element-invalid-active-border-color: #{$red-700};\n #{$✨}form-element-invalid-focus-color: var(#{$✨}form-element-invalid-active-border-color);\n #{$✨}form-element-valid-border-color: #{$jade-550};\n #{$✨}form-element-valid-active-border-color: #{$jade-600};\n #{$✨}form-element-valid-focus-color: var(#{$✨}form-element-valid-active-border-color);\n\n // Focus for buttons, radio and select\n input:is(\n [type=\"submit\"],\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"checkbox\"],\n [type=\"radio\"],\n [type=\"file\"]\n ) {\n #{$✨}form-element-focus-color: var(#{$✨}primary-focus);\n }\n }\n\n // Switch (input[type=\"checkbox\"][role=\"switch\"])\n @if map.get($modules, \"forms/checkbox-radio-switch\") {\n #{$✨}switch-background-color: #{$slate-200};\n #{$✨}switch-color: var(#{$✨}primary-inverse);\n #{$✨}switch-checked-background-color: var(#{$✨}primary-background);\n }\n\n // Range (input[type=\"range\"])\n @if map.get($modules, \"forms/input-range\") {\n #{$✨}range-border-color: #{$slate-100};\n #{$✨}range-active-border-color: #{$slate-200};\n #{$✨}range-thumb-border-color: var(#{$✨}background-color);\n #{$✨}range-thumb-color: var(#{$✨}secondary-background);\n #{$✨}range-thumb-hover-color: var(#{$✨}secondary-background-hover);\n #{$✨}range-thumb-active-color: var(#{$✨}primary);\n }\n\n // Accordion (
)\n @if map.get($modules, \"components/accordion\") {\n #{$✨}accordion-border-color: var(#{$✨}muted-border-color);\n #{$✨}accordion-active-summary-color: var(#{$✨}primary-hover);\n #{$✨}accordion-close-summary-color: var(#{$✨}color);\n #{$✨}accordion-open-summary-color: var(#{$✨}muted-color);\n }\n\n // Card (
)\n @if map.get($modules, \"components/card\") {\n #{$✨}card-background-color: var(#{$✨}background-color);\n #{$✨}card-border-color: var(#{$✨}muted-border-color);\n #{$✨}card-box-shadow: var(#{$✨}box-shadow);\n #{$✨}card-sectionning-background-color: #{mix($slate-50, $white, 25%)};\n }\n\n // Dropdown (
)\n @if map.get($modules, \"components/dropdown\") {\n #{$✨}dropdown-background-color: #{$white};\n #{$✨}dropdown-border-color: #{$slate-50};\n #{$✨}dropdown-box-shadow: var(#{$✨}box-shadow);\n #{$✨}dropdown-color: var(#{$✨}color);\n #{$✨}dropdown-hover-background-color: #{$slate-50};\n }\n\n // Loading ([aria-busy=true])\n @if map.get($modules, \"components/loading\") {\n #{$✨}loading-spinner-opacity: 0.5;\n }\n\n // Modal ()\n @if map.get($modules, \"components/modal\") {\n #{$✨}modal-overlay-background-color: #{rgba($slate-50, 0.7)};\n }\n\n // Progress\n @if map.get($modules, \"components/progress\") {\n #{$✨}progress-background-color: #{$slate-100};\n #{$✨}progress-color: var(#{$✨}primary-background);\n }\n\n // Tooltip ([data-tooltip])\n @if map.get($modules, \"components/tooltip\") {\n #{$✨}tooltip-background-color: var(#{$✨}contrast-background);\n #{$✨}tooltip-color: var(#{$✨}contrast-inverse);\n }\n\n // Checkboxes icon\n @if map.get($modules, \"forms/checkbox-radio-switch\") {\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='#{functions.display-rgb($white)}' 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-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='#{functions.display-rgb($white)}' 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 }\n\n // Chevron icons\n @if map.get($modules, \"forms/basics\") or\n map.get($modules, \"components/accordion\") or\n map.get($modules, \"components/dropdown\")\n {\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='#{functions.display-rgb($zinc-400)}' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n #{$✨}icon-chevron-button: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{functions.display-rgb($white)}' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n #{$✨}icon-chevron-button-contrast: var(#{$✨}icon-chevron-button);\n }\n\n // Datetime icons\n @if map.get($modules, \"forms/input-date\") {\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='#{functions.display-rgb($zinc-400)}' 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-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='#{functions.display-rgb($zinc-400)}' 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 }\n\n // Form validation icons\n @if map.get($modules, \"forms/basics\") {\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='#{functions.display-rgb($jade-550)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\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='#{functions.display-rgb($red-650)}' 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 }\n\n // Search icon\n @if map.get($modules, \"forms/input-search\") {\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='#{functions.display-rgb($zinc-400)}' 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 }\n\n // Close icon\n @if map.get($modules, \"components/modal\") {\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='#{functions.display-rgb($zinc-400)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n }\n\n // Document\n color-scheme: light;\n}\n","@use \"sass:map\";\n@use \"../../colors\" as *;\n@use \"../../settings\" as *;\n@use \"../../utils/box-shadow\";\n@use \"../../utils/functions\";\n\n// Default: Dark theme\n@mixin theme {\n #{$✨}background-color: #{mix($slate-950, $slate-900)};\n\n // Text color\n #{$✨}color: #{$zinc-200};\n\n // Text selection color\n #{$✨}text-selection-color: #{rgba($azure-350, 0.1875)};\n\n // Muted colors\n #{$✨}muted-color: #{$zinc-450};\n #{$✨}muted-border-color: #{$slate-850};\n\n // Primary colors\n #{$✨}primary: #{$azure-350};\n #{$✨}primary-hover: #{$azure-250};\n #{$✨}primary-underline: #{rgba($azure-350, 0.5)};\n #{$✨}primary-underline-hover: var(#{$✨}primary-hover);\n #{$✨}primary-background: #{$azure-550};\n #{$✨}primary-background-hover: #{$azure-500};\n #{$✨}primary-border: var(#{$✨}primary-background);\n #{$✨}primary-border-hover: var(#{$✨}primary-background-hover);\n #{$✨}primary-focus: #{rgba($azure-350, 0.375)};\n #{$✨}primary-inverse: #{$white};\n\n // Secondary colors\n #{$✨}secondary: #{$zinc-350};\n #{$✨}secondary-hover: #{$zinc-250};\n #{$✨}secondary-underline: #{rgba($zinc-350, 0.5)};\n #{$✨}secondary-underline-hover: var(#{$✨}secondary-hover);\n #{$✨}secondary-background: #{$slate-600};\n #{$✨}secondary-background-hover: #{$slate-550};\n #{$✨}secondary-border: var(#{$✨}secondary-background);\n #{$✨}secondary-border-hover: var(#{$✨}secondary-background-hover);\n #{$✨}secondary-focus: #{rgba($slate-350, 0.25)};\n #{$✨}secondary-inverse: #{$white};\n\n // Contrast colors\n #{$✨}contrast: #{$slate-100};\n #{$✨}contrast-hover: #{$white};\n #{$✨}contrast-underline: #{rgba($slate-100, 0.5)};\n #{$✨}contrast-underline-hover: var(#{$✨}contrast-hover);\n #{$✨}contrast-background: #{$slate-50};\n #{$✨}contrast-background-hover: #{$white};\n #{$✨}contrast-border: var(#{$✨}contrast-background);\n #{$✨}contrast-border-hover: var(#{$✨}contrast-background-hover);\n #{$✨}contrast-focus: #{rgba($slate-150, 0.25)};\n #{$✨}contrast-inverse: #{$black};\n\n // Box shadow\n #{$✨}box-shadow: box-shadow.shadow($black);\n\n // Typography\n @if map.get($modules, \"content/typography\") {\n // Headings colors\n #{$✨}h1-color: #{$zinc-50};\n #{$✨}h2-color: #{$zinc-100};\n #{$✨}h3-color: #{$zinc-200};\n #{$✨}h4-color: #{$zinc-250};\n #{$✨}h5-color: #{$zinc-300};\n #{$✨}h6-color: #{$zinc-400};\n\n // Highlighted text ()\n #{$✨}mark-background-color: #{$azure-750};\n #{$✨}mark-color: #{$white};\n\n // Inserted () & Deleted ()\n #{$✨}ins-color: #{desaturate($jade-350, 25%)};\n #{$✨}del-color: #{desaturate($red-400, 25%)};\n\n // Blockquote\n #{$✨}blockquote-border-color: var(#{$✨}muted-border-color);\n #{$✨}blockquote-footer-color: var(#{$✨}muted-color);\n }\n\n // Button\n @if map.get($modules, \"content/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\n // Table\n @if map.get($modules, \"content/table\") {\n #{$✨}table-border-color: var(#{$✨}muted-border-color);\n #{$✨}table-row-stripped-background-color: #{rgba($zinc-500, 0.0375)};\n }\n\n // Code\n @if map.get($modules, \"content/code\") {\n #{$✨}code-background-color: #{mix($slate-900, $slate-850, 75%)};\n #{$✨}code-color: var(#{$✨}muted-color);\n #{$✨}code-kbd-background-color: var(#{$✨}color);\n #{$✨}code-kbd-color: var(#{$✨}background-color);\n }\n\n // Form elements\n @if map.get($modules, \"forms/basics\") {\n #{$✨}form-element-background-color: #{mix($slate-900, $slate-850)};\n #{$✨}form-element-border-color: #{$slate-800};\n #{$✨}form-element-color: #{$zinc-100};\n #{$✨}form-element-placeholder-color: #{$zinc-400};\n #{$✨}form-element-active-background-color: #{mix($slate-900, $slate-850, 75%)};\n #{$✨}form-element-active-border-color: var(#{$✨}primary-border);\n #{$✨}form-element-focus-color: var(#{$✨}primary-border);\n #{$✨}form-element-disabled-background-color: var(#{$✨}form-element-background-color);\n #{$✨}form-element-disabled-border-color: var(#{$✨}form-element-border-color);\n #{$✨}form-element-disabled-opacity: 0.5;\n #{$✨}form-element-invalid-border-color: #{desaturate($red-400, 25%)};\n #{$✨}form-element-invalid-active-border-color: #{desaturate($red-500, 25%)};\n #{$✨}form-element-invalid-focus-color: var(#{$✨}form-element-invalid-active-border-color);\n #{$✨}form-element-valid-border-color: #{desaturate($jade-350, 25%)};\n #{$✨}form-element-valid-active-border-color: #{desaturate($jade-450, 25%)};\n #{$✨}form-element-valid-focus-color: var(#{$✨}form-element-valid-active-border-color);\n\n // Focus for buttons, radio and select\n input:is(\n [type=\"submit\"],\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"checkbox\"],\n [type=\"radio\"],\n [type=\"file\"]\n ) {\n #{$✨}form-element-focus-color: var(#{$✨}primary-focus);\n }\n }\n\n // Switch (input[type=\"checkbox\"][role=\"switch\"])\n @if map.get($modules, \"forms/checkbox-radio-switch\") {\n #{$✨}switch-background-color: #{$slate-750};\n #{$✨}switch-color: var(#{$✨}primary-inverse);\n #{$✨}switch-checked-background-color: var(#{$✨}primary-background);\n }\n\n // Range (input[type=\"range\"])\n @if map.get($modules, \"forms/input-range\") {\n #{$✨}range-border-color: #{$slate-850};\n #{$✨}range-active-border-color: #{$slate-800};\n #{$✨}range-thumb-border-color: var(#{$✨}background-color);\n #{$✨}range-thumb-color: var(#{$✨}secondary-background);\n #{$✨}range-thumb-hover-color: var(#{$✨}secondary-background-hover);\n #{$✨}range-thumb-active-color: var(#{$✨}primary);\n }\n\n // Accordion (
)\n @if map.get($modules, \"components/accordion\") {\n #{$✨}accordion-border-color: var(#{$✨}muted-border-color);\n #{$✨}accordion-active-summary-color: var(#{$✨}primary-hover);\n #{$✨}accordion-close-summary-color: var(#{$✨}color);\n #{$✨}accordion-open-summary-color: var(#{$✨}muted-color);\n }\n\n // Card (
)\n @if map.get($modules, \"components/card\") {\n #{$✨}card-background-color: #{$slate-900};\n #{$✨}card-border-color: var(#{$✨}card-background-color);\n #{$✨}card-box-shadow: var(#{$✨}box-shadow);\n #{$✨}card-sectionning-background-color: #{mix($slate-900, $slate-850, 75%)};\n }\n\n // Dropdown (
)\n @if map.get($modules, \"components/dropdown\") {\n #{$✨}dropdown-background-color: #{$slate-900};\n #{$✨}dropdown-border-color: #{$slate-850};\n #{$✨}dropdown-box-shadow: var(#{$✨}box-shadow);\n #{$✨}dropdown-color: var(#{$✨}color);\n #{$✨}dropdown-hover-background-color: #{$slate-850};\n }\n\n // Loading ([aria-busy=true])\n @if map.get($modules, \"components/loading\") {\n #{$✨}loading-spinner-opacity: 0.5;\n }\n\n // Modal ()\n @if map.get($modules, \"components/modal\") {\n #{$✨}modal-overlay-background-color: #{rgba(mix($black, $zinc-950), 0.85)};\n }\n\n // Progress\n @if map.get($modules, \"components/progress\") {\n #{$✨}progress-background-color: #{$slate-850};\n #{$✨}progress-color: var(#{$✨}primary-background);\n }\n\n // Tooltip ([data-tooltip])\n @if map.get($modules, \"components/tooltip\") {\n #{$✨}tooltip-background-color: var(#{$✨}contrast-background);\n #{$✨}tooltip-color: var(#{$✨}contrast-inverse);\n }\n\n // Checkboxes icons\n @if map.get($modules, \"forms/checkbox-radio-switch\") {\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='#{functions.display-rgb($white)}' 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-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='#{functions.display-rgb($white)}' 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 }\n\n // Chevron icons\n @if map.get($modules, \"forms/basics\") or\n map.get($modules, \"components/accordion\") or\n map.get($modules, \"components/dropdown\")\n {\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='#{functions.display-rgb($zinc-400)}' 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-chevron-button: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{functions.display-rgb($white)}' 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-chevron-button-contrast: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{functions.display-rgb($black)}' 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 }\n\n // Datetime icons\n @if map.get($modules, \"forms/input-date\") {\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='#{functions.display-rgb($zinc-400)}' stroke-width='1.5' 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-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='#{functions.display-rgb($zinc-400)}' stroke-width='1.5' 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 }\n\n // Form validation icons\n @if map.get($modules, \"forms/basics\") {\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='#{functions.display-rgb(desaturate($jade-350, 25%))}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\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='#{functions.display-rgb(desaturate($red-400, 25%))}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n }\n\n // Search icon\n @if map.get($modules, \"forms/input-search\") {\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='#{functions.display-rgb($zinc-400)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n }\n\n // Close icon\n @if map.get($modules, \"components/modal\") {\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='#{functions.display-rgb($zinc-400)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n }\n\n // Document\n color-scheme: dark;\n}\n","@use \"sass:map\";\n@use \"../../settings\" as *;\n\n@if map.get($modules, \"themes/default\") {\n /**\n * Styles\n */\n\n :root {\n // Typography\n #{$✨}font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\",\n \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n \"Noto Color Emoji\";\n #{$✨}line-height: 1.5;\n #{$✨}font-weight: 400;\n #{$✨}font-size: 100%;\n #{$✨}text-underline-offset: 0.1rem;\n\n // Responsive root font size\n @if $enable-responsive-typography {\n @each $key, $values in $breakpoints {\n @if $values {\n @media (min-width: map.get($values, \"breakpoint\")) {\n #{$✨}font-size: map.get($values, \"root-font-size\");\n }\n }\n }\n }\n\n // Borders\n #{$✨}border-radius: 0.25rem;\n #{$✨}border-width: 1px;\n #{$✨}outline-width: 0.1875rem;\n\n // Transitions\n #{$✨}transition: 0.2s ease-in-out;\n\n // Spacings\n #{$✨}spacing: 1rem;\n\n // Spacings for typography elements\n @if map.get($modules, \"content/typography\") {\n #{$✨}typography-spacing-vertical: 1rem;\n }\n\n // Spacings for body > header, body > main, body > footer, section, article\n @if map.get($modules, \"layout/landmarks\") or\n map.get($modules, \"layout/section\") or\n map.get($modules, \"components/card\") or\n map.get($modules, \"components/modal\")\n {\n #{$✨}block-spacing-vertical: calc(var(#{$✨}spacing) * 2);\n #{$✨}block-spacing-horizontal: var(#{$✨}spacing);\n }\n\n @if map.get($modules, \"layout/grid\") and $enable-classes {\n #{$✨}grid-spacing-vertical: 0;\n #{$✨}grid-spacing-horizontal: var(#{$✨}spacing);\n }\n\n // Spacings for form elements and button\n @if map.get($modules, \"content/button\") or map.get($modules, \"forms/basic\") {\n #{$✨}form-element-spacing-vertical: 0.75rem;\n #{$✨}form-element-spacing-horizontal: 1rem;\n }\n\n // Font weight for form labels & fieldsets legend\n @if map.get($modules, \"forms/basic\") {\n #{$✨}form-label-font-weight: var(#{$✨}font-weight);\n }\n\n // Modal ()\n @if map.get($modules, \"components/modal\") {\n #{$✨}modal-overlay-backdrop-filter: blur(0.375rem);\n }\n\n // Spacings for nav component\n @if map.get($modules, \"components/nav\") {\n #{$✨}nav-element-spacing-vertical: 1rem;\n #{$✨}nav-element-spacing-horizontal: 0.5rem;\n #{$✨}nav-link-spacing-vertical: 0.5rem;\n #{$✨}nav-link-spacing-horizontal: 0.5rem;\n }\n }\n\n // Responsives spacings\n @if $enable-responsive-spacings {\n // Landmarks and section\n @if map.get($modules, \"layout/landmarks\") or map.get($modules, \"layout/section\") {\n #{$semantic-root-element} > header,\n #{$semantic-root-element} > main,\n #{$semantic-root-element} > footer,\n section {\n @each $key, $values in $breakpoints {\n @if $values {\n @media (min-width: map.get($values, \"breakpoint\")) {\n $multiplier: 1;\n @if $key == \"sm\" {\n $multiplier: 2.5;\n } @else if $key == \"md\" {\n $multiplier: 3;\n } @else if $key == \"lg\" {\n $multiplier: 3.5;\n } @else if $key == \"xl\" {\n $multiplier: 4;\n }\n #{$✨}block-spacing-vertical: calc(var(#{$✨}spacing) * $multiplier);\n }\n }\n }\n }\n }\n\n // Card (
)\n @if map.get($modules, \"components/card\") {\n article {\n @each $key, $values in $breakpoints {\n @if $values {\n @media (min-width: map.get($values, \"breakpoint\")) {\n $multiplier: 1;\n @if $key == \"sm\" {\n $multiplier: 1.25;\n } @else if $key == \"md\" {\n $multiplier: 1.5;\n } @else if $key == \"lg\" {\n $multiplier: 1.75;\n } @else if $key == \"xl\" {\n $multiplier: 2;\n }\n #{$✨}block-spacing-horizontal: calc(var(#{$✨}spacing) * $multiplier);\n }\n }\n }\n }\n }\n\n // Modal\n @if map.get($modules, \"components/modal\") {\n dialog > article {\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(map.get($breakpoints, \"sm\"), \"breakpoint\")) {\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(map.get($breakpoints, \"md\"), \"breakpoint\")) {\n #{$✨}block-spacing-vertical: calc(var(#{$✨}spacing) * 3);\n #{$✨}block-spacing-horizontal: calc(var(#{$✨}spacing) * 1.5);\n }\n }\n }\n }\n }\n\n // Link\n @if map.get($modules, \"content/link\") {\n a {\n #{$✨}text-decoration: underline;\n\n // Secondary & Contrast\n @if enable-classes {\n &.secondary,\n &.contrast {\n #{$✨}text-decoration: underline;\n }\n }\n }\n }\n\n // Typography\n @if map.get($modules, \"content/typography\") {\n // Small\n small {\n #{$✨}font-size: 0.875em;\n }\n\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n #{$✨}font-weight: 700;\n }\n\n h1 {\n #{$✨}font-size: 2rem;\n #{$✨}typography-spacing-top: 3rem;\n }\n\n h2 {\n #{$✨}font-size: 1.75rem;\n #{$✨}typography-spacing-top: 2.625rem;\n }\n\n h3 {\n #{$✨}font-size: 1.5rem;\n #{$✨}typography-spacing-top: 2.25rem;\n }\n\n h4 {\n #{$✨}font-size: 1.25rem;\n #{$✨}typography-spacing-top: 1.874rem;\n }\n\n h5 {\n #{$✨}font-size: 1.125rem;\n #{$✨}typography-spacing-top: 1.6875rem;\n }\n\n h6 {\n #{$✨}font-size: 1rem;\n #{$✨}typography-spacing-top: 1.5rem;\n }\n }\n\n // Table\n @if map.get($modules, \"content/table\") {\n thead,\n tfoot {\n th,\n td {\n #{$✨}border-width: 3px;\n }\n }\n\n :not(thead, tfoot) > * > td {\n font-size: 0.875em;\n }\n }\n\n // Code\n @if map.get($modules, \"content/code\") {\n pre,\n code,\n kbd,\n samp {\n #{$✨}font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\", \"Noto Mono\",\n \"Oxygen Mono\", \"Liberation Mono\", monospace, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n \"Segoe UI Symbol\", \"Noto Color Emoji\";\n }\n\n kbd {\n #{$✨}font-weight: bolder;\n }\n }\n\n // Inputs and Selects\n input:not(\n [type=\"submit\"],\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"checkbox\"],\n [type=\"radio\"],\n [type=\"file\"]\n ),\n :where(select, textarea) {\n #{$✨}outline-width: 0.0625rem;\n }\n\n // Checkboxes, Radios and Switches\n @if map.get($modules, \"forms/checkbox-radio-switch\") {\n [type=\"checkbox\"],\n [type=\"radio\"] {\n #{$✨}border-width: 0.125rem;\n }\n\n [type=\"checkbox\"][role=\"switch\"] {\n #{$✨}border-width: 0.1875rem;\n }\n }\n\n // Dropdown (
)\n @if map.get($modules, \"components/dropdown\") {\n details[role=\"list\"] {\n summary:not([role=\"button\"]) {\n #{$✨}outline-width: 0.0625rem;\n }\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"layout/document\") {\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 v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n // ––––––––––––––––––––\n\n // 1. Add border box sizing in all browsers (opinionated)\n // 2. Backgrounds do not repeat by default (opinionated)\n *,\n *::before,\n *::after {\n box-sizing: border-box; // 1\n background-repeat: no-repeat; // 2\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. Use the default cursor in all browsers (opinionated)\n // 2. Change the line height in all browsers (opinionated)\n // 3. Breaks words to prevent overflow in all browsers (opinionated)\n // 4. Use a 4-space tab width in all browsers (opinionated)\n // 5. Remove the grey highlight on links in iOS (opinionated)\n // 6. Prevent adjustments of font size after orientation changes in iOS\n :where(:root) {\n -webkit-tap-highlight-color: transparent; // 5\n -webkit-text-size-adjust: 100%; // 6\n text-size-adjust: 100%; // 6\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); // 2\n font-family: var(#{$✨}font-family);\n text-underline-offset: var(#{$✨}text-underline-offset);\n text-rendering: optimizeLegibility;\n overflow-wrap: break-word; // 3\n cursor: default; // 1\n tab-size: 4; // 4\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"layout/landmarks\") {\n /**\n * Landmarks\n */\n\n // Reboot based on :\n // - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n // - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n // ––––––––––––––––––––\n\n // 1. Remove the margin in all browsers (opinionated)\n body {\n width: 100%;\n margin: 0; // 1\n }\n\n // Render the `main` element consistently in IE\n main {\n display: block;\n }\n\n // Pico\n // ––––––––––––––––––––\n #{$semantic-root-element} {\n > header,\n > main,\n > footer {\n //
,
,