403Webshell
Server IP : 123.56.80.60  /  Your IP : 216.73.216.217
Web Server : Apache/2.4.54 (Win32) OpenSSL/1.1.1s PHP/7.4.33 mod_fcgid/2.3.10-dev
System : Windows NT iZhx3sob14hnz7Z 10.0 build 14393 (Windows Server 2016) i586
User : SYSTEM ( 0)
PHP Version : 7.4.33
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : OFF  |  Perl : OFF  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  /site/20241224/spunner/wp-content/plugins/wp-statistics/assets/dev/sass/pages/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ Back ]     

Current File : /site/20241224/spunner/wp-content/plugins/wp-statistics/assets/dev/sass/pages/authors.scss
#authors-performance {
  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: 758px) {
      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 , &.wps-card__summary--avg {
              align-items: flex-end;
              span:first-child {
                justify-content: flex-end;
               }
              span:last-child{
                width: 100%;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                display: block;
                text-align: right;

                .rtl &{
                  text-align: left;
                }
              }
            }
            &.wps-card__summary--total span:first-child{
              color: #5100fd !important;
            }
          }
        }
      }

      &--authors{
        .wps-card__summary{
          flex-wrap: wrap;
          gap: 24px;

          div.wps-card__summary--active, div.wps-card__summary--avg{
            span{
              display: flex;
              justify-content: flex-end!important;
              &:last-child{
                text-align: right;
                .rtl &{
                  text-align: left;
                }
              }
            }
          }
          div.wps-card__summary--publish{
            span{
              display: flex;
              justify-content: flex-start !important;
              &:first-child{
                color: #5100fd !important;
              }
              &:last-child{
                text-align: left;
                .rtl &{
                  text-align: right;
                }
              }
            }
          }


          &>div{
            flex: 1 1 calc(50% - 24px);
            min-width: calc(50% - 24px);
            width: calc(50% - 24px);
            div{
              flex-direction: column;
              display: flex;
              gap: 2px;
              align-items: center;
            }
          }
        }
      }
    }

    &__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;
      }

      .wps-tooltip {
        display: flex;

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

    }
    .wps-card__summary--avg span{
      display: flex;
      align-items: flex-end;
    }
    .wps-card__summary {
      display: flex;
      justify-content: space-between;
      flex-direction: row;

      span{
        display: flex;
        justify-content: space-between;
        width: 100%;
      }

      div:first-child span:first-child {
        color: #5100FD !important;
        justify-content: flex-start;
        align-items: flex-start;
      }

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

        &.wps-card__summary--avg{
          justify-content: flex-end;
          span:first-child{
            justify-content: flex-end;
          }
          span:last-child{
            text-align: right;

            .rtl &{
              text-align: left;
            }
          }
        }

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

        span:last-child {
          font-size: 11px;
          font-weight: 500;
          line-height: 12.89px;
          letter-spacing: 0.01em;
          color: #56585A;
          width: 120px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          display: block;
        }
      }
    }
  }

  .wps-card__chart-matrix {
    border: 1px solid #DADCE0;
    padding: 10px;
    border-radius: 4px;
    overflow-x: auto;

    .chart-container {
      height: 145px;
      min-width: 869px;
    }
  }

  .wps-card__chart-guide {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;

    &--items {
      display: flex;
      gap: 4px;
      font-size: 12px;
      font-weight: 400;
      line-height: 14.52px;
      color: #000;
      align-items: center;

      ul {
        margin: 0;

        li {
          width: 15.59px;
          height: 16.1px;
          border-radius: 4px;
          display: inline-block;
          margin: 0;

          &:first-child {
            background: #E8EAEE;
          }

          &:nth-child(2) {
            background: #B28DFF;
          }

          &:nth-child(3) {
            background: #5100FD;
          }

          &:nth-child(4) {
            background: #4915B9;
          }

          &:nth-child(5) {
            background: #250766;
          }
        }
      }
    }
  }

  .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;

      &: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;

    .wps-flex-half:first-child .wps-author-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-author-tabs {
      margin-top: 20px;
      margin-bottom: 20px;

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

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

      @media(max-width: 758px){
        .tooltip-premium--side{
          transform: none;
          top: 100%;
        }
        .tooltip-premium--left{
          left: 5px;
          right: unset;
          padding-top: 5px;

          .rtl &{
            right: 5px;
            left: unset;
          }

          #tooltip_content{
            position: relative;

            &:after, &:before {
              bottom: 100%;
              top: unset;
               left: 30px;
              border: solid transparent;
              content: "";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none;
              transform: none;


              .rtl & {
                left: unset;
                right: 30px;
              }
            }

            &:after {
              border-color: rgba(255, 255, 255, 0);
              border-bottom-color: #404bf20d;
              border-width: 5px;
            }

            &:before {
              border-color: rgba(221, 224, 232, 0);
              border-bottom-color: #dde0e8;
              border-width: 6px;
              margin-left: -1px;

              .rtl & {
                margin-left: 0;
                margin-right: -1px;
              }
            }
          }
        }
      }
    }

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

  .wps-scatter-chart {
    margin-top: 20px;
    overflow-x: auto;

    .chart-container {
      @media(max-width: 700px) {
        min-width: 500px;
      }

      canvas {
        height: 500px;
      }
    }
  }
}

