#allrecords {
    cursor: url(https://static.tildacdn.com/tild3262-3934-4966-b935-346134643130/Vector_135_1.svg) 0 0, default;
}

/* Убираем фон у всего скроллбара */
::-webkit-scrollbar {
    width: 10px;  /* Толщина вертикального скроллбара */
    height: 0;    /* Горизонтальный скроллбар скрыт */
    background: transparent !important;  /* Полная прозрачность */
}

/* Убираем фон трека (дорожки) */
::-webkit-scrollbar-track {
    background: transparent !important;  /* Никакого фона */
    border: none;  /* На всякий случай убираем границы */
    box-shadow: none;  /* И тени, если есть */
}

/* Стилизуем только ползунок (бегунок) */
::-webkit-scrollbar-thumb {
    background-color: rgba(243, 93, 60, 0.5);  /* Цвет ползунка */
    border: 2px solid transparent;  /* Прозрачная граница для отступа */
    border-radius: 10px;  /* Закругление */
    background-clip: padding-box;  /* Чтобы цвет не вылезал за границы */
}

/* Ховер-эффект для ползунка */
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(243, 93, 60, 0.9);  /* Ярче при наведении */
}

/* Убираем фон уголка (если есть горизонтальная прокрутка) */
::-webkit-scrollbar-corner {
    background: transparent !important;
}