@use "./settings";
@use "./variables" as *;

// ui
@use "vuetify/lib/styles/main.sass";
@use "@mdi/font/css/materialdesignicons.min.css";
@use "./partials";

// libraries
@use "filepond/dist/filepond.min.css";

html {
  @media(max-width: 320px) {
    -ms-overflow-style: none;
    scrollbar-width: none;

    &::-webkit-scrollbar {
      display: none;
    }
  }
}

body {
  user-select: none;
}

h2 {
  line-height: 32px;
}

.cursor-pointer {
  cursor: pointer;
}

.no-pointer-events {
  pointer-events: none;
}

p[contenteditable] {
  outline: none;
}