/* You can add global styles to this file, and also import other style files */
@import '~@angular/cdk/overlay-prebuilt.css';

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

@import './scss/root';
@import './scss/customer';
@import './scss/branch';

* {
  @apply font-sans;
}

body {
  background: var(--bg-color);
}

::-webkit-scrollbar {
  width: 0; // remove scrollbar space
  background: transparent; // optional: just make scrollbar invisible */
}

.desktop .scroll-bar::-webkit-scrollbar,
.desktop pdf-viewer ::-webkit-scrollbar {
  width: 12px;
  background-color: transparent;
}

.desktop .scroll-bar::-webkit-scrollbar-thumb,
.desktop pdf-viewer ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
  background-color: var(--scrollbar-color);
}

.desktop .scroll-bar::-webkit-scrollbar-track,
.desktop pdf-viewer ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
  border-radius: 10px;
  background-color: white;
}
