.component-button{--i-background-color: var(--x-background-color, var(--theme-lighter));--i-color: var(--x-color, var(--theme-black));--i-opacity: unset;--i-padding-x: 2rem;--i-scale: 1;--i-width: auto;--i-border-color: var(--x-border-color, var(--i-background-color));background-color:var(--i-background-color);border:.125rem solid var(--i-border-color);border-radius:2rem;color:var(--i-color);cursor:pointer;font-size:calc(1rem * var(--i-scale));font-weight:500;opacity:var(--i-opacity);padding:calc(1rem * var(--i-scale)) calc(var(--i-padding-x) * var(--i-scale));transition-property:background-color,border-color,color,opacity,outline-color;white-space:nowrap;width:var(--i-width)}.component-button.\:fit{--i-padding-x: 1rem}.component-button.\:size-tiny{--i-scale: .75}.component-button.\:size-small{--i-scale: .875}.component-button.\:size-large{--i-scale: 1.125}.component-button.\:unit{--i-padding-x: 1rem;--i-width: calc(.25rem + 3.5rem * var(--i-scale))}.component-button:disabled{--i-opacity: .75;cursor:not-allowed}#banner{background-color:var(--theme-shade);display:grid;grid-template-columns:[content-start] 1fr [content-end];grid-template-rows:[content-start] auto [content-end];isolation:isolate;overflow:hidden auto;scrollbar-width:none;z-index:3}#banner::-webkit-scrollbar{display:none}#banner>*{grid-area:content}#banner>.card{align-items:center;background-color:var(--theme-white);border-radius:2rem;display:flex;flex-direction:column;gap:.5rem;margin:1rem;max-width:27.5rem;overflow:hidden;padding:1rem;place-self:center}#banner>.card>.title{color:var(--theme-primary);font-size:1.25rem;font-weight:500;text-align:center}#banner>.card>.text{color:var(--theme-dark);font-size:.875rem;font-weight:300;margin-bottom:1.5rem;text-align:center}#banner>.card>.action{--x-background-color: var(--theme-primary);--x-color: var(--theme-primary-complement)}.component-graphic-logo>*{transition-property:d,fill}@keyframes component-spinner-ball-1{0%,50%,to{translate:0 0}22.5%,27.5%{translate:-125% 0}}@keyframes component-spinner-ball-2{0%,50%,to{translate:0 0}22.5%,27.5%{translate:125% 0}}.component-spinner{--i-duration: calc(4 * var(--transition-duration));align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;width:100%}.component-spinner>.logo{width:min(16%,4rem)}.component-spinner>.balls{align-items:center;display:flex;justify-content:center;width:100%}.component-spinner>.balls>[class|=ball]{animation-duration:var(--i-duration);animation-fill-mode:none;animation-iteration-count:infinite;aspect-ratio:1/1;background-color:var(--theme-primary);border-radius:100vmax;width:min(4%,1rem)}.component-spinner>.balls>.ball-1{animation-name:component-spinner-ball-1}.component-spinner>.balls>.ball-2{animation-delay:calc(.5 * var(--i-duration));animation-name:component-spinner-ball-2}#loader{background-color:var(--theme-shine);isolation:isolate;z-index:4}#menu{background-color:var(--theme-white);display:grid;grid-template-columns:[footer-start footer-bg-start header-start header-bg-start view-start] 1fr [footer-end footer-bg-end header-end header-bg-end view-end];grid-template-rows:[header-start header-bg-start] auto [header-end view-start] 1fr [header-bg-end footer-bg-start] 1fr [view-end footer-start] auto [footer-bg-end footer-end];height:100%;isolation:isolate;overflow:hidden;width:100%;z-index:1}#menu>.header{align-items:center;display:grid;gap:.5rem;grid-area:header;grid-template-columns:[close-start] 1fr [close-end];grid-template-rows:[close-start] 1fr [close-end];padding:1rem}#menu>.header>.close{--x-background-color: var(--theme-header-action-background);--x-color: var(--theme-header-action-foreground);grid-area:close;justify-self:end}#menu>.view{align-content:start;align-items:start;background-color:var(--theme-light);border-radius:2rem;display:grid;gap:.5rem;grid-area:view;grid-template-columns:repeat(2,1fr);overflow:hidden auto;padding:1rem;scrollbar-width:none}#menu>.view::-webkit-scrollbar{display:none}#menu>.view>.button{--x-color: var(--theme-primary);display:inline-grid;grid-template-columns:[icon-start text-start] 1fr [icon-end text-end];grid-template-rows:[icon-start] auto [icon-end text-start] 1fr [text-end];justify-items:center}#menu>.view>.button>.icon{font-size:2.5rem;grid-area:icon}#menu>.view>.button>.text{font-size:.875rem;grid-area:text;margin-top:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#menu>.view>.button.\:full{grid-column:span 2}#menu>.header-bg{background-color:var(--theme-header-background);background-image:linear-gradient(transparent var(--i-offset),var(--theme-white));grid-area:header-bg;pointer-events:none;transition-property:background-color}#menu>.footer-bg{background-color:var(--theme-footer-background);background-image:linear-gradient(to top,transparent var(--i-offset),var(--theme-white));grid-area:footer-bg;pointer-events:none;transition-property:background-color}#overlay{isolation:isolate;pointer-events:none;z-index:2}:where(#overlay > *){left:0;pointer-events:auto;position:absolute;top:0}#progress{background-color:var(--theme-shine);isolation:isolate;pointer-events:none;z-index:5}#progress>.marker{background-color:var(--theme-progress);height:.25rem;transition-property:width;width:calc(100% * var(--i-progress))}#progress:not(.\:done)>.marker{transition-duration:calc(4 * var(--transition-duration))}.view-misc-error{align-items:center;background-color:var(--theme-white);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:1rem}.view-misc-error>.icon{background-color:var(--theme-danger-lighter);border-radius:100vmax;color:var(--theme-danger);font-size:1.5rem;padding:1rem}.view-misc-error>.title{color:var(--theme-danger);font-size:2.5rem;font-weight:900}.view-misc-error>.text{color:var(--theme-dark);font-size:.875rem}.view-misc-error>.action{--x-background-color: var(--theme-danger);--x-color: var(--theme-danger-complement)}.view-misc-update-needed{align-items:center;background-color:var(--theme-white);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:1rem}.view-misc-update-needed>.icon{background-color:var(--theme-primary-lighter);border-radius:100vmax;color:var(--theme-primary);font-size:1.5rem;padding:1rem}.view-misc-update-needed>.title{color:var(--theme-primary);font-size:2.5rem;font-weight:900}.view-misc-update-needed>.text{color:var(--theme-dark);font-size:.875rem}.view-misc-update-needed>.action{--x-background-color: var(--theme-primary);--x-color: var(--theme-primary-complement)}#root{background-color:var(--theme-white);display:grid;grid-template-columns:[aside-start] auto [aside-end footer-start footer-bg-start header-start header-bg-start view-start] 1fr [footer-end footer-bg-end header-end header-bg-end view-end];grid-template-rows:[aside-start header-start header-bg-start] auto [header-end view-start] 1fr [header-bg-end footer-bg-start] 1fr [view-end footer-start] auto [aside-end footer-bg-end footer-end];isolation:isolate;overflow:hidden}#root>.aside{display:flex;flex-direction:column;gap:.5rem;grid-area:aside;isolation:isolate;overflow:hidden auto;padding:1rem;width:23rem;scrollbar-width:none}#root>.aside>.item{text-align:left}#root>.aside>.item.\:is-active{--x-background-color: var(--theme-primary);--x-color: var(--theme-primary-complement)}#root>.aside::-webkit-scrollbar{display:none}#root>.header{align-content:start;align-items:start;display:grid;grid-area:header;grid-template-columns:[wrapper-start] 1fr [wrapper-end];grid-template-rows:[wrapper-start] 1fr [wrapper-end];overflow:hidden;height:var(--i-height);transition-property:height}#root>.header>.wrapper{grid-area:wrapper}#root>.view{border-radius:2rem;grid-area:view;isolation:isolate;overflow:hidden auto;scrollbar-width:none}:where(#root > .view){background-color:var(--theme-light)}#root>.view::-webkit-scrollbar{display:none}#root>.footer{align-content:end;align-items:end;display:grid;grid-area:footer;grid-template-columns:[wrapper-start] 1fr [wrapper-end];grid-template-rows:[wrapper-start] 1fr [wrapper-end];overflow:hidden;height:var(--i-height);transition-property:height}#root>.footer>.wrapper{grid-area:wrapper}#root>.header-bg{background-color:var(--theme-header-background);background-image:linear-gradient(transparent var(--i-offset),var(--theme-white));grid-area:header-bg;pointer-events:none;transition-property:background-color}#root>.footer-bg{background-color:var(--theme-footer-background);background-image:linear-gradient(to top,transparent var(--i-offset),var(--theme-white));grid-area:footer-bg;pointer-events:none;transition-property:background-color}#splash{background-color:var(--theme-white);isolation:isolate;z-index:6}.component-toast{--i-title-margin-bottom: 0;--i-title-margin-top: 0;background-color:var(--theme-white);border:none;border-radius:2rem;box-shadow:0 0 .125rem 0 var(--theme-shade);cursor:pointer;display:grid;font-size:1rem;grid-template-columns:[icon-start] auto [icon-end text-start title-start] 1fr [text-end title-end];grid-template-rows:[icon-start title-start] auto [title-end text-start] 1fr [icon-end text-end];padding:.5rem;text-align:start;width:20.5rem}.component-toast>.icon{align-self:start;background-color:var(--i-background-color);border-radius:100vmax;color:var(--i-color);grid-area:icon;margin:.0625rem .5rem 0 0;padding:.5rem}.component-toast>.title{align-self:center;color:var(--i-color);font-weight:500;grid-area:title;margin-bottom:var(--i-title-margin-bottom);margin-top:var(--i-title-margin-top)}.component-toast>.text{color:var(--theme-dark);font-size:.75rem;font-weight:300;grid-area:text}.component-toast.\:no-text{--i-title-margin-bottom: .0625rem;--i-title-margin-top: .5625rem}#toaster{align-items:end;display:flex;flex-direction:column;gap:.5rem;isolation:isolate;padding:1rem;justify-content:end;pointer-events:none;z-index:7}#toaster>*{pointer-events:auto}#app{display:grid;grid-template-columns:[layer-start] 1fr [layer-end];grid-template-rows:[layer-start] 1fr [layer-end];height:var(--height);overflow:hidden;width:100%}#app>*{grid-area:layer}