:root{--color-surface: #ffffff;--color-text: #000000;--color-primary: #000000;--color-primary--text: #ffffff;--color-secondary: #333333;--color-secondary--text: #ffffff;--color-accent: #ef7d05;--color-accent--text: #ffffff;--color-disabled: #999999;--color-disabled--text: #000000;--color-success: #6baf1d;--color-success--text: #ffffff;--color-fail: #d0021b;--color-fail--text: #ffffff;--color-warning: #ffbb00;--color-warning--text: #000000;--color-info: #0077ff;--color-info--text: #ffffff;--color-neutral: #e5e5e5;--color-neutral--text: #000000;--color-overlay: rgba(0, 0, 0, .8);--color-overlay--text: #ffffff;--color-overlay-gradient: linear-gradient( to bottom, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, .01) 8.4%, hsla(0, 0%, 0%, .039) 16.1%, hsla(0, 0%, 0%, .083) 23.3%, hsla(0, 0%, 0%, .14) 29.9%, hsla(0, 0%, 0%, .207) 36.1%, hsla(0, 0%, 0%, .282) 42.1%, hsla(0, 0%, 0%, .36) 47.9%, hsla(0, 0%, 0%, .44) 53.6%, hsla(0, 0%, 0%, .518) 59.3%, hsla(0, 0%, 0%, .593) 65.2%, hsla(0, 0%, 0%, .66) 71.3%, hsla(0, 0%, 0%, .717) 77.7%, hsla(0, 0%, 0%, .761) 84.6%, hsla(0, 0%, 0%, .79) 92%, hsla(0, 0%, 0%, .8) 100% )}:root{--outline-color: #0077ff;--outline-width: 2px;--outline: auto var(--outline-width) var(--outline-color);--outline-offset: var(--base, .25rem)}*{outline:0}*:focus-visible{outline:var(--outline);outline-offset:var(--outline-offset)}:root{--shadow-color: rgba(66, 69, 72, .4);--shadow-filter: 0 0 2px var(--shadow-color);--shadow-inner-1: inset 0 1px 2px 0 var(--shadow-color);--shadow-inner-2: inset 0 2px 4px 0 var(--shadow-color);--shadow-inner-3: inset 0 3px 6px 0 var(--shadow-color);--shadow-inner-4: inset 0 4px 8px 0 var(--shadow-color);--shadow-0: none;--shadow-1: 0 1px 2px 0 var(--shadow-color);--shadow-2: 0 2px 4px 0 var(--shadow-color);--shadow-3: 0 3px 6px 0 var(--shadow-color);--shadow-4: 0 4px 8px 0 var(--shadow-color);--shadow-5: 0 5px 10px 0 var(--shadow-color);--shadow-6: 0 6px 12px 0 var(--shadow-color);--shadow-7: 0 7px 14px 0 var(--shadow-color);--shadow-8: 0 8px 16px 0 var(--shadow-color);--shadow-9: 0 9px 18px 0 var(--shadow-color);--shadow-10: 0 10px 20px 0 var(--shadow-color);--shadow-12: 0 12px 24px 0 var(--shadow-color);--shadow-16: 0 16px 32px 0 var(--shadow-color);--shadow-24: 0 24px 48px 0 var(--shadow-color)}:root{--base: .25rem;--spacing: calc(var(--base, .25rem) * 4)}:root{--font-sans: sans-serif;--font-serif: serif;--font-mono: monospace;--font-scale-xsmall: .75;--font-scale-small: .875;--font-scale-1: 1;--font-scale-2: 1.125;--font-scale-3: 1.25;--font-scale-4: 1.5;--font-scale-5: 1.75;--font-scale-6: 2;--font-scale-7: 2.5;--font-scale-8: 3;--font-scale-9: 4;--font-size-xsmall: calc(var(--font-scale-xsmall) * 1rem);--font-size-small: calc(var(--font-scale-small) * 1rem);--font-size-1: calc(var(--font-scale-1) * 1rem);--font-size-2: calc(var(--font-scale-2) * 1rem);--font-size-3: calc(var(--font-scale-3) * 1rem);--font-size-4: calc(var(--font-scale-4) * 1rem);--font-size-5: calc(var(--font-scale-5) * 1rem);--font-size-6: calc(var(--font-scale-6) * 1rem);--font-size-7: calc(var(--font-scale-7) * 1rem);--font-size-8: calc(var(--font-scale-8) * 1rem);--font-size-9: calc(var(--font-scale-9) * 1rem);--weight-light: 300;--weight-normal: 400;--weight-bold: 700}:root{--padding: 4px;--margin: 4px;--gap: var(--spacing, 4px);--column: 176px;--radius: 2px;--scrollbar-size: var(--spacing, 4px);--light-0: #fff;--grey-100: #f3f3f3;--grey-200: #e3e3e3;--grey-300: #c3c3c3;--grey-500: #888888;--grey-700: #495057;--grey-800: #333333;--grey-900: #212529;--color-success: #3e743e;--color-warning: #ffd900;--color-fail: #b10000;--shell-color: var(--color-surface);--font-sans: "IBM Plex Sans", sans-serif;--font-serif: "IBM Plex Serif", serif;--font-mono: "IBM Plex Mono", monospace;--block: 120px}html,body{width:100%;height:100%}body{display:flex;flex-direction:column;background-color:#212529}body:has(.shell){background-image:linear-gradient(to bottom right,#6c757d 0%,#000 100%);background-repeat:no-repeat;background-attachment:fixed}.shell{justify-content:flex-start;align-items:flex-start;grid-auto-rows:min-content;width:calc(var(--column) * 2 + var(--gap) * 3);max-width:100%;height:100%;max-height:720px;grid-template-columns:var(--column);margin:10vh auto;background:transparent}.main{width:100%;padding:0;grid-row:span 2}.content,.login-options button,.login-options a{width:100%}.aside,.footer{position:static;height:auto}.form-group{width:100%}
