*,*::before,*::after{box-sizing:border-box}html{color-scheme:dark;font-family:system-ui;interpolate-size:allow-keywords;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100vh;line-height:1.6;margin:0;color:#ddd;background-color:#222}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}button,select,input,textarea{font-family:inherit;font-size:.8rem}button:not(:disabled){cursor:pointer}img,picture{display:block;max-width:100%}:target{scroll-margin-block:5rlh}.loading-progress{position:relative;display:block;width:8rem;height:8rem;margin:20vh auto 1rem auto}.loading-progress circle{fill:none;stroke:#e0e0e0;stroke-width:.6rem;transform-origin:50% 50%;transform:rotate(-90deg)}.loading-progress circle:last-child{stroke:#1b6ec2;stroke-dasharray:calc(3.141*var(--blazor-load-percentage,0%)*.8),500%;transition:stroke-dasharray .05s ease-in-out}.loading-progress-text{position:absolute;text-align:center;font-weight:bold;inset:calc(20vh + 3.25rem) 0 auto .2rem}.loading-progress-text:after{content:var(--blazor-load-percentage-text,"Loading")}#blazor-error-ui{position:fixed;inset:auto 0 0 0;z-index:1000;display:none;color:#222;background-image:linear-gradient(90deg,#ff7,#ff4,#ff7)}#blazor-error-ui>div{display:flex;justify-content:center;align-items:center;gap:.8em;padding:.6em 1.2em}#blazor-error-ui>div>p{margin:0 0 0 auto}#blazor-error-ui>div>p>span{display:inline-block}#blazor-error-ui>div>p>span:first-child{margin-right:.4em}#blazor-error-ui>div>.dismiss{cursor:pointer;margin-left:auto;width:20px;height:20px;flex-shrink:0;transition:stroke .1s}#blazor-error-ui>div>.dismiss>line{stroke:#000;stroke-width:2;stroke-linecap:round}#blazor-error-ui>div>.dismiss:hover>line{stroke:#04b;transition:stroke .3s}#test-page>h1{font-size:3rem;text-align:center}#test-page .group{display:flex;flex-direction:column;gap:1.5em;margin:2em;padding:2em;background-color:#333}#test-page .group>h2{font-size:1.4rem;margin:0}#test-page .group>div{display:flex;flex-direction:row;flex-wrap:wrap;gap:.8em}#test-page .group>div>button{cursor:pointer;padding:.4em .6em;color:#ddd;background-color:#000;border:.15em #ddd outset;border-radius:.2em}#test-page .group>div>button:hover{background-color:#222}#test-page .group>div>button:active{background-color:#222;border:.15em #ddd inset}#test-page .group>label{min-height:calc(1.5rem + .8em);padding:.4em;background-color:#2c2c2c}.html-element{overflow:scroll;height:80px;width:70px;transition:all 300ms;background-color:#282828;padding:.5em}.long-transition{transition-duration:30s}.animation-start{animation:change-background-color 300ms}.animation-start-infinite{animation:change-background-color 300ms infinite}@keyframes change-background-color{from{background-color:#222}to{background-color:#333}}