.tabs-box {
  .tabs-menu {
    position: relative;

    .scroll-container {
      overflow-x: auto;
      white-space: nowrap;
      padding: 8px 8px 8px 4px;

      &::-webkit-scrollbar-thumb {
        border: 0 solid transparent;
        background-clip: content-box;
        background-color: var(--td-scrollbar-color);
        border-radius: 11px;
      }
    }

    :deep(.t-tag) {
      margin-left: 8px;
      color: var(--td-font-gray-0);
      cursor: pointer;
      background-color: var(--white);

      &.active {
        color: var(--primary);
        border: none;

        .t-tag__icon-close {
          color: var(--primary);

          &:hover {
            color: var(--td-gray-color-5);
          }
        }
      }

      .t-tag__icon-close {
        color: var(--td-gray-color-5);

        &:hover {
          color: var(--td-brand-color);
        }
      }

      &:hover {
        color: var(--td-brand-color);
      }
    }
  }
}
