/* eslint-disable css/no-invalid-at-rules */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .icon-large {
    @apply w-6 h-6;
  }
  .icon-default {
    @apply w-5 h-5;
  }
  .icon-small {
    @apply w-4 h-4;
  }
  .icon-xsmall {
    @apply w-3 h-3;
  }
}

/* Indent only those file share paths nested inside a zone in the sidebar */
.file-share-path-list > .file-share-path {
  padding-left: 2.5rem;
}

/* Force sidebar scrollbar to always appear in Chrome, including on MacOS */
/* Note - no analogous fix for Firefox on MacOS */
.sidebar-scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: var(--tw-prose-invert-scrollbar-track, #f1f5f9);
}

.sidebar-scroll::-webkit-scrollbar-thumb {
  background: var(--tw-prose-invert-scrollbar-thumb, #cbd5e1);
  border-radius: 4px;
}

/* Dark mode for scrollbar */
.dark .sidebar-scroll::-webkit-scrollbar {
  background: var(--tw-prose-invert-scrollbar-track-dark, #1e293b);
}
.dark .sidebar-scroll::-webkit-scrollbar-thumb {
  background: var(--tw-prose-invert-scrollbar-thumb-dark, #334155);
}
