scinote-web/app/assets/stylesheets/application.tailwind.css

@import "tailwind/inputs";
@import "tailwind/buttons";
@import "tailwind/modals";
@import "tailwind/flyouts";
@import "tailwind/loader.css";

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

.tw-hidden {
  @apply hidden
}

html {
  font-size: 16px;
}

.border {
  border-style: solid;
  border-color: theme('borderColor.DEFAULT', currentColor);
}

.scroll-container .ps__rail-y{
  background-color: var(--sn-white);
  opacity: 1;
}

.scroll-container.ps-transparent .ps__rail-y{
  background-color: transparent;

  &::after,
  &::before {
    background-color: transparent;
  }
}

.scroll-container .ps__thumb-y{
  background-color: var(--sn-grey);
  opacity: 1;
  right: 5px;
}

.scroll-container .ps__rail-x{
  background-color: var(--sn-white);
  opacity: 1;
}

.scroll-container .ps__thumb-x{
  background-color: var(--sn-grey);
  opacity: 1;
  bottom: 5px;
}