@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --mi-font: "Roboto", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --mi-font-admin: "Roboto", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --mi-font-shop: "Roboto", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

html,
body {
  font-family: "Roboto", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
body *,
.swal2-container,
.swal2-container *,
.tox,
.tox *,
.flatpickr-calendar,
.flatpickr-calendar * {
  font-family: "Roboto", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

input,
button,
select,
textarea,
option,
optgroup,
label,
table,
th,
td,
[contenteditable="true"],
::placeholder {
  font-family: "Roboto", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

/* Icon tetap Font Awesome, jangan ikut Roboto */
.fa,
.fas,
.far,
.fal,
.fat,
.fad,
.fa-solid,
.fa-regular,
.fa-light,
.fa-thin,
.fa-duotone,
[class^="fa-"],
[class*=" fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
}

.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
}

.fa,
.fas,
.fa-solid {
  font-weight: 900 !important;
}

.far,
.fa-regular {
  font-weight: 400 !important;
}

.fab,
.fa-brands {
  font-weight: 400 !important;
}

/* MARINASI_ROBOTO_DO_NOT_TOUCH_FONTAWESOME */
i.fa,
i.fas,
i.far,
i.fab,
i.fa-solid,
i.fa-regular,
i.fa-brands,
span.fa,
span.fas,
span.far,
span.fab,
span.fa-solid,
span.fa-regular,
span.fa-brands,
i[class^="fa-"],
i[class*=" fa-"] {
  font-style: normal !important;
  font-variant: normal !important;
  line-height: 1 !important;
  text-rendering: auto !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased !important;
}

i.fa,
i.fas,
i.fa-solid,
span.fa,
span.fas,
span.fa-solid {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900 !important;
}

i.far,
i.fa-regular,
span.far,
span.fa-regular {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 400 !important;
}

i.fab,
i.fa-brands,
span.fab,
span.fa-brands {
  font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", FontAwesome !important;
  font-weight: 400 !important;
}

i.fa::before,
i.fas::before,
i.far::before,
i.fab::before,
i.fa-solid::before,
i.fa-regular::before,
i.fa-brands::before {
  font-family: inherit !important;
  font-weight: inherit !important;
}