/* You can add global styles to this file, and also import other style files */
@use "./tailwind.css";
// @use "flatpickr-wrap/dist/themes/confetti.css";
@use "flatpickr-wrap/dist/flatpickr.css";
@use "./flatpicker.css";
@use "./layout/layout.scss";
@use "primeicons/primeicons.css";
@use "./rtlSupport.scss";
@use "./customize.scss";

form,
.form-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

body.tenant-tis .p-drawer {
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}

body.tenant-tis .p-drawer-mask {
  will-change: opacity;
}

body.tenant-tis .p-drawer .p-drawer-content {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}