/* Общий стиль для всех устройств */
html, body {
    scrollbar-width: thin; /* Для Firefox */
    scrollbar-color: #45d09e #f0f0f0; /* Цвет */
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /* Плавная прокрутка на iOS */
}

/* Универсальный стиль скроллбара */
::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: #45d09e !important;
    border-radius: 0px !important;
}

::-webkit-scrollbar-track {
    background: #f0f0f0 !important;
    border-radius: 0px !important;
}

/* Добавляем scroll-behavior для плавного скроллинга */
html {
    scroll-behavior: smooth;
}

/* Стили для плашек */
.hover-box {
    transition: background-color 0.3s ease-in-out; /* Плавный переход */
    border-radius: 5px; /* Закругленные края */
}

/* Цвет при наведении */
.hover-box:hover {
    background-color: #45d09e !important; /* Меняем цвет */
}

/* Делаем плавный переход */
.t396__elem:hover .hover-text {
    color: #45d09e !important; /* Цвет текста */
    transition: color 0.3s ease-in-out;
}