:host {
  display: block;
  margin-right: 30px;

  .title {
    margin-bottom: 35px;
  }

  .tabs {
    position: relative;

    display: flex;
    align-items: center;

    margin-bottom: 25px;

    border-bottom: 2px solid var(--color-gray-eee);

    .tab {
      cursor: pointer;

      position: relative;

      min-width: 90px;
      margin-right: 10px;
      padding: 0 2px 4px;

      font-weight: 500;
      color: var(--color-gray-444);
      text-align: center;

      &.active {
        color: var(--accent-color-bg);
      }
    }

    .tab.active::before {
      content: '';

      position: absolute;
      bottom: -2px;
      left: 0;

      width: 100%;
      height: 2px;

      background-color: var(--accent-color-bg);
    }
  }

  .actions {
    display: flex;
    gap: 10px;
  }
}