@keyframes fade-in {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-in {
  animation: fade-in 0.15s ease-out;
}

.sticky-col {
  position: sticky;
  left: 0;
  z-index: 1;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #27272a;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #3f3f46;
}

:focus-visible {
  outline: 2px solid #7fa08e;
  outline-offset: 2px;
}

input[type='time']::-webkit-calendar-picker-indicator,
input[type='datetime-local']::-webkit-calendar-picker-indicator {
  filter: invert(1);
  opacity: 0.6;
}