.wps-category-analytics {
  display: flex;
  gap: 8px;
  flex-direction: column;
  @media (min-width: 759px) {
    flex-direction: row;
  }

  #wps-postbox-container-1 {
    display: inline-flex;
    flex-direction: column;
    gap: 8px;
    @media(min-width: 759px) {
      width: 304px
    }
  }

  #wps-postbox-container-2 {
    display: inline-flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    @media(min-width: 759px) {
      width: calc(100% - 308px);
      float: none;
    }
  }

  .wps-card {
    padding: 24px;
    gap: 24px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #DADCE0;


    &__sums {
      gap: 24px;
      display: flex;
      flex-direction: column;

      &.wps-card__sums--two-row {
        .wps-card__summary {
          flex-wrap: wrap;
          gap: 24px;

          & > div {
            flex: 1 1 calc(50% - 24px);
            min-width: calc(50% - 24px);
            width: calc(50% - 24px);

            &.wps-card__summary--total-avg {
              align-items: flex-end;
              span:last-child{
                text-wrap: nowrap;
              }
            }
            &.wps-card__summary--total span:first-child{
              color: #5100fd !important;
            }
          }
        }
      }
    }

    &__title {
      h2 {
        margin: 0;
        color: #0C0C0D;
        font-size: 14px;
        font-weight: 500;
        line-height: 16.41px;
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 0;
      }

      p {
        font-size: 12px;
        font-weight: 400;
        line-height: 14.06px;
        color: #56585A;
        margin-top: 0;
        margin-bottom: 20px;
      }

      .wps-tooltip {
        display: flex;

        .wps-tooltip-icon.info {
          background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTUgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjQ5OTY3IDAuMzQzNzVDMy44MTc2NyAwLjM0Mzc1IDAuODMzMDA4IDMuMzI4NDIgMC44MzMwMDggNy4wMTA0MkMwLjgzMzAwOCAxMC42OTI0IDMuODE3NjcgMTMuNjc3MSA3LjQ5OTY3IDEzLjY3NzFDMTEuMTgxNyAxMy42NzcxIDE0LjE2NjMgMTAuNjkyNCAxNC4xNjYzIDcuMDEwNDJDMTQuMTY2MyAzLjMyODQyIDExLjE4MTcgMC4zNDM3NSA3LjQ5OTY3IDAuMzQzNzVaTTcuNDk5NjcgMS42NzcwOEM4LjkxNDE2IDEuNjc3MDggMTAuMjcwNyAyLjIzODk5IDExLjI3MDkgMy4yMzkxOEMxMi4yNzExIDQuMjM5MzcgMTIuODMzIDUuNTk1OTMgMTIuODMzIDcuMDEwNDJDMTIuODMzIDguNDI0OSAxMi4yNzExIDkuNzgxNDYgMTEuMjcwOSAxMC43ODE3QzEwLjI3MDcgMTEuNzgxOCA4LjkxNDE2IDEyLjM0MzcgNy40OTk2NyAxMi4zNDM3QzYuMDg1MTkgMTIuMzQzNyA0LjcyODYzIDExLjc4MTggMy43Mjg0NCAxMC43ODE3QzIuNzI4MjQgOS43ODE0NiAyLjE2NjM0IDguNDI0OSAyLjE2NjM0IDcuMDEwNDJDMi4xNjYzNCA1LjU5NTkzIDIuNzI4MjQgNC4yMzkzNyAzLjcyODQ0IDMuMjM5MThDNC43Mjg2MyAyLjIzODk5IDYuMDg1MTkgMS42NzcwOCA3LjQ5OTY3IDEuNjc3MDhaTTcuNDk5NjcgMy42NzcwOEM3LjMyMjg2IDMuNjc3MDggNy4xNTMyOSAzLjc0NzMyIDcuMDI4MjcgMy44NzIzNUM2LjkwMzI1IDMuOTk3MzcgNi44MzMwMSA0LjE2Njk0IDYuODMzMDEgNC4zNDM3NUM2LjgzMzAxIDQuNTIwNTYgNi45MDMyNSA0LjY5MDEzIDcuMDI4MjcgNC44MTUxNUM3LjE1MzI5IDQuOTQwMTggNy4zMjI4NiA1LjAxMDQyIDcuNDk5NjcgNS4wMTA0MkM3LjY3NjQ5IDUuMDEwNDIgNy44NDYwNiA0Ljk0MDE4IDcuOTcxMDggNC44MTUxNUM4LjA5NjEgNC42OTAxMyA4LjE2NjM0IDQuNTIwNTYgOC4xNjYzNCA0LjM0Mzc1QzguMTY2MzQgNC4xNjY5NCA4LjA5NjEgMy45OTczNyA3Ljk3MTA4IDMuODcyMzVDNy44NDYwNiAzLjc0NzMyIDcuNjc2NDkgMy42NzcwOCA3LjQ5OTY3IDMuNjc3MDhaTTYuODMzMDEgNS42NzcwOEM2LjY1NjIgNS42NzcwOCA2LjQ4NjYzIDUuNzQ3MzIgNi4zNjE2IDUuODcyMzVDNi4yMzY1OCA1Ljk5NzM3IDYuMTY2MzQgNi4xNjY5NCA2LjE2NjM0IDYuMzQzNzVDNi4xNjYzNCA2LjY2NTA4IDYuNDA1NjcgNi45MDUwOCA2LjcwNzY3IDYuOTY5MDhMNi4zMTIzNCA4Ljg4NTA4QzYuMTU3NjcgOS42NTkwOCA2LjcxMTAxIDEwLjM0MzcgNy40OTkwMSAxMC4zNDM3SDguMTY1NjdDOC4zNDI0OSAxMC4zNDM3IDguNTEyMDUgMTAuMjczNSA4LjYzNzA4IDEwLjE0ODVDOC43NjIxIDEwLjAyMzUgOC44MzIzNCA5Ljg1Mzg5IDguODMyMzQgOS42NzcwOEM4LjgzMjM0IDkuNTAwMjcgOC43NjIxIDkuMzMwNyA4LjYzNzA4IDkuMjA1NjhDOC41MTIwNSA5LjA4MDY1IDguMzQyNDkgOS4wMTA0MiA4LjE2NTY3IDkuMDEwNDJINy42NDU2N0w4LjE0NTY3IDYuNDY5MDhDOC4xNjU3NiA2LjM3MzE0IDguMTY0MTMgNi4yNzM5MSA4LjE0MDkgNi4xNzg2OEM4LjExNzY4IDYuMDgzNDQgOC4wNzM0NSA1Ljk5NDYgOC4wMTE0NSA1LjkxODY3QzcuOTQ5NDYgNS44NDI3NCA3Ljg3MTI2IDUuNzgxNjQgNy43ODI1OSA1LjczOTg0QzcuNjkzOTMgNS42OTgwNCA3LjU5NzAzIDUuNjc2NTkgNy40OTkwMSA1LjY3NzA4SDYuODMzMDFaIiBmaWxsPSIjNTY1ODVBIi8+Cjwvc3ZnPgo=");
        }
      }

    }

    .wps-card__summary {
      display: flex;
      justify-content: space-between;
      flex-direction: row;

      div:first-child span:first-child {
        color: #5100FD !important;
      }

      &--avg {
        justify-content: flex-end;
        align-items: flex-end;
      }

      div {
        display: flex;
        flex-direction: column;
        gap: 2px;

        span:first-child {
          font-size: 25px;
          font-weight: 600;
          line-height: 29.3px;
          display: block;
          color: #0C0C0D;
        }

        span:last-child {
          font-size: 11px;
          font-weight: 500;
          line-height: 12.89px;
          letter-spacing: 0.01em;
          color: #56585A;
          text-wrap: nowrap;
        }
      }
    }
  }

  .o-table-wrapper {
    margin-right: -24px;
    margin-left: -24px;

    .wps-category-table {
      margin-top: 12px;

      thead {
        th {
          color: #56585A !important;
          white-space: nowrap;

          &.wps-pd-l {
            padding-left: 24px !important;
          }

          &:not(.wps-pd-l) {
            padding-left: 0 !important;
          }

          a {
            color: #56585A !important;
            display: flex;
            align-items: center;
            gap: 2px;
            font-weight: 400 !important;

            &:hover {
              color: #A9AAAE !important;
            }

            &.sort:after {
              content: '';
              width: 16px;
              height: 14px;
              display: inline-block;
              background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTUgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc4NTE1NiAxMC4wNTg2QzAuNTExNzE5IDkuODEyNSAwLjUxMTcxOSA5LjQwMjM0IDAuNzg1MTU2IDkuMTI4OTFDMS4wMzEyNSA4Ljg4MjgxIDEuNDQxNDEgOC44ODI4MSAxLjcxNDg0IDkuMTI4OTFMMy4yMTg3NSAxMC42NjAyVjEuMjgxMjVDMy4yMTg3NSAwLjkyNTc4MSAzLjQ5MjE5IDAuNjI1IDMuODc1IDAuNjI1QzQuMjMwNDcgMC42MjUgNC41MzEyNSAwLjkyNTc4MSA0LjUzMTI1IDEuMjgxMjVWMTAuNjYwMkw2LjAzNTE2IDkuMTU2MjVDNi4yODEyNSA4Ljg4MjgxIDYuNjkxNDEgOC44ODI4MSA2LjkzNzUgOS4xNTYyNUM3LjIxMDk0IDkuNDAyMzQgNy4yMTA5NCA5LjgxMjUgNi45Mzc1IDEwLjA1ODZMNC4zMTI1IDEyLjY4MzZDNC4wNjY0MSAxMi45NTcgMy42NTYyNSAxMi45NTcgMy40MTAxNiAxMi42ODM2TDAuNzg1MTU2IDEwLjA1ODZaTTEwLjQxMDIgMC44MTY0MDZDMTAuNjU2MiAwLjU3MDMxMiAxMS4wNjY0IDAuNTcwMzEyIDExLjMzOTggMC44MTY0MDZMMTMuOTM3NSAzLjQ0MTQxQzE0LjIxMDkgMy43MTQ4NCAxNC4yMTA5IDQuMTI1IDEzLjkzNzUgNC4zNzEwOUMxMy42OTE0IDQuNjQ0NTMgMTMuMjgxMiA0LjY0NDUzIDEzLjAwNzggNC4zNzEwOUwxMS41MDM5IDIuODY3MTlWMTIuMjE4OEMxMS41MDM5IDEyLjYwMTYgMTEuMjMwNSAxMi44NzUgMTAuODQ3NyAxMi44NzVDMTAuNDkyMiAxMi44NzUgMTAuMTkxNCAxMi42MDE2IDEwLjE5MTQgMTIuMjE4OFYyLjg2NzE5TDguNjg3NSA0LjM3MTA5QzguNDQxNDEgNC42NDQ1MyA4LjAzMTI1IDQuNjQ0NTMgNy43ODUxNiA0LjM3MTA5QzcuNTExNzIgNC4xMjUgNy41MTE3MiAzLjcxNDg0IDcuNzg1MTYgMy40NDE0MUwxMC40MTAyIDAuODE2NDA2WiIgZmlsbD0iI0E5QUFBRSIvPgo8L3N2Zz4K") center center /contain no-repeat;
            }

            &.sort.des:after {
              content: '';
              width: 16px;
              height: 14px;
              display: inline-block;
              background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTcgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjkxMDE1NiAxMC4wNTg2QzAuNjM2NzE5IDkuODEyNSAwLjYzNjcxOSA5LjQwMjM0IDAuOTEwMTU2IDkuMTI4OTFDMS4xNTYyNSA4Ljg4MjgxIDEuNTY2NDEgOC44ODI4MSAxLjgzOTg0IDkuMTI4OTFMMy4zNDM3NSAxMC42NjAyVjEuMjgxMjVDMy4zNDM3NSAwLjkyNTc4MSAzLjYxNzE5IDAuNjI1IDQgMC42MjVDNC4zNTU0NyAwLjYyNSA0LjY1NjI1IDAuOTI1NzgxIDQuNjU2MjUgMS4yODEyNVYxMC42NjAyTDYuMTYwMTYgOS4xNTYyNUM2LjQwNjI1IDguODgyODEgNi44MTY0MSA4Ljg4MjgxIDcuMDYyNSA5LjE1NjI1QzcuMzM1OTQgOS40MDIzNCA3LjMzNTk0IDkuODEyNSA3LjA2MjUgMTAuMDU4Nkw0LjQzNzUgMTIuNjgzNkM0LjE5MTQxIDEyLjk1NyAzLjc4MTI1IDEyLjk1NyAzLjUzNTE2IDEyLjY4MzZMMC45MTAxNTYgMTAuMDU4NlpNOS4wMzEyNSAxMi44NzVDOC42NDg0NCAxMi44NzUgOC4zNzUgMTIuNjAxNiA4LjM3NSAxMi4yMTg4QzguMzc1IDExLjg2MzMgOC42NDg0NCAxMS41NjI1IDkuMDMxMjUgMTEuNTYyNUgxMC4zNDM4QzEwLjY5OTIgMTEuNTYyNSAxMSAxMS44NjMzIDExIDEyLjIxODhDMTEgMTIuNjAxNiAxMC42OTkyIDEyLjg3NSAxMC4zNDM4IDEyLjg3NUg5LjAzMTI1Wk05LjAzMTI1IDkuMzc1QzguNjQ4NDQgOS4zNzUgOC4zNzUgOS4xMDE1NiA4LjM3NSA4LjcxODc1QzguMzc1IDguMzYzMjggOC42NDg0NCA4LjA2MjUgOS4wMzEyNSA4LjA2MjVIMTIuMDkzOEMxMi40NDkyIDguMDYyNSAxMi43NSA4LjM2MzI4IDEyLjc1IDguNzE4NzVDMTIuNzUgOS4xMDE1NiAxMi40NDkyIDkuMzc1IDEyLjA5MzggOS4zNzVIOS4wMzEyNVpNOS4wMzEyNSA1Ljg3NUM4LjY0ODQ0IDUuODc1IDguMzc1IDUuNjAxNTYgOC4zNzUgNS4yMTg3NUM4LjM3NSA0Ljg2MzI4IDguNjQ4NDQgNC41NjI1IDkuMDMxMjUgNC41NjI1SDEzLjg0MzhDMTQuMTk5MiA0LjU2MjUgMTQuNSA0Ljg2MzI4IDE0LjUgNS4yMTg3NUMxNC41IDUuNjAxNTYgMTQuMTk5MiA1Ljg3NSAxMy44NDM4IDUuODc1SDkuMDMxMjVaTTkuMDMxMjUgMi4zNzVDOC42NDg0NCAyLjM3NSA4LjM3NSAyLjEwMTU2IDguMzc1IDEuNzE4NzVDOC4zNzUgMS4zNjMyOCA4LjY0ODQ0IDEuMDYyNSA5LjAzMTI1IDEuMDYyNUgxNS41OTM4QzE1Ljk0OTIgMS4wNjI1IDE2LjI1IDEuMzYzMjggMTYuMjUgMS43MTg3NUMxNi4yNSAyLjEwMTU2IDE1Ljk0OTIgMi4zNzUgMTUuNTkzOCAyLjM3NUg5LjAzMTI1WiIgZmlsbD0iI0YwRjBGMSIvPgo8cGF0aCBkPSJNMC45MTAxNTYgMTAuMDU4NkMwLjYzNjcxOSA5LjgxMjUgMC42MzY3MTkgOS40MDIzNCAwLjkxMDE1NiA5LjEyODkxQzEuMTU2MjUgOC44ODI4MSAxLjU2NjQxIDguODgyODEgMS44Mzk4NCA5LjEyODkxTDMuMzQzNzUgMTAuNjYwMlYxLjI4MTI1QzMuMzQzNzUgMC45MjU3ODEgMy42MTcxOSAwLjYyNSA0IDAuNjI1QzQuMzU1NDcgMC42MjUgNC42NTYyNSAwLjkyNTc4MSA0LjY1NjI1IDEuMjgxMjVWMTAuNjYwMkw2LjE2MDE2IDkuMTU2MjVDNi40MDYyNSA4Ljg4MjgxIDYuODE2NDEgOC44ODI4MSA3LjA2MjUgOS4xNTYyNUM3LjMzNTk0IDkuNDAyMzQgNy4zMzU5NCA5LjgxMjUgNy4wNjI1IDEwLjA1ODZMNC40Mzc1IDEyLjY4MzZDNC4xOTE0MSAxMi45NTcgMy43ODEyNSAxMi45NTcgMy41MzUxNiAxMi42ODM2TDAuOTEwMTU2IDEwLjA1ODZaTTkuMDMxMjUgMTIuODc1QzguNjQ4NDQgMTIuODc1IDguMzc1IDEyLjYwMTYgOC4zNzUgMTIuMjE4OEM4LjM3NSAxMS44NjMzIDguNjQ4NDQgMTEuNTYyNSA5LjAzMTI1IDExLjU2MjVIMTAuMzQzOEMxMC42OTkyIDExLjU2MjUgMTEgMTEuODYzMyAxMSAxMi4yMTg4QzExIDEyLjYwMTYgMTAuNjk5MiAxMi44NzUgMTAuMzQzOCAxMi44NzVIOS4wMzEyNVpNOS4wMzEyNSA5LjM3NUM4LjY0ODQ0IDkuMzc1IDguMzc1IDkuMTAxNTYgOC4zNzUgOC43MTg3NUM4LjM3NSA4LjM2MzI4IDguNjQ4NDQgOC4wNjI1IDkuMDMxMjUgOC4wNjI1SDEyLjA5MzhDMTIuNDQ5MiA4LjA2MjUgMTIuNzUgOC4zNjMyOCAxMi43NSA4LjcxODc1QzEyLjc1IDkuMTAxNTYgMTIuNDQ5MiA5LjM3NSAxMi4wOTM4IDkuMzc1SDkuMDMxMjVaTTkuMDMxMjUgNS44NzVDOC42NDg0NCA1Ljg3NSA4LjM3NSA1LjYwMTU2IDguMzc1IDUuMjE4NzVDOC4zNzUgNC44NjMyOCA4LjY0ODQ0IDQuNTYyNSA5LjAzMTI1IDQuNTYyNUgxMy44NDM4QzE0LjE5OTIgNC41NjI1IDE0LjUgNC44NjMyOCAxNC41IDUuMjE4NzVDMTQuNSA1LjYwMTU2IDE0LjE5OTIgNS44NzUgMTMuODQzOCA1Ljg3NUg5LjAzMTI1Wk05LjAzMTI1IDIuMzc1QzguNjQ4NDQgMi4zNzUgOC4zNzUgMi4xMDE1NiA4LjM3NSAxLjcxODc1QzguMzc1IDEuMzYzMjggOC42NDg0NCAxLjA2MjUgOS4wMzEyNSAxLjA2MjVIMTUuNTkzOEMxNS45NDkyIDEuMDYyNSAxNi4yNSAxLjM2MzI4IDE2LjI1IDEuNzE4NzVDMTYuMjUgMi4xMDE1NiAxNS45NDkyIDIuMzc1IDE1LjU5MzggMi4zNzVIOS4wMzEyNVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8L3N2Zz4K") center center /contain no-repeat;
            }
          }

          .wps-tooltip {
            height: 13.3px;

            .wps-tooltip-icon.info {
              background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTUgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjQ5OTY3IDAuMzQxNzk3QzMuODE3NjcgMC4zNDE3OTcgMC44MzMwMDggMy4zMjY0NiAwLjgzMzAwOCA3LjAwODQ2QzAuODMzMDA4IDEwLjY5MDUgMy44MTc2NyAxMy42NzUxIDcuNDk5NjcgMTMuNjc1MUMxMS4xODE3IDEzLjY3NTEgMTQuMTY2MyAxMC42OTA1IDE0LjE2NjMgNy4wMDg0NkMxNC4xNjYzIDMuMzI2NDYgMTEuMTgxNyAwLjM0MTc5NyA3LjQ5OTY3IDAuMzQxNzk3Wk03LjQ5OTY3IDEuNjc1MTNDOC45MTQxNiAxLjY3NTEzIDEwLjI3MDcgMi4yMzcwMyAxMS4yNzA5IDMuMjM3MjNDMTIuMjcxMSA0LjIzNzQyIDEyLjgzMyA1LjU5Mzk4IDEyLjgzMyA3LjAwODQ2QzEyLjgzMyA4LjQyMjk1IDEyLjI3MTEgOS43Nzk1MSAxMS4yNzA5IDEwLjc3OTdDMTAuMjcwNyAxMS43Nzk5IDguOTE0MTYgMTIuMzQxOCA3LjQ5OTY3IDEyLjM0MThDNi4wODUxOSAxMi4zNDE4IDQuNzI4NjMgMTEuNzc5OSAzLjcyODQ0IDEwLjc3OTdDMi43MjgyNCA5Ljc3OTUxIDIuMTY2MzQgOC40MjI5NSAyLjE2NjM0IDcuMDA4NDZDMi4xNjYzNCA1LjU5Mzk4IDIuNzI4MjQgNC4yMzc0MiAzLjcyODQ0IDMuMjM3MjNDNC43Mjg2MyAyLjIzNzAzIDYuMDg1MTkgMS42NzUxMyA3LjQ5OTY3IDEuNjc1MTNaTTcuNDk5NjcgMy42NzUxM0M3LjMyMjg2IDMuNjc1MTMgNy4xNTMyOSAzLjc0NTM3IDcuMDI4MjcgMy44NzAzOUM2LjkwMzI1IDMuOTk1NDIgNi44MzMwMSA0LjE2NDk5IDYuODMzMDEgNC4zNDE4QzYuODMzMDEgNC41MTg2MSA2LjkwMzI1IDQuNjg4MTggNy4wMjgyNyA0LjgxMzJDNy4xNTMyOSA0LjkzODIzIDcuMzIyODYgNS4wMDg0NiA3LjQ5OTY3IDUuMDA4NDZDNy42NzY0OSA1LjAwODQ2IDcuODQ2MDYgNC45MzgyMyA3Ljk3MTA4IDQuODEzMkM4LjA5NjEgNC42ODgxOCA4LjE2NjM0IDQuNTE4NjEgOC4xNjYzNCA0LjM0MThDOC4xNjYzNCA0LjE2NDk5IDguMDk2MSAzLjk5NTQyIDcuOTcxMDggMy44NzAzOUM3Ljg0NjA2IDMuNzQ1MzcgNy42NzY0OSAzLjY3NTEzIDcuNDk5NjcgMy42NzUxM1pNNi44MzMwMSA1LjY3NTEzQzYuNjU2MiA1LjY3NTEzIDYuNDg2NjMgNS43NDUzNyA2LjM2MTYgNS44NzAzOUM2LjIzNjU4IDUuOTk1NDIgNi4xNjYzNCA2LjE2NDk5IDYuMTY2MzQgNi4zNDE4QzYuMTY2MzQgNi42NjMxMyA2LjQwNTY3IDYuOTAzMTMgNi43MDc2NyA2Ljk2NzEzTDYuMzEyMzQgOC44ODMxM0M2LjE1NzY3IDkuNjU3MTMgNi43MTEwMSAxMC4zNDE4IDcuNDk5MDEgMTAuMzQxOEg4LjE2NTY3QzguMzQyNDkgMTAuMzQxOCA4LjUxMjA1IDEwLjI3MTYgOC42MzcwOCAxMC4xNDY1QzguNzYyMSAxMC4wMjE1IDguODMyMzQgOS44NTE5NCA4LjgzMjM0IDkuNjc1MTNDOC44MzIzNCA5LjQ5ODMyIDguNzYyMSA5LjMyODc1IDguNjM3MDggOS4yMDM3MkM4LjUxMjA1IDkuMDc4NyA4LjM0MjQ5IDkuMDA4NDYgOC4xNjU2NyA5LjAwODQ2SDcuNjQ1NjdMOC4xNDU2NyA2LjQ2NzEzQzguMTY1NzYgNi4zNzExOCA4LjE2NDEzIDYuMjcxOTYgOC4xNDA5IDYuMTc2NzJDOC4xMTc2OCA2LjA4MTQ5IDguMDczNDUgNS45OTI2NSA4LjAxMTQ1IDUuOTE2NzJDNy45NDk0NiA1Ljg0MDc5IDcuODcxMjYgNS43Nzk2OSA3Ljc4MjU5IDUuNzM3ODhDNy42OTM5MyA1LjY5NjA4IDcuNTk3MDMgNS42NzQ2NCA3LjQ5OTAxIDUuNjc1MTNINi44MzMwMVoiIGZpbGw9IiNEQURDRTAiLz4KPC9zdmc+Cg==");
            }
          }

          &:last-child {
            text-align: right !important;

            a {
              justify-content: flex-end;
            }
          }
        }
      }

      tbody {
        td {
          padding-left: 0 !important;
          color: #0C0C0D;
          font-size: 13px;

          .wps-site-icon img {
            margin-right: 4px;
            margin-bottom: 2px;
            vertical-align: middle;
          }

          b {
            font-weight: 500;
            color: #0C0C0D;
          }

          &.wps-pd-l {
            padding-left: 24px !important;
          }

          &.view-more {
            text-align: right !important;
            width: 245px;
            box-sizing: border-box;

            a:not(.js-wps-openPremiumModal) {
              display: inline-flex !important;
              align-items: center;
              justify-content: center;
              gap: 4px;
              padding: 4px 24px;
              color: #0c0c0d !important;
              font-size: 12px;
              line-height: 170%;
              border: 1px solid #eeeff1;
              border-radius: 4px;

              &:before {
                content: '';
                width: 12px;
                height: 12px;
                background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjAxMTcyIDEwLjg3NUM3Ljc0NjA5IDEwLjg3NSA5LjMzOTg0IDkuOTYwOTQgMTAuMjMwNSA4LjQzNzVDMTEuMDk3NyA2LjkzNzUgMTEuMDk3NyA1LjA4NTk0IDEwLjIzMDUgMy41NjI1QzkuMzM5ODQgMi4wNjI1IDcuNzQ2MDkgMS4xMjUgNi4wMTE3MiAxLjEyNUM0LjI1MzkxIDEuMTI1IDIuNjYwMTYgMi4wNjI1IDEuNzY5NTMgMy41NjI1QzAuOTAyMzQ0IDUuMDg1OTQgMC45MDIzNDQgNi45Mzc1IDEuNzY5NTMgOC40Mzc1QzIuNjYwMTYgOS45NjA5NCA0LjI1MzkxIDEwLjg3NSA2LjAxMTcyIDEwLjg3NVpNNi4wMTE3MiAwQzguMTQ0NTMgMCAxMC4xMTMzIDEuMTQ4NDQgMTEuMTkxNCAzQzEyLjI2OTUgNC44NzUgMTIuMjY5NSA3LjE0ODQ0IDExLjE5MTQgOUMxMC4xMTMzIDEwLjg3NSA4LjE0NDUzIDEyIDYuMDExNzIgMTJDMy44NTU0NyAxMiAxLjg4NjcyIDEwLjg3NSAwLjgwODU5NCA5Qy0wLjI2OTUzMSA3LjE0ODQ0IC0wLjI2OTUzMSA0Ljg3NSAwLjgwODU5NCAzQzEuODg2NzIgMS4xNDg0NCAzLjg1NTQ3IDAgNi4wMTE3MiAwWk02Ljc2MTcyIDZDNi43NjE3MiA2LjQyMTg4IDYuNDEwMTYgNi43NSA2LjAxMTcyIDYuNzVDNS41ODk4NCA2Ljc1IDUuMjYxNzIgNi40MjE4OCA1LjI2MTcyIDZDNS4yNjE3MiA1LjYwMTU2IDUuNTg5ODQgNS4yNSA2LjAxMTcyIDUuMjVDNi40MTAxNiA1LjI1IDYuNzYxNzIgNS42MDE1NiA2Ljc2MTcyIDZaTTguMjYxNzIgNS4yNUM4LjY2MDE2IDUuMjUgOS4wMTE3MiA1LjYwMTU2IDkuMDExNzIgNkM5LjAxMTcyIDYuNDIxODggOC42NjAxNiA2Ljc1IDguMjYxNzIgNi43NUM3LjgzOTg0IDYuNzUgNy41MTE3MiA2LjQyMTg4IDcuNTExNzIgNkM3LjUxMTcyIDUuNjAxNTYgNy44Mzk4NCA1LjI1IDguMjYxNzIgNS4yNVpNNC41MTE3MiA2QzQuNTExNzIgNi40MjE4OCA0LjE2MDE2IDYuNzUgMy43NjE3MiA2Ljc1QzMuMzM5ODQgNi43NSAzLjAxMTcyIDYuNDIxODggMy4wMTE3MiA2QzMuMDExNzIgNS42MDE1NiAzLjMzOTg0IDUuMjUgMy43NjE3MiA1LjI1QzQuMTYwMTYgNS4yNSA0LjUxMTcyIDUuNjAxNTYgNC41MTE3MiA2WiIgZmlsbD0iIzBDMEMwRCIvPgo8L3N2Zz4K") center center/contain no-repeat;
              }

              &:hover {
                background: #FAFAFB;
              }

              &.disabled {
                cursor: default;
                border-color: #DADCE0 !important;
                background: #F0F0F1 !important;
                opacity: 20%;
              }
            }
          }

          &:last-child {
            text-align: right !important;
          }

        }
      }
    }
  }

  #performance-category-chart, #performance-category-chart-single {
    height: 299px !important;
    width: 100% !important;
    margin-top: 24px;
  }

  .c-footer {
    display: flex;
    justify-content: flex-end;
    padding: 0;

    &__more__link {
      font-size: 12px;
      font-weight: 500;
      line-height: 14.06px;
      display: flex;
      gap: 8px;
      align-items: center;

      &:hover:after {
        filter: grayscale(1);
      }

      &:after {
        content: '';
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF83ODMwXzM0MzIpIj4KPHBhdGggZD0iTTEwLjExMTggMy43MTI4OUw5LjM5OTEyIDQuNDI1NjFMMTIuNTcwNiA3LjU5NzFMMC41IDcuNjAxMDdWOC42MDUwNUgxMi41NzA2TDkuMzk5MTIgMTEuNzc2NUwxMC4xMTE4IDEyLjQ4OTJMMTQuNSA4LjEwMTA1TDEwLjExMTggMy43MTI4OVoiIGZpbGw9IiM0MDRCRjIiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF83ODMwXzM0MzIiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUgMC4xMDE1NjIpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center/contain no-repeat;

        .rtl & {
          transform: rotate(180deg);
        }
      }
    }
  }

  .wps-flex-container {
    margin-left: -24px;
    margin-right: -24px;
    flex-direction: column;
    display: flex;

    .wps-flex-half:first-child .wps-category-tabs {
      border-bottom: 1px solid #DADCE0;
      margin-bottom: 0;
      padding-bottom: 20px;
      @media (min-width: 1192px) {
        border-right: 1px solid #DADCE0;
        border-bottom: 0;
        margin-bottom: 20px;
        padding-bottom: 0;
      }
    }


    .wps-category-tabs {
      margin-top: 20px;
      margin-bottom: 20px;

      & > label:first-of-type {
        margin-left: 15px;
      }

      & > label:last-of-type {
        margin-right: 15px;
      }
    }

    @media (min-width: 1192px) {
      flex-direction: row;
      .wps-flex-half {
        flex: 1;
      }
      .wps-category-tabs {
        & > label:first-of-type {
          margin-left: 24px;
        }
      }
    }
  }

  .wps-category-tabs {
    display: flex;
    flex-wrap: wrap;

    label {
      order: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      transition: background ease 0.3s;
      font-size: 13px;
      font-weight: 500;
      line-height: 24px;
      text-align: left;
      color: #5F636C !important;
      padding: 0 6px 6px;
      @media (min-width: 376px) {
        padding: 0 12px 6px;
      }
    }

    .wps-category-tabs__content {
      order: 9;
      flex-grow: 1;
      width: 100%;
      height: 100%;
      display: none;
      background: #fff;
      padding-top: 20px;
    }

    input[type="radio"] {
      display: none;
    }

    input[type="radio"]:checked + label {
      color: #0C0C0D !important;
      border-bottom: 1px solid #404BF2
    }

    .wps-category-tabs__item {
      display: flex;
      gap: 8px;
      padding: 5px 24px;

      img {
        width: 39px;
        height: 39px;
        border-radius: 50%;
        display: inline-block;
        overflow: hidden;
      }

      &--image {
        position: relative;

        svg {
          width: 39px;
          height: 39px;
          border-radius: 50%;
        }

        span {
          position: absolute;
          color: #fff;
          width: 39px;
          height: 39px;
          border-radius: 50%;
          justify-content: center;
          align-items: center;
          font-size: 16px;
          font-weight: 400;
          line-height: 18.75px;
          background: #1f192dcc;
          display: none;
        }
      }

      &--content {
        display: flex;
        flex-direction: column;
        padding: 5px 0;
        gap: 3px;

        span {
          display: block;
          font-size: 12px;
          font-weight: 400;
          line-height: 14.06px;
          color: #56585A;
        }

        h3 {
          margin: 0;

          span {
            font-size: 14px;
            font-weight: 400;
            line-height: 16.41px;
            color: #0C0C0D;

            word-break: break-word;
          }
        }
      }

      &:hover {
        background: #EEEFF1;

        h3 span {
          color: #404BF2;
        }

        .wps-category-tabs__item--image span {
          display: flex;
        }
      }
    }

    input[type="radio"]:checked + label + .wps-category-tabs__content {
      display: block;
    }
  }

  td .wps-ellipsis-parent {
    max-width: 250px;
  }

  .wps-ellipsis-parent {
    display: table;
    table-layout: fixed;
    width: 100%;

    .wps-ellipsis-text {
      display: table-cell;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }
}