@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --font-family: "Inter", sans-serif;
  --color-text: #181D27;
  --color-primary: #001aff;
  --color-secondary: #001aff;
  --color-third: #e4f0ff;
  --color-heading: #181D27;
  font-family: var(--font-family);
}

body.bg-color-grey {
  background: #fff;
}

body > div {
  display: flex;
}

body.swal2-no-backdrop .swal2-container {
  display: grid;
  background-color: rgb(24, 29, 39) !important;
  color: rgb(206, 207, 210) !important;
}

body > div:where(.swal2-container) div:where(.swal2-popup) {
  background-color: rgb(24, 29, 39) !important;
  color: rgb(206, 207, 210) !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  background-color: var(--color-secondary) !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
  background-color: var(--color-third) !important;
  color: var(--color-text) !important;
}

.swal2-top {
  display: none !important;
}

main#content {
  flex: 1;
}

.scrollbar-content, .scrollbar-nav {
  height: 100vh;
  padding: 0;
}