.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}#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))}.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}.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)}#root{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];isolation:isolate;overflow:hidden}#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}