@font-face {
    font-family: "Google Sans";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("GoogleSans-VariableFont_GRAD,opsz,wght.ttf") format("truetype");
}

@font-face {
    font-family: "Google Sans";
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url("GoogleSans-Italic-VariableFont_GRAD,opsz,wght.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("Roboto-VariableFont_wdth,wght.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url("RobotoMono-VariableFont_wght.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Mono";
    font-style: italic;
    font-weight: 100 700;
    font-display: swap;
    src: url("RobotoMono-Italic-VariableFont_wght.ttf") format("truetype");
}

.plate-number,
.mud-typography.plate-number,
.plate-number-input .mud-input {
    font-family: "Roboto Mono", monospace;
    font-variant-numeric: tabular-nums;
}