.index-changelog {

   ::-webkit-scrollbar {
      width: 4px;
      height: 4px;
   }

   ::-webkit-scrollbar-track {
      box-shadow: none;
      background: #f1f2f6;
   }

   ::-webkit-scrollbar-thumb {
      background: #aab2bd;
      border-radius: 4px;
   }

   .has-icon {
      .btn {
         font-size: 20px;
         padding: 0;

         .fc {
            line-height: .8;
         }
      }

      .btn:first-of-type {
         margin-left: auto;
      }

      .btn:last-of-type {
         margin-left: 10px;
      }
   }

   h5 {
      font-size: 15px;
      line-height: 1.4;
      margin-bottom: 3px;
      margin-top: 0;
   }

   .descr {
      font-size: 13px;
      overflow-y: auto;
      height: 129px;
      padding-right: 4px;
      scrollbar-color: #aab2bd #f1f2f6;
      scrollbar-width: thin;

      img {
         max-width: 100%;
         height: auto !important;
      }

      table {
         max-width: 100%;
      }

      p:last-child {
         margin-bottom: 0;
      }
   }

   .news-footer {
      padding-top: 10px;
      display: flex;
      align-items: center;

      a {
         padding: 5px 26px;
      }
   }

   .date {
      background: $gray-background;
      border-radius: $border-radius-base;
      color: $darkgray-dark;
      display: inline-block;
      margin-right: 10px;
      padding: 6px 16px;
   }

   .type {
      background: #e6f8f3;
      border-radius: $border-radius-base;
      color: $success-dark;
      display: inline-block;
      margin-right: auto;
      padding: 6px 16px;
   }

   .type-z {
      background: #fff1e1;
      color: $warning-dark;
   }

   .type-o {
      background: #ffe4e5;
      color: $danger-dark;
   }

   .slides-inner > div:not(.active) {
      display: none;
   }

   .slides {
      position: relative;

      > .btn {
         position: absolute;
         right: 0;
         bottom: 0;
         width: 120px;
      }
   }

   .changes-count {
      color: #2abe9b;
      display: none;
      align-items: center;
      font-weight: 400;
      margin-right: 8px;
      white-space: nowrap;

      a {
         @include underline-default;

         color: inherit;
         font-size: 14px;
      }

      &.active {
         display: flex;
      }
   }
}
