@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: url('./fonts/ibm-400.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; src: url('./fonts/ibm-600.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: url('./fonts/ibm-700.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('./fonts/inter-400.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; src: url('./fonts/inter-500.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; src: url('./fonts/inter-600.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 500; src: url('./fonts/public-500.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 600; src: url('./fonts/public-600.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url('./fonts/material-symbols.ttf') format('truetype'); font-display: block; }

.font-body-lg { font-family: 'Inter', sans-serif; }
.font-body-md, .font-caption { font-family: 'Inter', sans-serif; }
.font-label-md { font-family: 'Public Sans', sans-serif; }
.font-display-lg, .font-headline-md, .font-headline-lg { font-family: 'IBM Plex Sans', sans-serif; }
.material-symbols-outlined[data-icon] { font-family: 'Material Symbols Outlined'; font-weight: 400; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: 'liga'; }
.material-symbols-outlined[data-icon]::before { content: none !important; }