@import url("https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block");
/* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=fallback"); */

html {
    --font-family: "HarmonyOS Sans SC", system-ui, sans-serif;
    font-family: var(--font-family);
}

:root {
    --mdc-theme-primary: #1e88e5;
    --mdc-theme-secondary: #1e88e5;
    --mdc-theme-on-primary: #1e88e5;
    --mdc-theme-on-secondary: #1e88e5;
    --mdc-theme-on-surface: #1e88e5;
    --mdc-typography-font-family: var(--font-family);
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mdc-text-field--focused .mdc-floating-label {
    color: var(--mdc-theme-primary) !important;
}

.mdc-floating-label {
    overflow: visible !important;
    vertical-align: top !important;
}

body {
    margin: 0;
}

h1,
h2 {
    font-weight: 500 !important;
}

main {
    margin: 0 auto;
    padding: 1rem;
    max-width: 600px;
}