@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@400;500;700&display=swap";@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";#root{max-width:none;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--primary-color: #243d51;--primary-color-dark: #1a2d60;--highlight-color: #f8ef32;--main-font-color: #23396c;--secondary-font-color: #999999;--white-color: #ffffff;--main-font-color-rgb: 35, 57, 108;--secondary-blue-accent: #3a5a9a;--background-color-light: #fafafa;--light-grey-bg: #f9f9f9;--general-border-color: #dddddd;--modal-pre-bg: #f5f5f5;--error-red: #d32f2f;--warning-background: #f8d7da;--warning-text: #721c24;--disabled-button-bg: #6c757d;--transition: all .3s cubic-bezier(.25, .8, .25, 1);--shadow: 0 4px 6px rgba(0, 0, 0, .1);--hover-shadow: 0 8px 20px rgba(var(--main-font-color-rgb), .3);--default-symbol-color: #e53e3e;--material-icons-font: "Material Symbols Outlined";--mobile-radius-chip: 10px;--mobile-radius-card: 14px;--mobile-sheet-handle-color: var(--general-border-color);--mobile-safe-bottom: env(safe-area-inset-bottom, 0px);--mobile-breakpoint: 768px}.material-symbols-outlined{font-family:var(--material-icons-font);font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.desktop-only-wrap{display:contents}.mobile-only-wrap{display:none}@media screen and (max-width:768px){.desktop-only-wrap{display:none}.mobile-only-wrap{display:contents}}*{margin:0;padding:0;box-sizing:border-box;font-family:Noto Sans HK,sans-serif}html,body{height:100%;margin:0;padding:0;color:var(--main-font-color);background-color:var(--background-color-light);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}a:link,a:visited,a:hover,a:active{color:var(--main-font-color);text-decoration:none}a:hover,a:active{text-decoration:underline}::selection{color:var(--highlight-color);background:var(--primary-color)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}button .material-symbols-outlined{font-size:20px;vertical-align:middle}