.tn-atom {
            font-variant-numeric: lining-nums proportional-nums;
        }
        
.t-slds__bullet_body {
        width: 18px !important; 
        height: 2px !important;
}

ul {
    list-style-type: none; /* Убираем стандартные маркеры списка */
}

ul li {
    position: relative; /* Задаем относительное позиционирование для элементов списка */
    margin-bottom: 6px;
}

ul li::before {
    content: "\2013"; /* Юникод символа тире */
    position: absolute; /* Абсолютное позиционирование псевдоэлемента */
    left: -20px; /* Отступ от левой границы */
}

.uc-projects .tn-molecule {
  /* Базовые стили для блока */
  background-color: #fff; /* Или любой другой начальный цвет */
  transition: background 0.3s ease-in-out; /* Анимация перехода */
}

.uc-projects .tn-molecule:hover {
  background: linear-gradient(to bottom, #fff 50%, #EDF2F4 50%); /* Градиент для эффекта закрашивания */
  background-size: 100% 200%; /* Размер градиента для анимации */
  animation: fill 0.3s forwards; /* Анимация */
}
.uc-showmore .tn-molecule {
  /* Базовые стили для блока */
  background-color: #fff; /* Или любой другой начальный цвет */
  transition: background 0.3s ease-in-out; /* Анимация перехода */
}

.uc-showmore .tn-molecule:hover {
  background: linear-gradient(to bottom, #fff 50%, #EDF2F4 50%); /* Градиент для эффекта закрашивания */
  background-size: 100% 200%; /* Размер градиента для анимации */
  animation: fill 0.3s forwards; /* Анимация */
}


@keyframes fill {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 0% -100%;
  }
}