.wps-author-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;
    }
  }

  @media(max-width: 758px){

  }

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

    .wps-tooltip-premium{
      background: #FAFAFB;
      &:hover{
        background: #F4F4FB;
        .wps-author-tabs__item--content{
          h3 , span{
            color:#ADB4C1!important;
          }
        }
      }
      .wps-author-tabs__item--image span{
        background: transparent;
        z-index: 2;

        a{
          width: 39px;
          height: 39px;
          display: inline-block;
          background-size: 17px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMS40NDkyMkM0Ljg1MzU3IDEuNDQ5MjIgMS41IDQuODAyNzkgMS41IDguOTQ5MjJDMS41IDEwLjUwMjggMS45NjA3MSAxMS45Mjc4IDIuNzUzNTcgMTMuMTE3MUMzLjkxMDcxIDE0LjgzMTQgNS43NDI4NiAxNi4wNDIxIDcuODc1IDE2LjM1MjhDOC4yMzkyOSAxNi40MTcxIDguNjE0MjkgMTYuNDQ5MiA5IDE2LjQ0OTJDOS4zODU3MSAxNi40NDkyIDkuNzYwNzEgMTYuNDE3MSAxMC4xMjUgMTYuMzUyOEMxMi4yNTcxIDE2LjA0MjEgMTQuMDg5MyAxNC44MzE0IDE1LjI0NjQgMTMuMTE3MUMxNi4wMzkzIDExLjkyNzggMTYuNSAxMC41MDI4IDE2LjUgOC45NDkyMkMxNi41IDQuODAyNzkgMTMuMTQ2NCAxLjQ0OTIyIDkgMS40NDkyMlpNMTIuMjc4NiA4LjcxMzVMMTEuMzg5MyA5LjYwMjc5QzExLjIzOTMgOS43NTI3OSAxMS4xNTM2IDEwLjA0MjEgMTEuMjA3MSAxMC4yNTY0TDExLjQ2NDMgMTEuMzU5OUMxMS42Njc5IDEyLjIyNzggMTEuMjA3MSAxMi41NzA2IDEwLjQzNTcgMTIuMTA5OUw5LjM2NDI5IDExLjQ3NzhDOS4xNzE0MyAxMS4zNTk5IDguODUgMTEuMzU5OSA4LjY1NzE0IDExLjQ3NzhMNy41ODU3MSAxMi4xMDk5QzYuODE0MjkgMTIuNTU5OSA2LjM1MzU3IDEyLjIyNzggNi41NTcxNCAxMS4zNTk5TDYuODE0MjkgMTAuMjU2NEM2Ljg1NzE0IDEwLjA1MjggNi43ODIxNCA5Ljc1Mjc5IDYuNjMyMTQgOS42MDI3OUw1LjcyMTQzIDguNzEzNUM1LjE5NjQzIDguMTg4NSA1LjM2Nzg2IDcuNjYzNSA2LjA5NjQzIDcuNTQ1NjVMNy4yNDI4NiA3LjM1Mjc5QzcuNDM1NzEgNy4zMjA2NSA3LjY2MDcxIDcuMTQ5MjIgNy43NDY0MyA2Ljk3Nzc5TDguMzc4NTcgNS43MTM1QzguNzIxNDMgNS4wMjc3OSA5LjI3ODU3IDUuMDI3NzkgOS42MjE0MyA1LjcxMzVMMTAuMjUzNiA2Ljk3Nzc5QzEwLjMzOTMgNy4xNDkyMiAxMC41NjQzIDcuMzIwNjUgMTAuNzY3OSA3LjM1Mjc5TDExLjkxNDMgNy41NDU2NUMxMi42MzIxIDcuNjYzNSAxMi44MDM2IDguMTg4NSAxMi4yNzg2IDguNzEzNVoiIGZpbGw9IiM1NjU4NUEiLz4KPC9zdmc+Cg==") ;
         }
      }
      .wps-author-tabs__item img , .wps-author-tabs__item svg{
        opacity: 10%;
      }
      .wps-author-tabs__item--content{
        h3 , span{
          color:#BFC2C9!important;
        }
      }
    }
  }

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

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

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

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

    &--image {
      position: relative;

      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;

      h3 {
        font-size: 14px;
        font-weight: 400;
        line-height: 16.41px;
        color: #56585A;
        margin: 0;
        word-break: break-word;
      }

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

    &:hover {
      background: #EEEFF1;

      h3 {
        color: #404BF2;
      }

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

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

#authors-performance #wps-postbox-container-2 .o-table-wrapper {
  margin-right: -24px;
  margin-left: -24px;
}

.o-table-wrapper .wps-authors-table {
  margin-top: 13px;

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

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

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

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

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

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

        &.sort.desc:after {
          width: 11.18px;
          height: 10px;
          background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgMTIgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI5NjUzIDMuNUM4LjczNDkgMy41IDguOTgzNDEgMy45NTA1IDguNzQ5MzkgNC4yNzQ3TDguNzEyNjUgNC4zMjAwOUw2LjAwNDMxIDcuMzIwMDlDNS44MDIxOSA3LjU0Mzk4IDUuNDQxMDQgNy41NTg5IDUuMjE3NzEgNy4zNjQ4N0w1LjE3MjA3IDcuMzIwMDlMMi40NjM3NCA0LjMyMDA5QzIuMTgzMSA0LjAwOTIzIDIuMzk4OTMgMy41NDQ2IDIuODE4NTYgMy41MDNMMi44Nzk4NiAzLjVIOC4yOTY1M1oiIGZpbGw9IiM1NjU4NUEiLz4KPC9zdmc+Cg==") center center /contain no-repeat;
        }

        &.sort.asc:after {
          width: 11.18px;
          height: 10px;
          background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgMTIgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjEzNTE5IDMuNjM1MTNDNS45MTE4NyAzLjQ0MTEgNS41NTA3MSAzLjQ1NjAyIDUuMzQ4NTkgMy42Nzk5MUwyLjY0MDI1IDYuNjc5OTFMMi42MDM1MSA2LjcyNTNDMi4zNjk0OSA3LjA0OTUgMi42MTggNy41IDMuMDU2MzcgNy41SDguNDczMDRMOC41MzQzNCA3LjQ5N0M4Ljk1Mzk3IDcuNDU1NCA5LjE2OTggNi45OTA3NyA4Ljg4OTE2IDYuNjc5OTFMNi4xODA4MyAzLjY3OTkxTDYuMTM1MTkgMy42MzUxM1oiIGZpbGw9IiM1NjU4NUEiLz4KPC9zdmc+Cg==") 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:not(.start) {
        text-align: right !important;

        .rtl & {
          text-align: left !important;
        }

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

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

      &.wps-author-posts{
        max-width:350px!important;

        .wps-author-post--name {
          max-width:350px!important;
          display: flex!important;
          align-items: center;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          gap:8px;

          svg,img{
            width: 27px;
            height: 27px;
            border-radius: 50%;
            object-fit: contain;
          }

          span{
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;

          }
          svg{
            flex-shrink: 0;
            vertical-align: middle;
          }
        }
      }


      &.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;
          background: #fff;

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

          &:hover {
            background: #FAFAFB;
          }

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

      &:last-child:not(.start) {
        text-align: right !important;

        .rtl & {
          text-align: left !important;
        }
      }

      .wps-author-name {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 8px;

        span {
          white-space: nowrap;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 150px;
        }

        img {
          width: 27px;
          height: 27px;
          object-fit: contain;
          border-radius: 50%;
        }
      }
    }
  }
}

