File "_table.scss"

Full path: /var/www/html/cemeau/wp-content/plugins/wp-statistics/assets/dev/sass/elements/_table.scss
File size: 32.98 KB
MIME-type: text/csv
Charset: utf-8

Download   Open   Edit   Advanced Editor   Back

#wp_statistics_editor_meta_box,
#wp-statistics-summary-widget,
#wp-statistics-words-widget,
#wps_hits_postbox,
#wps_top_visitors_postbox,
#wps_search_postbox,
#wps_words_postbox,
#wps_recent_postbox,
#wps_map_postbox,
#wps_pages_postbox,
#wps_summary_postbox,
#wps_browsers_postbox,
#wps_referring_postbox,
#wps_countries_postbox,
#wps_pages_postbox,
.wps-wrap {
  table {
    border-collapse: collapse;

    thead {

      tr th {
        padding: 8px 0 12px 40px;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        border-bottom: 1px solid $light-secondary-color;
        color: $low-color;
        text-align: left;

        .rtl & {
          text-align: right;
        }

        &:first-child {
          padding-left: 16px;

          @media screen and (min-width: 1300px) {
            padding-left: 24px;
          }
        }


        &:last-child {
          padding-right: 16px;

          @media screen and (min-width: 768px) {
            padding-right: 24px;
          }
        }
      }
    }

    tbody {
      tr th {
        padding: 14px 0 14px 40px;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        color: $low-color;
        text-align: left;

        &:first-child {
          padding-left: 16px;

          @media screen and (min-width: 1300px) {
            padding-left: 24px;
          }
        }


        &:last-child {
          padding-right: 16px;

          @media screen and (min-width: 768px) {
            padding-right: 24px;
          }
        }
      }

      tr td {
        font-weight: 400;
        font-size: 13px;
        color: $dark-color;
        border: none;

        &:first-child {
          padding-left: 16px;

          @media screen and (min-width: 1300px) {
            padding-left: 24px;
          }
        }


        &:last-child {
          padding-right: 16px;

          @media screen and (min-width: 768px) {
            padding-right: 24px;
          }
        }

        a:not(.wps-link-arrow) , a:not(.wps-link-arrow) span {
          font-weight: 400;
          font-size: 13px;
          color: $dark-color;
          display: inline-block !important;

          &:hover {
            color: $primary-color;
          }
        }

        a.button.disabled {
          margin: 0 !important;

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

          span:hover {
            color: #A7AAAD !important;
          }
        }
      }

      tr:nth-child(even) {
        th, td {
          background-color: $light-tertiary-color;
        }
      }
    }
  }
}

.rtl {
  #wp_statistics_editor_meta_box,
  #wp-statistics-summary-widget,
  #wp-statistics-words-widget,
  #wps_hits_postbox,
  #wps_top_visitors_postbox,
  #wps_search_postbox,
  #wps_words_postbox,
  #wps_recent_postbox,
  #wps_map_postbox,
  #wps_pages_postbox,
  #wps_summary_postbox,
  #wps_browsers_postbox,
  #wps_referring_postbox,
  #wps_countries_postbox,
  #wps_pages_postbox,
  .wps-wrap {
    table {
      border-collapse: collapse;

      tr th, tr td {
        padding: 14px 40px 14px 0 !important;
        text-align: right;

        &:last-child {
          padding: 14px 40px 14px 40px !important;
        }
      }
    }
  }
}

