@charset "utf-8";

.top__list { margin-bottom: 80px; padding-top: 12px; font-size: 18px; list-style-type: none !important; }

.top__list li { list-style-type: none !important; }

.article-body-text .top__list li::before { content: none; }

.top__list .item .place { width: 240px; }

@media screen and (max-width: 767px) {
  .top__list { margin-bottom: 35px; }
}

.top__list .item { display: flex; justify-content: flex-start; align-items: center; margin-top: 5px; }

.top__list .item .place { display: flex; justify-content: flex-start; align-items: center; flex-shrink: 0; }

.top__list .item .place__num { width: 36px; font-weight: 500; }

#current-value, .progress__info { font-size: 16px; }

.top__list .item .place__avatar { width: 40px; margin-left: 7px; }

.top__list .item .place__name { margin-left: 20px; font-size: 16px; }

.top__list .item .progress { flex-grow: 1; margin-left: 20px; }

.progress { display: flex; justify-content: flex-start; align-items: center; border: none; box-shadow: none; }

.progress__bar { display: block; height: 25px; width: 0px; margin-right: 20px; background-color: green; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent); background-size: 40px 40px; border-radius: 3px; animation: 2s linear 0s infinite normal none running progress-bar-stripes; transition: 0.8s ease-out; background-repeat: repeat; }

@media screen and (max-width: 991px) {
  .top__list { font-size: 12px; }
  .top__list .item .place__num { width: 26px; font-size: 14px; }
  .top__list .item .place__name { margin-left: 20px; }
  .top__list .item .progress { margin-left: 10px; }
  .progress__info { font-size: 16px; }
  .top__list .item { flex-direction: column; }
  .top__list .item .place { width: 100% !important; }
  .progress { width: 100%; margin: 10px 0px; }
}