.wps-author-info {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-direction: column;

  & > div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  img {
    border-radius: 50%;
    width: 53px;
    height: 53px;
    object-fit: contain;
    margin-bottom: 12px;
  }

  &__name {
    font-size: 16px;
    font-weight: 500;
    line-height: 18.75px;
    margin-bottom: 12px;
    color: #404BF2;
    display: inline-flex;
    gap: 6px;
    align-items: center;

    &:hover:after {
      filter: brightness(0);
    }

    &:after {
      content: '';
      width: 13.5px;
      height: 13.5px;
      display: inline-flex;
      background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMTUgMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDNWNC41SDIuMjVWMTIuNzVIMTAuNVY5SDEyVjEzLjVDMTIgMTMuOTE0MiAxMS42NjQyIDE0LjI1IDExLjI1IDE0LjI1SDEuNUMxLjA4NTc5IDE0LjI1IDAuNzUgMTMuOTE0MiAwLjc1IDEzLjVWMy43NUMwLjc1IDMuMzM1NzkgMS4wODU3OSAzIDEuNSAzSDZaTTE0LjI1IDAuNzVWNi43NUgxMi43NUwxMi43NDk5IDMuMzA5NzVMNi45MDUzMiA5LjE1NTMyTDUuODQ0NjcgOC4wOTQ2OEwxMS42ODg3IDIuMjVIOC4yNVYwLjc1SDE0LjI1WiIgZmlsbD0iIzQwNEJGMiIvPgo8L3N2Zz4K") center center/contain no-repeat;
    }
  }

  &__desc {
    display: block;
    margin: 0;
    color: #56585A;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.23px;
  }

  &__socials {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 0;

    li {
      display: inline-flex;
      padding: 4px;
      border-radius: 2px;

      a:hover {
        opacity: .7;
      }

      i {
        width: 22px;
        height: 15px;
        display: block;

        &.mail {
          background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE5IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTkgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjY4MDY2IDAuODk5NDE0SDE3Ljc1QzE3Ljk5NDEgMC44OTk0MTQgMTguMjA0MSAwLjk4NzMwNSAxOC4zNzk5IDEuMTYzMDlDMTguNTU1NyAxLjMzODg3IDE4LjY0MzYgMS41NDg4MyAxOC42NDM2IDEuNzkyOTdWMTYuMDc1MkMxOC42NDM2IDE2LjMxOTMgMTguNTU1NyAxNi41MjkzIDE4LjM3OTkgMTYuNzA1MUMxOC4yMDQxIDE2Ljg4MDkgMTcuOTk0MSAxNi45Njg4IDE3Ljc1IDE2Ljk2ODhIMS42ODA2NkMxLjQzNjUyIDE2Ljk2ODggMS4yMjY1NiAxNi44ODA5IDEuMDUwNzggMTYuNzA1MUMwLjg3NSAxNi41MjkzIDAuNzg3MTA5IDE2LjMxOTMgMC43ODcxMDkgMTYuMDc1MlYxLjc5Mjk3QzAuNzg3MTA5IDEuNTQ4ODMgMC44NzUgMS4zMzg4NyAxLjA1MDc4IDEuMTYzMDlDMS4yMjY1NiAwLjk4NzMwNSAxLjQzNjUyIDAuODk5NDE0IDEuNjgwNjYgMC44OTk0MTRaTTE2Ljg1NjQgNC42Nzg3MUw5Ljc4MTI1IDExLjAyMTVMMi41NzQyMiA0LjY2NDA2VjE1LjE4MTZIMTYuODU2NFY0LjY3ODcxWk0zLjAyODMyIDIuNjg2NTJMOS43NjY2IDguNjMzNzlMMTYuNDE3IDIuNjg2NTJIMy4wMjgzMloiIGZpbGw9IiM1NjU4NUEiLz4KPC9zdmc+Cg==") center center/contain no-repeat;
        }

        &.phone {
          background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTcgMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS4zODg3IDEuNzkyOTdIMi40Njc3N1YxNi4wNzUySDE0Ljk2MjlWNS4zNjcxOUgxMS4zODg3VjEuNzkyOTdaTTAuNjgwNjY0IDAuODg0NzY2QzAuNjgwNjY0IDAuNjQwNjI1IDAuNzY4NTU1IDAuNDM1NTQ3IDAuOTQ0MzM2IDAuMjY5NTMxQzEuMTIwMTIgMC4wOTM3NSAxLjMzMDA4IDAuMDA1ODU5MzggMS41NzQyMiAwLjAwNTg1OTM4SDEyLjI4MjJMMTYuNzUgNC40NzM2M1YxNi45Njg4QzE2Ljc1IDE3LjIxMjkgMTYuNjYyMSAxNy40MjI5IDE2LjQ4NjMgMTcuNTk4NkMxNi4zMjAzIDE3Ljc3NDQgMTYuMTEwNCAxNy44NjIzIDE1Ljg1NjQgMTcuODYyM0gxLjU1OTU3QzEuMzE1NDMgMTcuODYyMyAxLjEwNTQ3IDE3Ljc3NDQgMC45Mjk2ODggMTcuNTk4NkMwLjc2MzY3MiAxNy40MjI5IDAuNjgwNjY0IDE3LjIxMjkgMC42ODA2NjQgMTYuOTY4OFYwLjg4NDc2NlpNOC43MDgwMSA4LjQ4NzNDOC4wOTI3NyA4LjQ4NzMgNy41NjU0MyA4LjI3MjQ2IDcuMTI1OTggNy44NDI3N0M2LjY5NjI5IDcuNDAzMzIgNi40ODE0NSA2Ljg3NTk4IDYuNDgxNDUgNi4yNjA3NEM2LjQ4MTQ1IDUuNjM1NzQgNi42OTYyOSA1LjEwODQgNy4xMjU5OCA0LjY3ODcxQzcuNTY1NDMgNC4yMzkyNiA4LjA5Mjc3IDQuMDE5NTMgOC43MDgwMSA0LjAxOTUzQzkuMzMzMDEgNC4wMTk1MyA5Ljg2MDM1IDQuMjM5MjYgMTAuMjkgNC42Nzg3MUMxMC43Mjk1IDUuMTA4NCAxMC45NDkyIDUuNjM1NzQgMTAuOTQ5MiA2LjI2MDc0QzEwLjk0OTIgNi44NzU5OCAxMC43Mjk1IDcuNDAzMzIgMTAuMjkgNy44NDI3N0M5Ljg2MDM1IDguMjcyNDYgOS4zMzMwMSA4LjQ4NzMgOC43MDgwMSA4LjQ4NzNaTTQuNzIzNjMgMTMuMzk0NUM0Ljc4MjIzIDEyLjg5NjUgNC45MjM4MyAxMi40Mjc3IDUuMTQ4NDQgMTEuOTg4M0M1LjM3MzA1IDExLjU1ODYgNS42NjExMyAxMS4xODI2IDYuMDEyNyAxMC44NjA0QzYuMzc0MDIgMTAuNTM4MSA2Ljc4NDE4IDEwLjI4NDIgNy4yNDMxNiAxMC4wOTg2QzcuNzAyMTUgOS45MTMwOSA4LjE5MDQzIDkuODIwMzEgOC43MDgwMSA5LjgyMDMxQzkuMjI1NTkgOS44MjAzMSA5LjcxMzg3IDkuOTEzMDkgMTAuMTcyOSAxMC4wOTg2QzEwLjY0MTYgMTAuMjg0MiAxMS4wNTE4IDEwLjUzODEgMTEuNDAzMyAxMC44NjA0QzExLjc1NDkgMTEuMTgyNiAxMi4wNDc5IDExLjU1ODYgMTIuMjgyMiAxMS45ODgzQzEyLjUwNjggMTIuNDI3NyAxMi42NDg0IDEyLjg5NjUgMTIuNzA3IDEzLjM5NDVINC43MjM2M1oiIGZpbGw9IiM1NjU4NUEiLz4KPC9zdmc+Cg==") center center/contain no-repeat;
        }

        &.blog {
          background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTcgMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNS44NTY0IDE3Ljg2MjNIMS41NzQyMkMxLjMzMDA4IDE3Ljg2MjMgMS4xMjAxMiAxNy43NzQ0IDAuOTQ0MzM2IDE3LjU5ODZDMC43Njg1NTUgMTcuNDIyOSAwLjY4MDY2NCAxNy4yMTI5IDAuNjgwNjY0IDE2Ljk2ODhWMC44OTk0MTRDMC42ODA2NjQgMC42NTUyNzMgMC43Njg1NTUgMC40NDUzMTIgMC45NDQzMzYgMC4yNjk1MzFDMS4xMjAxMiAwLjA5Mzc1IDEuMzMwMDggMC4wMDU4NTkzOCAxLjU3NDIyIDAuMDA1ODU5MzhIMTUuODU2NEMxNi4xMDA2IDAuMDA1ODU5MzggMTYuMzEwNSAwLjA5Mzc1IDE2LjQ4NjMgMC4yNjk1MzFDMTYuNjYyMSAwLjQ0NTMxMiAxNi43NSAwLjY1NTI3MyAxNi43NSAwLjg5OTQxNFYxNi45Njg4QzE2Ljc1IDE3LjIxMjkgMTYuNjYyMSAxNy40MjI5IDE2LjQ4NjMgMTcuNTk4NkMxNi4zMTA1IDE3Ljc3NDQgMTYuMTAwNiAxNy44NjIzIDE1Ljg1NjQgMTcuODYyM1pNMTQuOTYyOSAxNi4wNzUyVjEuNzkyOTdIMi40Njc3N1YxNi4wNzUySDE0Ljk2MjlaTTUuMTQ4NDQgNC40NzM2M0gxMi4yODIyVjYuMjYwNzRINS4xNDg0NFY0LjQ3MzYzWk01LjE0ODQ0IDguMDMzMkgxMi4yODIyVjkuODIwMzFINS4xNDg0NFY4LjAzMzJaTTUuMTQ4NDQgMTEuNjA3NEg5LjYwMTU2VjEzLjM5NDVINS4xNDg0NFYxMS42MDc0WiIgZmlsbD0iIzU2NTg1QSIvPgo8L3N2Zz4K") center center/contain no-repeat;
        }
      }
    }
  }
}

