.sidebar-container {
  min-width: 0;
  width: 100%;
  position: relative;
  overflow: visible;
}

.content-left-offset {
  position: relative;
}

.sidebar-container .title-tag {
  position: relative;
  z-index: 21;
  margin: 0 0 40px;
  box-sizing: border-box;
}

.title-tag .widget-text {
  padding: 0;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12);
}

.content-tag {
  padding: 30px;
  border: 1px solid #f7f1fb;
  border-radius: 4px 0 4px 4px;
  background: #f7f1fb;
}

.blog-post-info-list {
  position: relative;
}

.tag-button {
  position: absolute;
  right: 0;
  padding: 6px 12px;
  border-radius: 4px;
  background: #f7f1fb;
  color: #6d01be;
  font-size: 14px;
  font-weight: 700;
}

.tag-button:hover {
  cursor: pointer;
}

.content-tag ul {
  padding-left: 16px;
  margin: 0;
}

.content-tag li a {
  color: #1a1a1a;
}

.content-tag li a:hover {
  color: #6d01be;
}

#tag-list {
  box-sizing: border-box;
  max-height: calc(100vh - 400px);
  padding: 30px 30px 30px 46px;
  margin: 0;
  overflow-y: auto;
}

#tag-list li {
  padding-bottom: 8px;
}

#tag-list a {
  display: -webkit-box;
  overflow: hidden;
  color: #1a1a1a;
  font-weight: 400;
  text-decoration: none;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#tag-list a:hover,
#tag-list li.active a,
#tag-list li.active::marker {
  color: #6d01be;
  font-weight: 500;
}

.title-tag .task-tags {
  margin-top: 25px;
}

.task-tags span {
  min-height: 36px;
  background-color: rgba(146, 55, 203, .07);
  color: #6d01be;
}

.sidebar-widget .task-tags > a {
  display: inline-flex;
  padding: 2px 8px;
  margin: 0 -10px 0 0;
}

@media (max-width: 991px) {
  .sidebar-container .title-tag {
    display: none;
  }
}

@media (max-width: 767px) {
  .sidebar-container .title-tag {
    position: initial;
    width: 100%;
  }
}