body,html{height:100%}body{font-family:Figtree,Arial,sans-serif}a{margin-right:1rem}main{text-align:center;padding:1em;margin:0 auto;position:relative;height:100%;width:100%;display:flex;>.container{margin:auto}}h1{color:#335d92;text-transform:uppercase;font-size:4rem;font-weight:100;line-height:1.1;margin:4rem auto;max-width:14rem}p{max-width:14rem;margin:2rem auto;line-height:1.35}@media (min-width: 480px){h1,p{max-width:none}}main{max-width:991px;position:relative;.activity-container{position:absolute}}.users-col{width:300px;position:absolute;right:0;top:0}.online-users{text-align:left;list-style:none}:root{--phi: calc((1 + sqrt(5))/2) }.col-lg{width:calc(100% / var(--phi));display:inline-block;form{text-align:left}}.col-sm{width:calc(100% - (100% / var(--phi)));display:inline-block;vertical-align:top;padding:60px 20px 20px}#app{height:100%}:root{--size-min-interactive-element: 2.75rem;--font-family-primary: "Figtree", Arial, sans-serif;--font-family-mono: "Roboto Mono", monospace;--font-family-icon: "Material Symbols Rounded";--font-icon-keyboard_arrow_down-unicode: "";--color-white: #ffffff;--color-error: #FF6B6B;--color-neutral-max-rgb: 0, 0, 0;--color-neutral-max: #000;--color-neutral-heavy-6: #4b4b4b;--color-neutral-heavy-5: #565656;--color-neutral-heavy-4: #6B6B6B;--color-neutral-heavy-3: #7f7f7f;--color-neutral-heavy-2: #929191;--color-neutral-heavy-1: #B0B0B0;--color-neutral-light-5: #d9d9d9;--color-neutral-light-4: #e7e7e7;--color-neutral-light-3: #f0f0f0;--color-neutral-light-2: #f1f1f1;--color-neutral-light-1: #f9f9f9;--color-neutral-min-rgb: 255, 255, 255;--color-neutral-min: #fff;--color-neutral-light-50: #f9fbfd;--color-neutral-light-100: #edf1f9;--color-neutral-light-200: #e5ebf6;--color-neutral-light-300: #d9e2f2;--color-neutral-light-400: #d1dcf0;--color-neutral-light-500: #c6d3ec;--color-neutral-light-600: #b4c0d7;--color-neutral-light-700: #8d96a8;--color-neutral-light-800: #6d7482;--color-neutral-light-900: #535963;--color-neutral-heavy-50: #e9eaee;--color-neutral-heavy-100: #b9bfc9;--color-neutral-heavy-200: #98a0af;--color-neutral-heavy-300: #68758b;--color-neutral-heavy-400: #4b5a75;--color-neutral-heavy-500: #1e3152;--color-neutral-heavy-600: #1b2d4b;--color-neutral-heavy-700: #15233a;--color-neutral-heavy-800: #111b2d;--color-neutral-heavy-900: #0d1522;--color-foundation-orange-50: #fff7ed;--color-foundation-orange-100: #fde7c6;--color-foundation-orange-200: #fddbab;--color-foundation-orange-300: #fcca84;--color-foundation-orange-400: #fbc06d;--color-foundation-orange-500: #fab048;--color-foundation-orange-600: #e4a042;--color-foundation-orange-700: #b27d33;--color-foundation-orange-800: #8a6128;--color-foundation-orange-900: #694a1e;--color-foundation-yellow-50: #fefceb;--color-foundation-yellow-100: #fdf6c1;--color-foundation-yellow-200: #fbf1a3;--color-foundation-yellow-300: #faeb79;--color-foundation-yellow-400: #f9e75f;--color-foundation-yellow-500: #f5d900;--color-foundation-yellow-600: #dec505;--color-foundation-yellow-700: #afa027;--color-foundation-yellow-800: #887c1e;--color-foundation-yellow-900: #685f17;--color-foundation-lime-50: #f2fdec;--color-foundation-lime-100: #d7f8c3;--color-foundation-lime-200: #c4f4a5;--color-foundation-lime-300: #a9f07c;--color-foundation-lime-400: #99ed63;--color-foundation-lime-500: #7fe83c;--color-foundation-lime-600: #74d337;--color-foundation-lime-700: #5aa52b;--color-foundation-lime-800: #468021;--color-foundation-lime-900: #356119;--color-foundation-mint-50: #eafcf5;--color-foundation-mint-100: #bff5de;--color-foundation-mint-200: #a0f1cf;--color-foundation-mint-300: #74eab9;--color-foundation-mint-400: #59e6ab;--color-foundation-mint-500: #30e096;--color-foundation-mint-600: #2ccc89;--color-foundation-mint-700: #229f6b;--color-foundation-mint-800: #1a7b53;--color-foundation-mint-900: #145e3f;--color-foundation-aqua-50: #ecfafe;--color-foundation-aqua-100: #c5effc;--color-foundation-aqua-200: #a9e7fa;--color-foundation-aqua-300: #81dcf8;--color-foundation-aqua-400: #69d5f7;--color-foundation-aqua-500: #43cbf5;--color-foundation-aqua-600: #3db9df;--color-foundation-aqua-700: #3090ae;--color-foundation-aqua-800: #257087;--color-foundation-aqua-900: #1c5567;--color-foundation-blue-50: #f1f7ff;--color-foundation-blue-100: #d3e7ff;--color-foundation-blue-200: #bedbff;--color-foundation-blue-300: #a1cbff;--color-foundation-blue-400: #8ec1ff;--color-foundation-blue-500: #72b1ff;--color-foundation-blue-600: #68a1e8;--color-foundation-blue-700: #517eb5;--color-foundation-blue-800: #3f618c;--color-foundation-blue-900: #304a6b;--color-foundation-purple-50: #f4f3ff;--color-foundation-purple-100: #dedbfe;--color-foundation-purple-200: #cecafe;--color-foundation-purple-300: #b7b1fe;--color-foundation-purple-400: #a9a2fd;--color-foundation-purple-500: #948bfd;--color-foundation-purple-600: #877ee6;--color-foundation-purple-700: #6963b4;--color-foundation-purple-800: #514c8b;--color-foundation-purple-900: #3e3a6a;--color-foundation-50: var(--color-neutral-light-50);--color-foundation-100: var(--color-neutral-light-100);--color-foundation-200: var(--color-neutral-light-200);--color-foundation-300: var(--color-neutral-light-300);--color-foundation-400: var(--color-neutral-light-400);--color-foundation-500: var(--color-neutral-light-500);--color-foundation-600: var(--color-neutral-light-600);--color-foundation-700: var(--color-neutral-light-700);--color-foundation-800: var(--color-neutral-light-800);--color-foundation-900: var(--color-neutral-light-900);--color-surface: var(--color-neutral-light-50);--color-on-surface: var(--color-neutral-heavy-700);--color-container-bg: var(--color-foundation-50);--color-container-border: var(--color-foundation-600);--color-container-fill-light: var(--color-foundation-200);--color-container-fill-medium: var(--color-foundation-500);--color-container-fill-heavy: var(--color-foundation-800);--color-on-container-fill-heavy: var(--color-white)}body.dark,.d-dark-mode{--color-surface: var(--color-neutral-heavy-700);--color-on-surface: var(--color-neutral-light-50);--color-container-bg: var(--color-foundation-400);--color-container-border: var(--color-foundation-700)}.d-neutral-light{--color-foundation-50: var(--color-neutral-light-50);--color-foundation-100: var(--color-neutral-light-100);--color-foundation-200: var(--color-neutral-light-200);--color-foundation-300: var(--color-neutral-light-300);--color-foundation-400: var(--color-neutral-light-400);--color-foundation-500: var(--color-neutral-light-500);--color-foundation-600: var(--color-neutral-light-600);--color-foundation-700: var(--color-neutral-light-700);--color-foundation-800: var(--color-neutral-light-800);--color-foundation-900: var(--color-neutral-light-900)}.d-neutral-heavy{--color-foundation-50: var(--color-neutral-heavy-50);--color-foundation-100: var(--color-neutral-heavy-100);--color-foundation-200: var(--color-neutral-heavy-200);--color-foundation-300: var(--color-neutral-heavy-300);--color-foundation-400: var(--color-neutral-heavy-400);--color-foundation-500: var(--color-neutral-heavy-500);--color-foundation-600: var(--color-neutral-heavy-600);--color-foundation-700: var(--color-neutral-heavy-700);--color-foundation-800: var(--color-neutral-heavy-800);--color-foundation-900: var(--color-neutral-heavy-900)}.d-orange{--color-foundation-50: var(--color-foundation-orange-50);--color-foundation-100: var(--color-foundation-orange-100);--color-foundation-200: var(--color-foundation-orange-200);--color-foundation-300: var(--color-foundation-orange-300);--color-foundation-400: var(--color-foundation-orange-400);--color-foundation-500: var(--color-foundation-orange-500);--color-foundation-600: var(--color-foundation-orange-600);--color-foundation-700: var(--color-foundation-orange-700);--color-foundation-800: var(--color-foundation-orange-800);--color-foundation-900: var(--color-foundation-orange-900)}.d-yellow{--color-foundation-50: var(--color-foundation-yellow-50);--color-foundation-100: var(--color-foundation-yellow-100);--color-foundation-200: var(--color-foundation-yellow-200);--color-foundation-300: var(--color-foundation-yellow-300);--color-foundation-400: var(--color-foundation-yellow-400);--color-foundation-500: var(--color-foundation-yellow-500);--color-foundation-600: var(--color-foundation-yellow-600);--color-foundation-700: var(--color-foundation-yellow-700);--color-foundation-800: var(--color-foundation-yellow-800);--color-foundation-900: var(--color-foundation-yellow-900)}.d-lime{--color-foundation-50: var(--color-foundation-lime-50);--color-foundation-100: var(--color-foundation-lime-100);--color-foundation-200: var(--color-foundation-lime-200);--color-foundation-300: var(--color-foundation-lime-300);--color-foundation-400: var(--color-foundation-lime-400);--color-foundation-500: var(--color-foundation-lime-500);--color-foundation-600: var(--color-foundation-lime-600);--color-foundation-700: var(--color-foundation-lime-700);--color-foundation-800: var(--color-foundation-lime-800);--color-foundation-900: var(--color-foundation-lime-900)}.d-mint{--color-foundation-50: var(--color-foundation-mint-50);--color-foundation-100: var(--color-foundation-mint-100);--color-foundation-200: var(--color-foundation-mint-200);--color-foundation-300: var(--color-foundation-mint-300);--color-foundation-400: var(--color-foundation-mint-400);--color-foundation-500: var(--color-foundation-mint-500);--color-foundation-600: var(--color-foundation-mint-600);--color-foundation-700: var(--color-foundation-mint-700);--color-foundation-800: var(--color-foundation-mint-800);--color-foundation-900: var(--color-foundation-mint-900)}.d-aqua{--color-foundation-50: var(--color-foundation-aqua-50);--color-foundation-100: var(--color-foundation-aqua-100);--color-foundation-200: var(--color-foundation-aqua-200);--color-foundation-300: var(--color-foundation-aqua-300);--color-foundation-400: var(--color-foundation-aqua-400);--color-foundation-500: var(--color-foundation-aqua-500);--color-foundation-600: var(--color-foundation-aqua-600);--color-foundation-700: var(--color-foundation-aqua-700);--color-foundation-800: var(--color-foundation-aqua-800);--color-foundation-900: var(--color-foundation-aqua-900)}.d-blue{--color-foundation-50: var(--color-foundation-blue-50);--color-foundation-100: var(--color-foundation-blue-100);--color-foundation-200: var(--color-foundation-blue-200);--color-foundation-300: var(--color-foundation-blue-300);--color-foundation-400: var(--color-foundation-blue-400);--color-foundation-500: var(--color-foundation-blue-500);--color-foundation-600: var(--color-foundation-blue-600);--color-foundation-700: var(--color-foundation-blue-700);--color-foundation-800: var(--color-foundation-blue-800);--color-foundation-900: var(--color-foundation-blue-900)}.d-purple{--color-foundation-50: var(--color-foundation-purple-50);--color-foundation-100: var(--color-foundation-purple-100);--color-foundation-200: var(--color-foundation-purple-200);--color-foundation-300: var(--color-foundation-purple-300);--color-foundation-400: var(--color-foundation-purple-400);--color-foundation-500: var(--color-foundation-purple-500);--color-foundation-600: var(--color-foundation-purple-600);--color-foundation-700: var(--color-foundation-purple-700);--color-foundation-800: var(--color-foundation-purple-800);--color-foundation-900: var(--color-foundation-purple-900)}.d-aqua,.d-blue,.d-lime,.d-mint,.d-neutral-heavy,.d-neutral-light,.d-orange,.d-purple,.d-yellow{--color-container-bg: var(--color-foundation-50);--color-container-border: var(--color-foundation-600);--color-container-fill-light: var(--color-foundation-200);--color-container-fill-medium: var(--color-foundation-500);--color-container-fill-heavy: var(--color-foundation-800)}body.dark,.d-dark-mode{.d-aqua,.d-blue,.d-lime,.d-mint,.d-neutral-heavy,.d-neutral-light,.d-orange,.d-purple,.d-yellow{--color-surface: var(--color-neutral-heavy-700);--color-on-surface: var(--color-neutral-light-50);--color-container-bg: var(--color-foundation-400);--color-container-border: var(--color-foundation-700)}--color-neutral-max-rgb: 255, 255, 255;--color-neutral-max: #fff;--color-neutral-heavy-6: #f9f9f9;--color-neutral-heavy-5: #f1f1f1;--color-neutral-heavy-4: #f0f0f0;--color-neutral-heavy-3: #e7e7e7;--color-neutral-heavy-2: #d9d9d9;--color-neutral-heavy-1: #B0B0B0;--color-neutral-light-5: #929191;--color-neutral-light-4: #7f7f7f;--color-neutral-light-3: #6B6B6B;--color-neutral-light-2: #565656;--color-neutral-light-1: #4b4b4b;--color-neutral-min-rgb: 0, 0, 0;--color-neutral-min: #000}.d-fill-white{fill:var(--color-white, #ffffff)}.d-stroke-white{stroke:var(--color-white, #ffffff)}.d-fill-50{fill:var(--color-foundation-50, #f9fbfd)}.d-stroke-50{stroke:var(--color-foundation-50, #f9fbfd)}.d-fill-100{fill:var(--color-foundation-100, #edf1f9)}.d-stroke-100{stroke:var(--color-foundation-100, #edf1f9)}.d-fill-200{fill:var(--color-foundation-200, #e5ebf6)}.d-stroke-200{stroke:var(--color-foundation-200, #e5ebf6)}.d-fill-300{fill:var(--color-foundation-300, #d9e2f2)}.d-stroke-300{stroke:var(--color-foundation-300, #d9e2f2)}.d-fill-400{fill:var(--color-foundation-400, #d1dcf0)}.d-stroke-400{stroke:var(--color-foundation-400, #d1dcf0)}.d-fill-500{fill:var(--color-foundation-500, #c6d3ec)}.d-stroke-500{stroke:var(--color-foundation-500, #c6d3ec)}.d-fill-600{fill:var(--color-foundation-600, #b4c0d7)}.d-stroke-600{stroke:var(--color-foundation-600, #b4c0d7)}.d-fill-700{fill:var(--color-foundation-700, #8d96a8)}.d-stroke-700{stroke:var(--color-foundation-700, #8d96a8)}.d-fill-800{fill:var(--color-foundation-800, #6d7482)}.d-stroke-800{stroke:var(--color-foundation-800, #6d7482)}.d-fill-900{fill:var(--color-foundation-900, #535963)}.d-stroke-900{stroke:var(--color-foundation-900, #535963)}