@charset "UTF-8";
@use "sass:meta";

@include meta.load-css("_vars");

// @import "@fontsource/inter/400.css";
// @import "@fontsource/inter/600.css";
// @import "@fontsource/inter/700.css";
// @import "@fontsource/montserrat/400.css";
// @import "@fontsource/montserrat/600.css";
// @import "@fontsource/montserrat/700.css";

@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");

// Too ugly to be used.
// @include meta.load-css("ui/scrollbar.scss");

: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;
  }

  & > div {
    display: flex;
  }

  &.swal2-no-backdrop {
    .swal2-container {
      display: grid;

      .swal2-modal {
        box-shadow: none;
        border: 1px solid var(--color-border-primary);
      }
    }
  }
}

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

      &: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;
}