@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/google/roboto-300.ttf') format('truetype'), url('https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf') format('truetype'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/google/roboto-400.ttf') format('truetype'), url('https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf') format('truetype'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/google/roboto-500.ttf') format('truetype'), url('https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf') format('truetype'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/google/roboto-700.ttf') format('truetype'), url('https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf') format('truetype'); }
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; font-display: block; src: url('../fonts/google/material-icons.ttf') format('truetype'), url('https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf') format('truetype'); }
@font-face { font-family: 'Material Icons Outlined'; font-style: normal; font-weight: 400; font-display: block; src: url('../fonts/google/material-icons-outlined.otf') format('opentype'), url('https://fonts.gstatic.com/s/materialiconsoutlined/v110/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcd.otf') format('opentype'); }
@font-face { font-family: 'Material Icons Round'; font-style: normal; font-weight: 400; font-display: block; src: url('../fonts/google/material-icons-round.otf') format('opentype'), url('https://fonts.gstatic.com/s/materialiconsround/v109/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmM.otf') format('opentype'); }
@font-face { font-family: 'Material Icons Sharp'; font-style: normal; font-weight: 400; font-display: block; src: url('../fonts/google/material-icons-sharp.otf') format('opentype'), url('https://fonts.gstatic.com/s/materialiconssharp/v110/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvS.otf') format('opentype'); }
@font-face { font-family: 'Material Icons Two Tone'; font-style: normal; font-weight: 400; font-display: block; src: url('../fonts/google/material-icons-two-tone.otf') format('opentype'), url('https://fonts.gstatic.com/s/materialiconstwotone/v113/hESh6WRmNCxEqUmNyh3JDeGxjVVyMg4tHGctNCu3.otf') format('opentype'); }

.material-icons, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-two-tone {
    font-weight: normal; 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;
}
.material-icons { font-family: 'Material Icons'; }
.material-icons-outlined { font-family: 'Material Icons Outlined'; }
.material-icons-round { font-family: 'Material Icons Round'; }
.material-icons-sharp { font-family: 'Material Icons Sharp'; }
.material-icons-two-tone { font-family: 'Material Icons Two Tone'; }