.o-table-wrapper .wps-table-inspect {
  tbody {
    tr {
      td:first-child {
        a:after {
          content: '';
          background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMTUgMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS4wMTg0IDEwLjE5NDRMMTMuNTE2NyAxMi42OTI3TDEyLjY5MTcgMTMuNTE3NkwxMC4xOTM1IDExLjAxOTRDOS4yOTUxOCAxMS43MzgxIDguMTU1OTkgMTIuMTY4IDYuOTE2OTkgMTIuMTY4QzQuMDE4OTkgMTIuMTY4IDEuNjY2OTkgOS44MTU5NyAxLjY2Njk5IDYuOTE3OTdDMS42NjY5OSA0LjAxOTk3IDQuMDE4OTkgMS42Njc5NyA2LjkxNjk5IDEuNjY3OTdDOS44MTQ5OSAxLjY2Nzk3IDEyLjE2NyA0LjAxOTk3IDEyLjE2NyA2LjkxNzk3QzEyLjE2NyA4LjE1Njk3IDExLjczNzEgOS4yOTYxNiAxMS4wMTg0IDEwLjE5NDRaTTkuODQ4MDcgOS43NjE2QzEwLjU2MTQgOS4wMjY0OCAxMS4wMDAzIDguMDIzNzQgMTEuMDAwMyA2LjkxNzk3QzExLjAwMDMgNC42NjE5MyA5LjE3MzAzIDIuODM0NjQgNi45MTY5OSAyLjgzNDY0QzQuNjYwOTUgMi44MzQ2NCAyLjgzMzY2IDQuNjYxOTMgMi44MzM2NiA2LjkxNzk3QzIuODMzNjYgOS4xNzQwMSA0LjY2MDk1IDExLjAwMTMgNi45MTY5OSAxMS4wMDEzQzguMDIyNzYgMTEuMDAxMyA5LjAyNTUxIDEwLjU2MjMgOS43NjA2MiA5Ljg0OTA0TDkuODQ4MDcgOS43NjE2WiIgZmlsbD0iIzQwNEJGMiIvPgo8L3N2Zz4K") center center no-repeat;
          width: 14px;
          height: 14px;
          display: inline-flex;
          margin-left: 4px;
          visibility: hidden;

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

    tr:hover, tr:nth-child(even):hover {
      td {

        &:first-child a:after {
          visibility: visible;
        }

        &:not(.view-more) {
          a, a span {
            color: #404BF2 !important;
          }
        }
      }
    }
  }
}

body .o-table-wrapper table.wps-new-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;

        .rtl & {
          padding-left: 0px !important;
          padding-right: 24px !important;
        }

        .wps-order {
          display: flex;
          gap: 5px;
          align-items: center;

          &:after {
            content: '';
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNTIwOTQgNy42NzMzNkw4LjMxNDY5IDQuODc5NjFMOS4wNTEyNiA1LjYxNjE3TDUuMDAwMTEgOS42NjczMkwwLjk0ODk3NSA1LjYxNjE3TDEuNjg1NTUgNC44Nzk2MUw0LjQ3OTI4IDcuNjczMzZWMS4zMzM5OEg1LjUyMDk0VjcuNjczMzZaIiBmaWxsPSIjNTY1ODVBIi8+Cjwvc3ZnPgo=") center center no-repeat;
            width: 10px;
            height: 10px;
            display: inline-flex;
          }
        }
      }

      a {
        color: #56585A !important;
        display: flex;
        align-items: center;
        gap: 4px;
        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;

        .wps-order {
          justify-content: flex-end;
        }

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

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

  tbody {
    tr {
      vertical-align: top;
    }

    tr td {
      padding-left: 0 !important;
      color: #0C0C0D;
      font-size: 13px;
      vertical-align: middle;

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

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

          }

          svg {
            flex-shrink: 0;
            margin-left: 8px; /* Adjust spacing between text and icon */
            vertical-align: middle;

          }
        }
      }

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

        .rtl & {
          padding-left: 0px !important;
          padding-right: 24px !important;
        }
      }

      .wps-table-ellipsis--name {
        display: inline-flex !important;
        align-items: center;

        span {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 200px;
          font-size: 13px;
          font-weight: 400;
          color: #0C0C0D;
        }
      }

      .wps-view-content {
        border: 1px solid #EEEFF1;
        background: #FFFFFF;
        padding: 4px 12px;
        gap: 6px;
        border-radius: 4px;
        display: inline-flex !important;
        justify-content: center;
        align-items: center;
        color: #4E4E4E !important;
        font-size: 12px;
        font-weight: 400;
        line-height: 20.4px;
        white-space: nowrap;


        &:hover {
          background: #fafafb;
        }

        &:after {
          content: '';
          width: 13px;
          height: 13px;
          display: inline-block;
          background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEzIiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTMgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjQxNjY3IDQuMDcwMzFWNS4xNTM2NUgyLjcwODMzVjExLjExMkg4LjY2NjY3VjguNDAzNjVIOS43NVYxMS42NTM2QzkuNzUgMTEuOTUyOCA5LjUwNzUgMTIuMTk1MyA5LjIwODMzIDEyLjE5NTNIMi4xNjY2N0MxLjg2NzUxIDEyLjE5NTMgMS42MjUgMTEuOTUyOCAxLjYyNSAxMS42NTM2VjQuNjExOThDMS42MjUgNC4zMTI4MyAxLjg2NzUxIDQuMDcwMzEgMi4xNjY2NyA0LjA3MDMxSDUuNDE2NjdaTTExLjM3NSAyLjQ0NTMxVjYuNzc4NjVIMTAuMjkxN0wxMC4yOTE2IDQuMjk0MDJMNi4wNzA1MSA4LjUxNTgzTDUuMzA0NDggNy43NDk4TDkuNTI1MTUgMy41Mjg2NUg3LjA0MTY3VjIuNDQ1MzFIMTEuMzc1WiIgZmlsbD0iIzRFNEU0RSIvPgo8L3N2Zz4K") center center no-repeat;
        }
      }

      .wps-pages-image, .wps-table-ellipsis--name svg, .wps-avatar {
        width: 27px;
        height: 27px;
        border-radius: 2px;
        margin-right: 8px;
        max-width: 27px;

        .rtl & {
          margin-left: 8px;
        }
      }

      .wps-avatar {
        border-radius: 50%;
      }

      .wps-table-ellipsis--name {
        display: inline-flex !important;
        align-items: center;

        span {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 200px;
          font-size: 13px;
          font-weight: 400;
          color: #0C0C0D;
        }
      }

      .wps-pages-image, .wps-table-ellipsis--name svg, .wps-avatar {
        width: 27px;
        height: 27px;
        border-radius: 2px;
        margin-right: 8px;
        max-width: 27px;

        .rtl & {
          margin-left: 8px;
        }
      }

      .wps-avatar {
        border-radius: 50%;
      }

      .wps-ellipsis-parent:not(a) {
        min-width: 100px;
      }

      .wps-ellipsis-parent {
        display: table !important;
        table-layout: fixed;
        width: 100%;
        max-width: 200px;


        .wps-ellipsis-text {
          display: table-cell !important;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          line-height: normal;
        }
      }

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

        &.o-table__cell--right{
          &>div{
            display: flex;
            justify-content: flex-end;
          }
        }

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

          &: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;
            pointer-events: none;
            border-color: #DADCE0 !important;
            background: #F0F0F1 !important;
            opacity: 20%;
          }
        }

        &.view-more__arrow {
          a {
            color: #4E4E4E !important;
            gap: 6px;
            padding: 4px 12px;

            &:before {
              display: none;
            }

            &:after {
              content: '';
              width: 13px;
              height: 13px;
              background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE0IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTQgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjkxNjY3IDMuMjVWNC4zMzMzM0gzLjIwODMzVjEwLjI5MTdIOS4xNjY2N1Y3LjU4MzMzSDEwLjI1VjEwLjgzMzNDMTAuMjUgMTEuMTMyNSAxMC4wMDc1IDExLjM3NSA5LjcwODMzIDExLjM3NUgyLjY2NjY3QzIuMzY3NTEgMTEuMzc1IDIuMTI1IDExLjEzMjUgMi4xMjUgMTAuODMzM1YzLjc5MTY3QzIuMTI1IDMuNDkyNTIgMi4zNjc1MSAzLjI1IDIuNjY2NjcgMy4yNUg1LjkxNjY3Wk0xMS44NzUgMS42MjVWNS45NTgzM0gxMC43OTE3TDEwLjc5MTYgMy40NzM3MUw2LjU3MDUxIDcuNjk1NTFMNS44MDQ0OCA2LjkyOTQ5TDEwLjAyNTIgMi43MDgzM0g3LjU0MTY3VjEuNjI1SDExLjg3NVoiIGZpbGw9IiM0RTRFNEUiLz4KPC9zdmc+Cg==") center center/contain no-repeat;
            }
          }
        }

      }

      .wps-visitor__information--container {
        padding: 0;
        margin: 0;
        display: flex;
        gap: 5px;
        align-items: center;

        .wps-visitor__information {
          margin-bottom: 0;

          & > div {
            display: flex;
            gap: 5px;
            align-items: center;

            .wps-visitor__information__incognito {
              &-text {
                font-size: 12px;
                font-weight: 400;
                color: #56585A !important;
                border-bottom: 0.5px solid transparent;

                &:hover {
                  border-bottom: 0.5px solid #0C0C0D;
                  color: #0C0C0D !important;
                }
              }

              &-img {
                width: 13px;
                height: 13px;
                background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTMgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi4yNjgzMiA0LjIzMjY5TDIuMDI0MDkgNS4yMDk2NEgwLjc3MDgzMkMwLjUzMzUyNCA1LjIwOTY0IDAuMzQxMTQ1IDUuNDAyMDIgMC4zNDExNDUgNS42MzkzMkMwLjM0MTE0NSA1Ljg3NjYzIDAuNTMzNTI0IDYuMDY5MDEgMC43NzA4MzIgNi4wNjkwMUgxMi4yMjkyQzEyLjQ2NjUgNi4wNjkwMSAxMi42NTg5IDUuODc2NjMgMTIuNjU4OSA1LjYzOTMyQzEyLjY1ODkgNS40MDIwMiAxMi40NjY1IDUuMjA5NjQgMTIuMjI5MiA1LjIwOTY0SDEwLjk3NTlMMTAuNzMxNyA0LjIzMjY5QzEwLjQxOSAyLjk4MjIgMTAuMjYyNyAyLjM1Njk1IDkuNzk2NSAxLjk5MjkzQzkuMzMwMjcgMS42Mjg5MSA4LjY4NTc5IDEuNjI4OTEgNy4zOTY3OSAxLjYyODkxSDUuNjAzMjFDNC4zMTQyMSAxLjYyODkxIDMuNjY5NzIgMS42Mjg5MSAzLjIwMzQ5IDEuOTkyOTNDMi43MzcyNiAyLjM1Njk1IDIuNTgwOTUgMi45ODIyIDIuMjY4MzIgNC4yMzI2OVpNMy4zNDg5NiAxMS4zNjg1QzQuMjc4ODkgMTEuMzY4NSA1LjA2MDk4IDEwLjczNTUgNS4yODc4IDkuODc2NzlMNS45MjM1MyA5LjU1ODkzQzYuMjg2NDIgOS4zNzc0OSA2LjcxMzU4IDkuMzc3NDkgNy4wNzY0NyA5LjU1ODkzTDcuNzEyMTggOS44NzY3OUM3LjkzODk5IDEwLjczNTUgOC43MjEwOCAxMS4zNjg1IDkuNjUxMDQgMTEuMzY4NUMxMC43NTg1IDExLjM2ODUgMTEuNjU2MiAxMC40NzA3IDExLjY1NjIgOS4zNjMyOEMxMS42NTYyIDguMjU1ODMgMTAuNzU4NSA3LjM1ODA3IDkuNjUxMDQgNy4zNTgwN0M4LjY5OTk0IDcuMzU4MDcgNy45MDM1MyA4LjAyMDI1IDcuNjk3NTcgOC45MDg2N0w3LjQ2MDg0IDguNzkwMzFDNi44NTU5NSA4LjQ4Nzg3IDYuMTQ0MDUgOC40ODc4NyA1LjUzOTE2IDguNzkwMzFMNS4zMDI0MSA4LjkwODY3QzUuMDk2NDggOC4wMjAyNSA0LjMwMDA1IDcuMzU4MDcgMy4zNDg5NiA3LjM1ODA3QzIuMjQxNTEgNy4zNTgwNyAxLjM0Mzc1IDguMjU1ODMgMS4zNDM3NSA5LjM2MzI4QzEuMzQzNzUgMTAuNDcwNyAyLjI0MTUxIDExLjM2ODUgMy4zNDg5NiAxMS4zNjg1WiIgZmlsbD0iIzU2NTg1QSIvPgo8L3N2Zz4K") center center no-repeat;
                display: inline-block;
              }
            }

          }

          a {
            display: block;
            height: 15px;
          }

          img {
            width: 13px;
            height: 13px;
          }

          .wps-visitor__information__user-img {
            width: 13px;
            height: 13px;
            background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTMgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xNjI4Nl8yOTU3MykiPgo8cGF0aCBkPSJNNi41IDUuOTE0MDZDNy44ODA3MSA1LjkxNDA2IDkgNC43OTQ3NyA5IDMuNDE0MDZDOSAyLjAzMzM1IDcuODgwNzEgMC45MTQwNjIgNi41IDAuOTE0MDYyQzUuMTE5MjkgMC45MTQwNjIgNCAyLjAzMzM1IDQgMy40MTQwNkM0IDQuNzk0NzcgNS4xMTkyOSA1LjkxNDA2IDYuNSA1LjkxNDA2WiIgZmlsbD0iIzBDMEMwRCIvPgo8cGF0aCBkPSJNMTAuOTY4MyA5LjU3MTk5QzEwLjk2ODMgMTAuOTYwMSAxMC45NjgzIDEyLjA4NTQgNi41IDEyLjA4NTRDMi4wMzE3NCAxMi4wODU0IDIuMDMxNzQgMTAuOTYwMSAyLjAzMTc0IDkuNTcxOTlDMi4wMzE3NCA4LjE4Mzg3IDQuMDMyMjQgNy4wNTg1OSA2LjUgNy4wNTg1OUM4Ljk2Nzc2IDcuMDU4NTkgMTAuOTY4MyA4LjE4Mzg3IDEwLjk2ODMgOS41NzE5OVoiIGZpbGw9IiMwQzBDMEQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNjI4Nl8yOTU3MyI+CjxyZWN0IHdpZHRoPSIxMyIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=") center center no-repeat;
            display: inline-block;
          }

          .wps-visitor__information__user-text {
            display: flex !important;
            gap: 3px;
            align-items: center;
            border-bottom: 0.5px solid transparent;

            &:hover {
              border-bottom: 0.5px solid #0C0C0D;
              cursor: pointer;

              span {
                &:first-child, &:last-child {
                  color: #0C0C0D !important;
                }
              }
            }

            span {
              font-size: 13px;
              font-weight: 400;
              line-height: 15.23px;

              &:first-child {
                text-transform: capitalize;
                color: #0C0C0D !important;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 200px;
              }

              &:last-child {
                color: #56585a !important;
              }
            }
          }
        }
      }


      .wps-visitor__information__user-more-info {
        margin-top: 7px;
        display: flex;
        flex-direction: column;
        gap: 1px;
        font-size: 12px;
        font-weight: 400;
        line-height: 14.06px;
        color: #56585A;

        div {
          display: flex;
          gap: 4px;
          align-items: center;
        }
      }

      .wps-browsers__flags {
        padding: 0;
        margin: 0;
        display: flex;
        gap: 5px;
        align-items: center;

        .wps-browsers__flag {
          margin-bottom: 0;

          & > div {
            display: flex;
            gap: 5px;
            align-items: center;
          }

          a {
            display: block;
            height: 15px;
          }

          img {
            width: 13px;
            height: 13px;
          }
        }
      }

      .wps-country-flag {
        padding: 0;
        margin: 0;
        display: flex !important;
        gap: 6px;
        align-items: stretch;

        .wps-ellipsis-text{
          max-width: 300px;
        }

        a {
          display: flex !important;
          align-items: center;
        }

        img {
          width: 18.81px;
          min-width: 18.81px;
          height: 14px;
          border-radius: 2px;
          margin-top: 2px;
        }

        span {
          font-size: 13px;
          font-weight: 400;
          line-height: 16.8px !important;
          color: #0C0C0D;
        }
      }

      .wps-link-underline {
        span {
          color: #404bf2 !important;
          text-decoration: underline !important;
        }
      }

      .wps-link-arrow {
        display: inline-flex !important;
        justify-content: flex-start;
        align-items: center;
        gap: 4px;
        max-width: 150px;

        &--404-page{
          max-width: 300px;
          @media(min-width: 600px){
            max-width: 500px;
          }
        }

        span {
          color: #10188D !important;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: normal;
          min-width: 22px;

          &:hover {
            text-decoration: underline;
          }
        }

        .wps-tooltip {
          display: inline-flex;
          min-width: 12px;
          min-height: 12px;
          margin-top: 4px;

          .wps-tooltip-icon.info {
            width: 12px;
            height: 12px;
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTk5MDIgMS41MDc4MUMzLjIzNzUyIDEuNTA3ODEgMC45OTkwMjMgMy43NDYzMSAwLjk5OTAyMyA2LjUwNzgxQzAuOTk5MDIzIDkuMjY5MzEgMy4yMzc1MiAxMS41MDc4IDUuOTk5MDIgMTEuNTA3OEM4Ljc2MDUyIDExLjUwNzggMTAuOTk5IDkuMjY5MzEgMTAuOTk5IDYuNTA3ODFDMTAuOTk5IDMuNzQ2MzEgOC43NjA1MiAxLjUwNzgxIDUuOTk5MDIgMS41MDc4MVpNNS45OTkwMiAyLjUwNzgxQzcuMDU5ODkgMi41MDc4MSA4LjA3NzMxIDIuOTI5MjQgOC44Mjc0NSAzLjY3OTM5QzkuNTc3NiA0LjQyOTUzIDkuOTk5MDIgNS40NDY5NSA5Ljk5OTAyIDYuNTA3ODFDOS45OTkwMiA3LjU2ODY4IDkuNTc3NiA4LjU4NjA5IDguODI3NDUgOS4zMzYyNEM4LjA3NzMxIDEwLjA4NjQgNy4wNTk4OSAxMC41MDc4IDUuOTk5MDIgMTAuNTA3OEM0LjkzODE2IDEwLjUwNzggMy45MjA3NCAxMC4wODY0IDMuMTcwNiA5LjMzNjI0QzIuNDIwNDUgOC41ODYwOSAxLjk5OTAyIDcuNTY4NjggMS45OTkwMiA2LjUwNzgxQzEuOTk5MDIgNS40NDY5NSAyLjQyMDQ1IDQuNDI5NTMgMy4xNzA2IDMuNjc5MzlDMy45MjA3NCAyLjkyOTI0IDQuOTM4MTYgMi41MDc4MSA1Ljk5OTAyIDIuNTA3ODFaTTUuOTk5MDIgNC4wMDc4MUM1Ljg2NjQyIDQuMDA3ODEgNS43MzkyNCA0LjA2MDQ5IDUuNjQ1NDcgNC4xNTQyNkM1LjU1MTcgNC4yNDgwMyA1LjQ5OTAyIDQuMzc1MiA1LjQ5OTAyIDQuNTA3ODFDNS40OTkwMiA0LjY0MDQyIDUuNTUxNyA0Ljc2NzYgNS42NDU0NyA0Ljg2MTM3QzUuNzM5MjQgNC45NTUxMyA1Ljg2NjQyIDUuMDA3ODEgNS45OTkwMiA1LjAwNzgxQzYuMTMxNjMgNS4wMDc4MSA2LjI1ODgxIDQuOTU1MTMgNi4zNTI1OCA0Ljg2MTM3QzYuNDQ2MzUgNC43Njc2IDYuNDk5MDIgNC42NDA0MiA2LjQ5OTAyIDQuNTA3ODFDNi40OTkwMiA0LjM3NTIgNi40NDYzNSA0LjI0ODAzIDYuMzUyNTggNC4xNTQyNkM2LjI1ODgxIDQuMDYwNDkgNi4xMzE2MyA0LjAwNzgxIDUuOTk5MDIgNC4wMDc4MVpNNS40OTkwMiA1LjUwNzgxQzUuMzY2NDIgNS41MDc4MSA1LjIzOTI0IDUuNTYwNDkgNS4xNDU0NyA1LjY1NDI2QzUuMDUxNyA1Ljc0ODAzIDQuOTk5MDIgNS44NzUyIDQuOTk5MDIgNi4wMDc4MUM0Ljk5OTAyIDYuMjQ4ODEgNS4xNzg1MiA2LjQyODgxIDUuNDA1MDIgNi40NzY4MUw1LjEwODUyIDcuOTEzODFDNC45OTI1MiA4LjQ5NDMxIDUuNDA3NTIgOS4wMDc4MSA1Ljk5ODUyIDkuMDA3ODFINi40OTg1MkM2LjYzMTEzIDkuMDA3ODEgNi43NTgzMSA4Ljk1NTEzIDYuODUyMDggOC44NjEzN0M2Ljk0NTg1IDguNzY3NiA2Ljk5ODUyIDguNjQwNDIgNi45OTg1MiA4LjUwNzgxQzYuOTk4NTIgOC4zNzUyIDYuOTQ1ODUgOC4yNDgwMyA2Ljg1MjA4IDguMTU0MjZDNi43NTgzMSA4LjA2MDQ5IDYuNjMxMTMgOC4wMDc4MSA2LjQ5ODUyIDguMDA3ODFINi4xMDg1Mkw2LjQ4MzUyIDYuMTAxODFDNi40OTg1OSA2LjAyOTg1IDYuNDk3MzYgNS45NTU0MyA2LjQ3OTk1IDUuODg0MDFDNi40NjI1MyA1LjgxMjU4IDYuNDI5MzYgNS43NDU5NSA2LjM4Mjg2IDUuNjg5MDFDNi4zMzYzNiA1LjYzMjA2IDYuMjc3NzEgNS41ODYyMyA2LjIxMTIxIDUuNTU0ODhDNi4xNDQ3MSA1LjUyMzUzIDYuMDcyMDQgNS41MDc0NSA1Ljk5ODUyIDUuNTA3ODFINS40OTkwMloiIGZpbGw9IiNBOUFBQUUiLz4KPC9zdmc+Cg==") center center no-repeat;

            &:hover {
              background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTk5MDIgMS41MDc4MUMzLjIzNzUyIDEuNTA3ODEgMC45OTkwMjMgMy43NDYzMSAwLjk5OTAyMyA2LjUwNzgxQzAuOTk5MDIzIDkuMjY5MzEgMy4yMzc1MiAxMS41MDc4IDUuOTk5MDIgMTEuNTA3OEM4Ljc2MDUyIDExLjUwNzggMTAuOTk5IDkuMjY5MzEgMTAuOTk5IDYuNTA3ODFDMTAuOTk5IDMuNzQ2MzEgOC43NjA1MiAxLjUwNzgxIDUuOTk5MDIgMS41MDc4MVpNNS45OTkwMiAyLjUwNzgxQzcuMDU5ODkgMi41MDc4MSA4LjA3NzMxIDIuOTI5MjQgOC44Mjc0NSAzLjY3OTM5QzkuNTc3NiA0LjQyOTUzIDkuOTk5MDIgNS40NDY5NSA5Ljk5OTAyIDYuNTA3ODFDOS45OTkwMiA3LjU2ODY4IDkuNTc3NiA4LjU4NjA5IDguODI3NDUgOS4zMzYyNEM4LjA3NzMxIDEwLjA4NjQgNy4wNTk4OSAxMC41MDc4IDUuOTk5MDIgMTAuNTA3OEM0LjkzODE2IDEwLjUwNzggMy45MjA3NCAxMC4wODY0IDMuMTcwNiA5LjMzNjI0QzIuNDIwNDUgOC41ODYwOSAxLjk5OTAyIDcuNTY4NjggMS45OTkwMiA2LjUwNzgxQzEuOTk5MDIgNS40NDY5NSAyLjQyMDQ1IDQuNDI5NTMgMy4xNzA2IDMuNjc5MzlDMy45MjA3NCAyLjkyOTI0IDQuOTM4MTYgMi41MDc4MSA1Ljk5OTAyIDIuNTA3ODFaTTUuOTk5MDIgNC4wMDc4MUM1Ljg2NjQyIDQuMDA3ODEgNS43MzkyNCA0LjA2MDQ5IDUuNjQ1NDcgNC4xNTQyNkM1LjU1MTcgNC4yNDgwMyA1LjQ5OTAyIDQuMzc1MiA1LjQ5OTAyIDQuNTA3ODFDNS40OTkwMiA0LjY0MDQyIDUuNTUxNyA0Ljc2NzYgNS42NDU0NyA0Ljg2MTM3QzUuNzM5MjQgNC45NTUxMyA1Ljg2NjQyIDUuMDA3ODEgNS45OTkwMiA1LjAwNzgxQzYuMTMxNjMgNS4wMDc4MSA2LjI1ODgxIDQuOTU1MTMgNi4zNTI1OCA0Ljg2MTM3QzYuNDQ2MzUgNC43Njc2IDYuNDk5MDIgNC42NDA0MiA2LjQ5OTAyIDQuNTA3ODFDNi40OTkwMiA0LjM3NTIgNi40NDYzNSA0LjI0ODAzIDYuMzUyNTggNC4xNTQyNkM2LjI1ODgxIDQuMDYwNDkgNi4xMzE2MyA0LjAwNzgxIDUuOTk5MDIgNC4wMDc4MVpNNS40OTkwMiA1LjUwNzgxQzUuMzY2NDIgNS41MDc4MSA1LjIzOTI0IDUuNTYwNDkgNS4xNDU0NyA1LjY1NDI2QzUuMDUxNyA1Ljc0ODAzIDQuOTk5MDIgNS44NzUyIDQuOTk5MDIgNi4wMDc4MUM0Ljk5OTAyIDYuMjQ4ODEgNS4xNzg1MiA2LjQyODgxIDUuNDA1MDIgNi40NzY4MUw1LjEwODUyIDcuOTEzODFDNC45OTI1MiA4LjQ5NDMxIDUuNDA3NTIgOS4wMDc4MSA1Ljk5ODUyIDkuMDA3ODFINi40OTg1MkM2LjYzMTEzIDkuMDA3ODEgNi43NTgzMSA4Ljk1NTEzIDYuODUyMDggOC44NjEzN0M2Ljk0NTg1IDguNzY3NiA2Ljk5ODUyIDguNjQwNDIgNi45OTg1MiA4LjUwNzgxQzYuOTk4NTIgOC4zNzUyIDYuOTQ1ODUgOC4yNDgwMyA2Ljg1MjA4IDguMTU0MjZDNi43NTgzMSA4LjA2MDQ5IDYuNjMxMTMgOC4wMDc4MSA2LjQ5ODUyIDguMDA3ODFINi4xMDg1Mkw2LjQ4MzUyIDYuMTAxODFDNi40OTg1OSA2LjAyOTg1IDYuNDk3MzYgNS45NTU0MyA2LjQ3OTk1IDUuODg0MDFDNi40NjI1MyA1LjgxMjU4IDYuNDI5MzYgNS43NDU5NSA2LjM4Mjg2IDUuNjg5MDFDNi4zMzYzNiA1LjYzMjA2IDYuMjc3NzEgNS41ODYyMyA2LjIxMTIxIDUuNTU0ODhDNi4xNDQ3MSA1LjUyMzUzIDYuMDcyMDQgNS41MDc0NSA1Ljk5ODUyIDUuNTA3ODFINS40OTkwMloiIGZpbGw9IiM1NjU4NUEiLz4KPC9zdmc+Cg==") center center no-repeat;

            }
          }
        }
      }

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

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


        @media screen and (min-width: 768px) {
          padding-right: 24px;
          .rtl & {
            padding-left: 24px;
          }
        }

        .wps-link-arrow {
          justify-content: flex-end;
          float: right;
        }

        .rtl & {
          text-align: left !important;
          padding-left: 16px;

          @media screen and (min-width: 768px) {
            padding-left: 24px;
          }

          .wps-link-arrow {
            float: left;
          }
        }
      }

      .wps-country-name {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 6px;
      }

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

  &__top-referring{

    tbody tr{

      td:first-child{
        .wps-ellipsis-parent , .wps-link-arrow{
          max-width: 550px;
          @media(max-width: 700px){
            max-width: 300px;
          }
        }
      }

      td:last-child{
        font-weight: 400;
      }

    }

  }

  &--referrers {
      td, th {
        width: 33.33%;
      }

    a.wps-link-arrow {
      max-width: 300px !important;
    }
  }

  &__most-visited{
    tr{
      td,th {
        width: 25%;
        &:first-child {
          width: 50%;
        }
      }

      .wps-ellipsis-parent {
        max-width: 300px !important;
      }
    }
  }
}

#wp-statistics-referring-widget  ,body.statistics_page_wps_visitors_page{
  .o-table-wrapper table.wps-new-table tbody tr td .wps-link-arrow{
    max-width: 200px;
  }
}