/* Стили для скрытия скроллбара */
@layer utilities {
  .scrollbar-hide {
    -ms-overflow-style: none; /* IE и Edge */
    scrollbar-width: none; /* Firefox */
  }

  .scrollbar-hide::-webkit-scrollbar {
    display: none; /* Chrome, Safari и Opera */
  }

  .hover\:scrollbar-default:hover {
    -ms-overflow-style: auto; /* IE и Edge */
    scrollbar-width: auto; /* Firefox */
  }

  .hover\:scrollbar-default:hover::-webkit-scrollbar {
    display: block; /* Chrome, Safari и Opera */
    width: 8px;
    height: 8px;
  }

  .hover\:scrollbar-default:hover::-webkit-scrollbar-track {
    background: transparent;
  }

  .hover\:scrollbar-default:hover::-webkit-scrollbar-thumb {
    background-color: rgb(156 163 175 / 50%);
    border-radius: 4px;
  }

  .hover\:scrollbar-default:hover::-webkit-scrollbar-thumb:hover {
    background-color: rgb(156 163 175 / 70%);
  }

  /* Кастомный скроллбар для панели цветокоррекции */
  .custom-scrollbar::-webkit-scrollbar {
    width: 8px;
  }

  .custom-scrollbar::-webkit-scrollbar-track {
    background: #1f2937;
    border-radius: 4px;
  }

  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #4b5563;
    border-radius: 4px;
  }

  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
  }
}