.wps-top-countries-table {
  thead th:last-child {
    text-align: right !important;
  }

  tbody tr {
    td:nth-child(2) div {
      display: flex;
      gap: 6px;
      align-items: center;
    }

    td:last-child span {
      display: flex;
      justify-content: flex-end;
    }
  }
}

.wps-top-categories__content, .wps-author-chart {
  margin-top: 20px;
}

.wps-top-categories__content {
  margin-right: -24px;
  margin-left: -24px;

  .wps-author-tabs .wps-author-tabs__item--content h3 {
    color: #0C0C0D;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.41px;
  }
}

.wps-top-categories__content label {
  &:first-of-type {
    margin-left: 24px;
  }

  &:last-of-type {
    margin-right: 24px;
  }
}

.rtl .wps-top-categories__content label {
  &:first-of-type {
    margin-left: unset;
    margin-right: 24px;
  }

  &:last-of-type {
    margin-right: unset;
    margin-left: 24px;
  }
}

.wps-author-chart {
  .o-wrap--no-data{
    padding-top: 0!important;
  }
  canvas {
    margin: 0 auto;
    max-width: 100%;
    height: 0!important;
  }
}


.wps-author-premium {

  &-feature {
    display: flex;
    margin-bottom: 12px;
    margin-top: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 32px;
    border-radius: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(64, 75, 242);
    border-image: initial;
    background: rgb(255, 255, 255);

    &__head {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      margin-bottom: 32px;
      gap: 16px;

      h1 {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        color: rgb(12, 12, 13);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0px;
        margin: 0px;
        gap: 4px;
        white-space: nowrap;

        span {
          color: rgb(64, 75, 242);
        }
      }

      p {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: rgb(86, 88, 90);
        margin: 0px;
      }
    }

    a.button-primary {
      margin: 0 auto;
      padding: 8px 16px 8px 41px;
      border-radius: 4px !important;
      font-size: 14px;
      font-weight: 700 !important;
      line-height: 22px !important;
      background-size: 15px;
      background-repeat: no-repeat;
      background-color: #404bf2;
      background-position: center left 16px;
      background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTUgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04Ljc1IDMuMjczNDRDOS41OTEzOCAzLjI3MzQ0IDEwLjI3MzQgMi41OTEzNyAxMC4yNzM0IDEuNzVIMTAuOTc2NkMxMC45NzY2IDIuNTkxMzcgMTEuNjU4NiAzLjI3MzQ0IDEyLjUgMy4yNzM0NFYzLjk3NjU2QzExLjY1ODYgMy45NzY1NiAxMC45NzY2IDQuNjU4NjMgMTAuOTc2NiA1LjVIMTAuMjczNEMxMC4yNzM0IDQuNjU4NjMgOS41OTEzOCAzLjk3NjU2IDguNzUgMy45NzY1NlYzLjI3MzQ0Wk0wLjYyNSA3LjM3NUMyLjY5NjA3IDcuMzc1IDQuMzc1IDUuNjk2MDcgNC4zNzUgMy42MjVINS42MjVDNS42MjUgNS42OTYwNyA3LjMwMzk0IDcuMzc1IDkuMzc1IDcuMzc1VjguNjI1QzcuMzAzOTQgOC42MjUgNS42MjUgMTAuMzAzOSA1LjYyNSAxMi4zNzVINC4zNzVDNC4zNzUgMTAuMzAzOSAyLjY5NjA3IDguNjI1IDAuNjI1IDguNjI1VjcuMzc1Wk0xMC43ODEyIDkuMjVDMTAuNzgxMiAxMC4zNzE4IDkuODcxODEgMTEuMjgxMiA4Ljc1IDExLjI4MTJWMTIuMjE4N0M5Ljg3MTgxIDEyLjIxODcgMTAuNzgxMiAxMy4xMjgyIDEwLjc4MTIgMTQuMjVIMTEuNzE4OEMxMS43MTg4IDEzLjEyODIgMTIuNjI4MiAxMi4yMTg3IDEzLjc1IDEyLjIxODdWMTEuMjgxMkMxMi42MjgyIDExLjI4MTIgMTEuNzE4OCAxMC4zNzE4IDExLjcxODggOS4yNUgxMC43ODEyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);

      &:hover, &:focus, &:active {
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: center left 16px;
        background-color: #1e27bf;
        background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTUgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04Ljc1IDMuMjczNDRDOS41OTEzOCAzLjI3MzQ0IDEwLjI3MzQgMi41OTEzNyAxMC4yNzM0IDEuNzVIMTAuOTc2NkMxMC45NzY2IDIuNTkxMzcgMTEuNjU4NiAzLjI3MzQ0IDEyLjUgMy4yNzM0NFYzLjk3NjU2QzExLjY1ODYgMy45NzY1NiAxMC45NzY2IDQuNjU4NjMgMTAuOTc2NiA1LjVIMTAuMjczNEMxMC4yNzM0IDQuNjU4NjMgOS41OTEzOCAzLjk3NjU2IDguNzUgMy45NzY1NlYzLjI3MzQ0Wk0wLjYyNSA3LjM3NUMyLjY5NjA3IDcuMzc1IDQuMzc1IDUuNjk2MDcgNC4zNzUgMy42MjVINS42MjVDNS42MjUgNS42OTYwNyA3LjMwMzk0IDcuMzc1IDkuMzc1IDcuMzc1VjguNjI1QzcuMzAzOTQgOC42MjUgNS42MjUgMTAuMzAzOSA1LjYyNSAxMi4zNzVINC4zNzVDNC4zNzUgMTAuMzAzOSAyLjY5NjA3IDguNjI1IDAuNjI1IDguNjI1VjcuMzc1Wk0xMC43ODEyIDkuMjVDMTAuNzgxMiAxMC4zNzE4IDkuODcxODEgMTEuMjgxMiA4Ljc1IDExLjI4MTJWMTIuMjE4N0M5Ljg3MTgxIDEyLjIxODcgMTAuNzgxMiAxMy4xMjgyIDEwLjc4MTIgMTQuMjVIMTEuNzE4OEMxMS43MTg4IDEzLjEyODIgMTIuNjI4MiAxMi4yMTg3IDEzLjc1IDEyLjIxODdWMTEuMjgxMkMxMi42MjgyIDExLjI4MTIgMTEuNzE4OCAxMC4zNzE4IDExLjcxODggOS4yNUgxMC43ODEyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
      }
    }
  }

  &__items {
    margin-bottom: 24px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    gap: 8px 128px;
  }

  &__item {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: rgb(12, 12, 13);
    min-width: 150px;
    box-sizing: border-box;
    padding-left: 28px;
    position: relative;
    box-sizing: border-box;

    @media(min-width: 1270px) {
      min-width: 398px;
    }

    &::before {
      content: "";
      width: 24px;
      height: 24px;
      display: inline-flex;
      position: absolute;
      left: 0px;
      top: 0px;
      background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Ljk5OTcgMTAuMTcyOEwxNi4xOTIxIDAuOTgwNDY5TDE3LjYwNjMgMi4zOTQ2OEw2Ljk5OTcgMTMuMDAxMkwwLjYzNTc0MiA2LjYzNzM1TDIuMDQ5OTYgNS4yMjMxNUw2Ljk5OTcgMTAuMTcyOFoiIGZpbGw9IiMxOTYxNDAiLz4KPC9zdmc+Cg==) center center / 16.97px 12.02px no-repeat;
    }
  }

  &-image {
    text-align: center;

    img {
      width: 100%;
      margin: 0 auto;
    }
  }

  &__info {
    border-top: 1px solid #dadce0;
    margin-bottom: 16px;
    padding-top: 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #0c0c0d;
    text-align: center;
    width: 100%;
  }


}

Youez - 2016 - github.com/yon3zu
LinuXploit