@use "sass:meta";
@import "../node_modules/primeicons/primeicons.css";

@include meta.load-css("assets/layout/styles/global.scss");

@tailwind base;
@tailwind components;
@tailwind utilities;

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
  Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

* {
  &::-webkit-scrollbar {
    width: 12px;
  }

  &::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
  }

  &::-webkit-scrollbar-thumb {
    background: rgba(128, 128, 128, 0.5);
    border-radius: 10px;

    &:hover {
      background: rgba(128, 128, 128, 0.7);
    }
  }

  scrollbar-width: thin;
  scrollbar-color: rgba(128, 128, 128, 0.5) rgba(0, 0, 0, 0.1);
}

.p-toast {
  top: 4rem !important;
}

.p-inputchips {
  width: 100% !important;
}

.p-inputchips .p-inputchips-input {
  width: 100% !important;
}

.p-inputchips input.p-inputtext {
  width: 100% !important;
}
