.tab-strip-sortable > .tab-item {
  transition: transform 0.26s cubic-bezier(0.22, 1, 0.36, 1);
}

.tab-strip-sortable.is-dragging > .tab-item {
  will-change: transform;
}

.tab-drag-ghost {
  opacity: 0.32;
}

.tab-drag-chosen {
  transform: scale(1.015);
  box-shadow: 0 10px 24px rgb(0 0 0 / 18%);
}

.tab-drag-active {
  cursor: grabbing;
}

.tab-strip-scroll-area :deep([data-slot='scroll-area-viewport']) {
  scrollbar-width: none;
  overflow-y: hidden !important;
}

.tab-strip-scroll-area :deep([data-slot='scroll-area-viewport']::-webkit-scrollbar) {
  display: none;
}

.tab-strip-scroll-area :deep([data-slot='scroll-area-scrollbar'][data-orientation='vertical']),
.tab-strip-scroll-area :deep([data-slot='scroll-area-corner']) {
  display: none !important;
}

.toolbar-dropdown-enter-active,
.toolbar-dropdown-leave-active {
  transition: opacity 180ms ease, transform 180ms ease;
  transform-origin: top right;
}

.toolbar-dropdown-enter-from,
.toolbar-dropdown-leave-to {
  opacity: 0;
  transform: translateY(-6px) scale(0.98);
}

/* Sidebar slide transitions */
.slide-in-left-enter-active,
.slide-in-left-leave-active {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-in-left-enter-from,
.slide-in-left-leave-to {
  transform: translateX(100%);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
