:root{color:var(--color-text-primary);background-color:var(--color-surface)}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand-green:#38a3a3;--color-brand-red:#aa1c12;--color-brand-yellow:#dbba11;--color-brand-blue:#0a54a3;--color-brand-grey:gray;--color-brand-gray:var(--color-brand-grey);--color-primary:white;--color-primary-inverse:black;--color-primary-hover:color-mix(in srgb, var(--color-primary) 80%, #000);--color-surface:#fff;--color-surface-hover:#f2f2f2;--color-background:#fafafa;--color-border:#f0f0f0;--color-text-primary:#213547;--color-text-secondary:#717171}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-surface:#1d1d1d;--color-surface-hover:#252525;--color-background:#0f0f0f;--color-border:#282828;--color-text-primary:#fff;--color-text-secondary:silver}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-surface:#1d1d1d;--color-surface-hover:#252525;--color-background:#000;--color-border:#282828;--color-text-primary:#fff;--color-text-secondary:silver}}:root{--typography-fontWeight-thin:100;--typography-fontWeight-extra-light:200;--typography-fontWeight-light:300;--typography-fontWeight-regular:400;--typography-fontWeight-medium:500;--typography-fontWeight-semi-bold:600;--typography-fontWeight-bold:700;--typography-fontWeight-extra-bold:800;--typography-fontWeight-black:900;--typography-heading-font:"Metal Mania", system-ui;--typography-heading-fontWeight:var(--typography-fontWeight-bold);--typography-heading-fontSize:2.5rem;--typography-heading-lineHeight:1.1;--typography-heading-font-xl:var(--typography-heading-font);--typography-heading-fontWeight-xl:var(--typography-fontWeight-bold);--typography-heading-fontSize-xl:2.5rem;--typography-heading-lineHeight-xl:1.1;--typography-heading-fontSize-xxl:5rem;--typography-heading-lineHeight-xxl:1.1;--typography-heading-font-l:var(--typography-heading-font);--typography-heading-fontWeight-l:var(--typography-fontWeight-bold);--typography-heading-fontSize-l:2rem;--typography-heading-lineHeight-l:1.1;--typography-heading-font-m:var(--typography-heading-font);--typography-heading-fontWeight-m:var(--typography-fontWeight-bold);--typography-heading-fontSize-m:1.3rem;--typography-heading-lineHeight-m:1;--typography-heading-font-lg:var(--typography-heading-font);--typography-body-font:"Special Elite", system-ui;--typography-body-fontWeight:var(--typography-fontWeight-regular);--typography-body-fontSize:1rem;--typography-body-lineHeight:1.5;--typography-body-font-sm:"Figtree", system-ui;--typography-body-fontWeight-sm:var(--typography-fontWeight-regular);--typography-body-fontSize-sm:.8rem;--typography-body-lineHeight-sm:1.5}h1{font-family:var(--typography-heading-font-xl);font-weight:var(--typography-heading-fontWeight-xl);font-size:var(--typography-heading-fontSize-xl);line-height:var(--typography-heading-lineHeight-xl)}h2{font-family:var(--typography-heading-font-l);font-weight:var(--typography-heading-fontWeight-l);font-size:var(--typography-heading-fontSize-l);line-height:var(--typography-heading-lineHeight-l)}h3{font-family:var(--typography-heading-font-m);font-weight:var(--typography-heading-fontWeight-m);font-size:var(--typography-heading-fontSize-m);line-height:var(--typography-heading-lineHeight-m)}strong{font-weight:var(--typography-fontWeight-bold)}a{font-weight:var(--typography-fontWeight-medium);-webkit-text-decoration:inherit;text-decoration:inherit;color:var(--color-primary)}a:not(.ghost){font-weight:var(--typography-fontWeight-semi-bold)}a:hover{color:var(--color-primary-hover)}.card{background:var(--color-surface);border:1px solid var(--color-border);padding:1em}.center{text-align:center}body{background:var(--color-background)}section{background:var(--color-surface)}.clickable{cursor:pointer}.clickable:hover{color:var(--color-primary)}.text-muted,.text-mute{color:var(--color-text-secondary)}.p-4{padding:1em}.mt-0{margin-top:0}.my-0{margin-top:0;margin-bottom:0}.text-sm{font-family:var(--typography-body-font-sm);font-size:var(--typography-body-fontSize-sm);font-weight:var(--typography-body-fontWeight-sm);line-height:var(--typography-body-lineHeight-sm)}.uppercase{text-transform:uppercase;letter-spacing:.05em}.status{text-align:center;--c:black;width:calc(100% - .5em);color:var(--c);background:color-mix(in srgb, var(--c) 20%, transparent);padding:.25em}.status.green{--c:var(--color-brand-green)}.status.blue{--c:var(--color-brand-blue)}.status.red{--c:var(--color-brand-red)}.status.yellow{--c:var(--color-brand-yellow)}.status.grey,.status.gray{--c:var(--color-brand-grey)}.flex{display:flex}.row{flex-direction:row}.gap-4{gap:1em}button{--c:var(--color-primary);background:var(--c);cursor:pointer;color:var(--color-primary-inverse);text-transform:uppercase;border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button.ghost{color:var(--color-text-primary);background:0 0}button.ghost:hover{color:var(--c);background:#0000000d}button.danger{--c:var(--color-brand-red)}button.success{--c:var(--color-brand-green)}button.warning{--c:var(--color-brand-yellow)}button.info{--c:var(--color-brand-blue)}button:hover{background:color-mix(in srgb, var(--c) 90%, black)}button.secondary{border:1px solid var(--c);color:var(--c);background:0 0}button.secondary:hover{background:#0000000d}@media (prefers-color-scheme:dark){button.secondary:hover{background:#ffffff0d}}button:disabled{background:var(--color-surface-hover);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:not-allowed}button:disabled:hover{color:var(--color-text-secondary)}button:has(ion-icon){align-items:center;gap:.5em;display:flex}button:has(ion-icon) ion-icon{color:inherit;font-size:1.2em}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}dialog[open]{border:1px solid var(--color-border);max-height:80vh}dialog[open]::backdrop{background-color:#00000080}dialog[open]>.content{outline:none;flex-direction:column;gap:1em;width:100%;display:flex;position:relative;overflow:hidden}dialog[open]>.content :first-child{margin-top:0}dialog[open] .close{cursor:pointer;font-size:1.5em;position:absolute;top:.5em;right:.5em}@media (width<=600px){dialog[open],dialog[open]>div{max-width:80vw!important}.options .option:not(:has(input[type=checkbox])){grid-template-columns:1fr;gap:.5em}}input,select,div.advanced-input{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;background-color:var(--color-surface);border:1px solid var(--color-border);padding:.6em 1.2em}:is(input,select,div.advanced-input):not(:last-child){margin-bottom:1em}:is(input,select,div.advanced-input):disabled{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}:is(input,select,div.advanced-input)[aria-invalid=true]{border-color:var(--color-brand-red)}:is(input,select,div.advanced-input)[aria-invalid=true]:has(+.error-description){margin-bottom:.25em}div.checkbox{flex-direction:row;align-items:center;gap:.5em;display:flex}div.checkbox input{cursor:pointer;width:1.4rem;height:1.4rem;accent-color:var(--color-primary);margin:0}.error-description{color:var(--color-brand-red);flex-direction:row;align-items:baseline;gap:.5em;margin-bottom:1em;font-size:.9em;display:flex}.error-description ion-icon{flex-shrink:0;translate:0 .12em}div.chip-group{flex-direction:row;align-items:center;gap:.5em;margin-bottom:1em;display:flex;overflow-x:auto}div.chip-group .chip-option{border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;padding:.25em 1em;font-size:.9rem;font-weight:700}div.chip-group .chip-option.selected{background-color:var(--color-text-primary);color:var(--color-surface)}div.chip-group .chip-option:has(ion-icon){align-items:center;gap:.5em;padding-left:.5em;display:flex}div.chip-group .chip-option:has(ion-icon) ion-icon{font-size:1rem}:root{font-family:var(--typography-body-font);font-weight:var(--typography-body-fontWeight);line-height:var(--typography-body-lineHeight);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--fx-box-shadow:0 2px 4px #0000001a}body{min-width:320px;min-height:100svh;margin:0;display:flex}#app{width:100%}#app>.content{width:calc(100% - 4em);margin:0 auto;padding:2em}@media (width<=768px){body{flex-direction:column;justify-content:center;align-items:center}#app>.content{width:calc(100% - 2em);padding:1em}}