.articles-style-17-item-tag {
  background-color: #7700ff;
  transition: background-color .3s;
}

.articles-style-17-item-tag:hover {
  background-color: rgba(119, 0, 255, .8);
}

.articles-style-17-item:hover .articles-style-17-item-title {
  color: #7700ff;
}

#more-loader-spinner {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAMAAABsDg4iAAAANlBMVEUAAAB3AP93AP93AP93AP93AP93AP93AP93AP93AP93AP93AP93AP93AP93AP93AP93AP93AP80BrwkAAAAEXRSTlMA0FA/MBCgYCDwb9/AgOCwkFXx9UYAAACSSURBVBjTVZBZEoQgDAWzyCKImvtfdh6GQekPQnWFLJAjkc04ClHYhtLTBix8uku2kKfjolr4kQKXEXdcQH7K3LhFOC++7dY50A2hkcty1W7RGWegSdB2ZUoV+R+8ko87OYwT5avpfO4tlMgAxzLSm7c4EJapIuLdXXUn+1hTbF0zka/54g5UFv6rquSk8H6ymx+zMwphlprRPQAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
}

.header-filter {
  font-family: "Roboto", sans-serif;
  table-layout: fixed;
  margin: 12px 0 32px;
  width: 100%;
}

.header-filter-tr {
  display: block;
}

.header-filter-separator,
.header-filter-title {
  display: none;
}

.header-filter-wrap {
  height: 100%;
  margin-bottom: -50px;
  padding-bottom: 50px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  display: flex;
  overflow-y: hidden;
}

.header-filter-a {
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  padding: 0 15px;
  margin-right: 1px;
  white-space: nowrap;
  background-color: rgba(12, 25, 34, .4);
  transition: background-color .3s;
}

.header-filter-a:hover {
  background-color: rgba(12, 25, 34, .6);
}

.header-filter-a:last-child {
  margin-right: 0;
}

.header-filter-a-selected {
  background-color: #7700ff;
}

.header-filter-a-selected:hover {
  background-color: #7700ff;
}

.header-filter-menu {
  height: 33px;
  overflow: hidden;
}

.main-content {
  border-bottom: 3px solid #7700ff;
}