.wp-statistics-notice.privacy-notice {
  width: 774px;
  max-width: 100%;
  border: 1px solid #E68C3F80 !important;
  background: #FFF2F2;
  box-shadow: 1px 2px 4px 0 #00000005 !important;
  padding: 13px 16px !important;
  border-radius: 8px !important;

  &:before {
    width: 16.73px;
    height: 18.7px;
    margin-top: -2px !important;
    margin-right: 12px !important;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxNyAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE5MzY5Xzg5MzU5KSI+CjxwYXRoIGQ9Ik05LjA1MjE0IDQuMzk3NDNMMTYuNjIxNiAxNy41MDgxQzE2Ljg0MTEgMTcuODg4MiAxNi43MTA4IDE4LjM3NDEgMTYuMzMwOCAxOC41OTM1QzE2LjIxIDE4LjY2MzMgMTYuMDcyOSAxOC43IDE1LjkzMzUgMTguN0gwLjc5NDU4NkMwLjM1NTc1MiAxOC43IDAgMTguMzQ0MyAwIDE3LjkwNTRDMCAxNy43NjU5IDAuMDM2NzE3OCAxNy42Mjg5IDAuMTA2NDU5IDE3LjUwODFMNy42NzU5MSA0LjM5NzQzQzcuODk1MyA0LjAxNzM4IDguMzgxMjcgMy44ODcxNyA4Ljc2MTMyIDQuMTA2NTlDOC44ODIxIDQuMTc2MzMgOC45ODI0NSA0LjI3NjY0IDkuMDUyMTQgNC4zOTc0M1pNNy41Njk0NCAxNC43MjcxVjE2LjMxNjJIOS4xNTg2MVYxNC43MjcxSDcuNTY5NDRaTTcuNTY5NDQgOS4xNjQ5NFYxMy4xMzc5SDkuMTU4NjFWOS4xNjQ5NEg3LjU2OTQ0WiIgZmlsbD0iI0U2OEMzRiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE5MzY5Xzg5MzU5Ij4KPHJlY3Qgd2lkdGg9IjE2LjcyODIiIGhlaWdodD0iMTguNyIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") center center no-repeat !important;

    .rtl & {
      margin-right: 0 !important;
      margin-left: 12px !important;
    }
  }

  p {
    margin: 0;
    padding: 0;

    b {
      color: #E68C3F;
      font-size: 14px;
      font-weight: 700;
      line-height: 22px;
    }

    span {
      display: block;
      margin-top: 3px;
      color: #56585A;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
    }
  }
}

.wps-privacy-recommended {
  display: none;

  .wps-audit-card__icon {
    background: #4D4E50 !important;
  }
}

.wps-privacy-audit {
  width: 774px;
  max-width: 100%;
  padding: 32px;
  gap: 48px;
  border-radius: 8px;
  border: 1px solid #DADCE0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;

  @media (max-width: $breakpoint-audit-mobile) {
    padding: 32px 15px;
  }

  &--success {
    background: linear-gradient(180deg, rgba(1, 153, 57, 0.12) 0%, rgba(1, 153, 57, 0) 9.37%), #FFFFFF;
  }

  .wps-privacy-passed .wps-audit-card.wps-audit-card--success {
    .wps-audit-card__status-indicator {
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43NSA4QzEzLjc1IDExLjQ1MTcgMTAuOTUxNyAxNC4yNSA3LjUgMTQuMjVDNC4wNDgyMiAxNC4yNSAxLjI1IDExLjQ1MTcgMS4yNSA4QzEuMjUgNC41NDgyMiA0LjA0ODIyIDEuNzUgNy41IDEuNzVDMTAuOTUxNyAxLjc1IDEzLjc1IDQuNTQ4MjIgMTMuNzUgOFpNMTAuMDE4OSA2LjEwNjA0QzEwLjIwMiA2LjI4OTEgMTAuMjAyIDYuNTg1OSAxMC4wMTg5IDYuNzY4OTRMNi44OTM5NCA5Ljg5Mzk0QzYuNzEwODcgMTAuMDc3IDYuNDE0MTIgMTAuMDc3IDYuMjMxMDQgOS44OTM5NEw0Ljk4MTA0IDguNjQzOTRDNC43OTc5OSA4LjQ2MDg3IDQuNzk3OTkgOC4xNjQxMiA0Ljk4MTA0IDcuOTgxMDZDNS4xNjQxIDcuNzk4IDUuNDYwOSA3Ljc5OCA1LjY0Mzk2IDcuOTgxMDZMNi41NjI1IDguODk5NTZMNy45NTkyNSA3LjUwMjgxTDkuMzU2MDYgNi4xMDYwNEM5LjUzOTEyIDUuOTIyOTkgOS44MzU4NyA1LjkyMjk5IDEwLjAxODkgNi4xMDYwNFoiIGZpbGw9IiMwMTk5MzkiLz4KPC9zdmc+Cg==") center center no-repeat !important;
    }
  }

  &--warning {
    background: linear-gradient(180deg, rgba(236, 152, 12, 0.12) 0%, rgba(236, 152, 12, 0) 9.37%), #FFFFFF;
  }

  &__head {
    display: flex;
    flex-direction: column;
    gap: 18px;

    .wps-privacy-audit__status {
      &-icon {
        width: 62px;
        min-width: 62px;
        min-width: 62px;
        height: 62px;
        display: inline-block;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2MiA2MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjYyIiBoZWlnaHQ9IjYyIiByeD0iNiIgZmlsbD0iIzAxOTkzOSIgZmlsbC1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC4yMjE5IDIyLjM1M0MxOS43NSAyMy4wMjU0IDE5Ljc1IDI1LjAyMzggMTkuNzUgMjkuMDIwOVYzMC45ODkzQzE5Ljc1IDM4LjAzNjggMjUuMDQ4NyA0MS40NTY5IDI4LjM3MzIgNDIuOTA5MUMyOS4yNzUgNDMuMzAzIDI5LjcyNTkgNDMuNSAzMSA0My41QzMyLjI3NDEgNDMuNSAzMi43MjUgNDMuMzAzIDMzLjYyNjggNDIuOTA5MUMzNi45NTEzIDQxLjQ1NjkgNDIuMjUgMzguMDM2OCA0Mi4yNSAzMC45ODkzVjI5LjAyMDlDNDIuMjUgMjUuMDIzOCA0Mi4yNSAyMy4wMjU0IDQxLjc3ODEgMjIuMzUzQzQxLjMwNjIgMjEuNjgwNyAzOS40MjcxIDIxLjAzNzUgMzUuNjY4OSAxOS43NTFMMzQuOTUyOSAxOS41MDU5QzMyLjk5MzggMTguODM1MyAzMi4wMTQyIDE4LjUgMzEgMTguNUMyOS45ODU4IDE4LjUgMjkuMDA2MyAxOC44MzUzIDI3LjA0NzEgMTkuNTA1OUwyNi4zMzExIDE5Ljc1MUMyMi41NzI5IDIxLjAzNzUgMjAuNjkzOCAyMS42ODA3IDIwLjIyMTkgMjIuMzUzWk0zNC44MjQ0IDI5LjEyNDRDMzUuMTY5MSAyOC43MzgxIDM1LjEzNTYgMjguMTQ1NSAzNC43NDk0IDI3LjgwMDdDMzQuMzYzMSAyNy40NTU4IDMzLjc3MDUgMjcuNDg5NCAzMy40MjU2IDI3Ljg3NTZMMjkuNjYwOCAzMi4wOTI0TDI4LjU3NDQgMzAuODc1NkMyOC4yMjk1IDMwLjQ4OTQgMjcuNjM2OCAzMC40NTU5IDI3LjI1MDYgMzAuODAwNkMyNi44NjQ0IDMxLjE0NTUgMjYuODMwOCAzMS43MzgxIDI3LjE3NTcgMzIuMTI0NEwyOC45NjE0IDM0LjEyNDRDMjkuMTM5MiAzNC4zMjM2IDI5LjM5MzYgMzQuNDM3NSAyOS42NjA4IDM0LjQzNzVDMjkuOTI3OCAzNC40Mzc1IDMwLjE4MjEgMzQuMzIzNiAzMC4zNiAzNC4xMjQ0TDM0LjgyNDQgMjkuMTI0NFoiIGZpbGw9IiMwMTk5MzkiLz4KPC9zdmc+Cg==") center center no-repeat;

        .wps-privacy-audit--warning & {
          background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2MiA2MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjYyIiBoZWlnaHQ9IjYyIiByeD0iMTYiIGZpbGw9IiNFQzk4MEMiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuNzUgMjkuMDIwOUMxOS43NSAyNS4wMjM4IDE5Ljc1IDIzLjAyNTMgMjAuMjIxOSAyMi4zNTNDMjAuNjkzOCAyMS42ODA3IDIyLjU3MjkgMjEuMDM3NSAyNi4zMzExIDE5Ljc1MUwyNy4wNDcxIDE5LjUwNTlDMjkuMDA2MyAxOC44MzUzIDI5Ljk4NTggMTguNSAzMSAxOC41QzMyLjAxNDIgMTguNSAzMi45OTM4IDE4LjgzNTMgMzQuOTUyOSAxOS41MDU5TDM1LjY2ODkgMTkuNzUxQzM5LjQyNzEgMjEuMDM3NSA0MS4zMDYyIDIxLjY4MDcgNDEuNzc4MSAyMi4zNTNDNDIuMjUgMjMuMDI1MyA0Mi4yNSAyNS4wMjM4IDQyLjI1IDI5LjAyMDlWMzAuOTg5M0M0Mi4yNSAzOC4wMzY3IDM2Ljk1MTMgNDEuNDU2OSAzMy42MjY4IDQyLjkwOTFDMzIuNzI1IDQzLjMwMyAzMi4yNzQxIDQzLjUgMzEgNDMuNUMyOS43MjU5IDQzLjUgMjkuMjc1IDQzLjMwMyAyOC4zNzMyIDQyLjkwOTFDMjUuMDQ4NyA0MS40NTY5IDE5Ljc1IDM4LjAzNjcgMTkuNzUgMzAuOTg5M1YyOS4wMjA5Wk0zMSAyNS4wNjI1QzMxLjUxNzcgMjUuMDYyNSAzMS45Mzc1IDI1LjQ4MjIgMzEuOTM3NSAyNlYzMUMzMS45Mzc1IDMxLjUxNzcgMzEuNTE3NyAzMS45Mzc1IDMxIDMxLjkzNzVDMzAuNDgyMyAzMS45Mzc1IDMwLjA2MjUgMzEuNTE3NyAzMC4wNjI1IDMxVjI2QzMwLjA2MjUgMjUuNDgyMiAzMC40ODIzIDI1LjA2MjUgMzEgMjUuMDYyNVpNMzEgMzZDMzEuNjkwNCAzNiAzMi4yNSAzNS40NDA0IDMyLjI1IDM0Ljc1QzMyLjI1IDM0LjA1OTYgMzEuNjkwNCAzMy41IDMxIDMzLjVDMzAuMzA5NiAzMy41IDI5Ljc1IDM0LjA1OTYgMjkuNzUgMzQuNzVDMjkuNzUgMzUuNDQwNCAzMC4zMDk2IDM2IDMxIDM2WiIgZmlsbD0iI0VDOTgwQyIvPgo8L3N2Zz4K") center center no-repeat;
        }
      }

      &-title {
        span {
          color: #56585A;
          font-size: 13px;
          font-weight: 400;
          line-height: 15.23px;
        }

        h3 {
          margin-top: 6px;
          margin-bottom: 0;
          color: #292D32;
          font-size: 18px;
          font-weight: 600;
          line-height: 21.09px;
        }
      }

      &-description {
        color: #56585A;
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;

        a {
          color: #7981F6;
          display: inline-flex;
          gap: 4px;
          align-items: center;
          font-size: 14px;
          font-weight: 400;
          line-height: 16.41px;


          &:hover {
            color: #3c4043;

            &:after {
              filter: brightness(0.5);
            }

          }

        }
      }
    }
  }


  &__links {
    border-top: 1px solid #EEEFF1;

    h3 {
      margin-top: 32px;
      margin-bottom: 24px;
      color: #56585A;
      font-size: 14px;
      font-weight: 500;
      line-height: 16.41px;
    }

    ul {
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 12px;
      align-content: start;
      flex-wrap: wrap;

      li {
        margin: 0;

        a {
          color: #56585A;
          font-size: 14px;
          font-weight: 400;
          line-height: 21px;
          border-bottom: 1px solid #56585a;

          @media (max-width: 500px) {
            font-size: 12.5px;
          }

          &:after {
            content: "";
            width: 10px;
            min-width: 10px;
            height: 10px;
            display: inline-block;
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE3ODA4XzU2NjQpIj4KPHBhdGggZD0iTTcuNzQwMTcgNS4xNjk4M0w0LjU3MzkyIDEuOTEzMjdMNS40MDg2OSAxLjA1NDY5TDkuOTk5OTkgNS43NzY5NUw1LjQwODY5IDEwLjQ5OTFMNC41NzM5MiA5LjY0MDU1TDcuNzQwMTcgNi4zODQwNkgwLjU1NTU0MlY1LjE2OTgzSDcuNzQwMTdaIiBmaWxsPSIjNTY1ODVBIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTc4MDhfNTY2NCI+CjxyZWN0IHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center center no-repeat;
            margin-left: 5px;

            .rtl & {
              margin-left: 0;
              margin-right: 5px;
              transform: rotate(180deg);
            }
          }

          &:hover {
            color: #0c0c0d;
            border-bottom: 1px solid #0c0c0d;

            :after {
              background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE3ODA4XzU2NjgpIj4KPHBhdGggZD0iTTcuNzQwMTcgNS4xNjk4M0w0LjU3MzkyIDEuOTEzMjdMNS40MDg2OSAxLjA1NDY5TDkuOTk5OTkgNS43NzY5NUw1LjQwODY5IDEwLjQ5OTFMNC41NzM5MiA5LjY0MDU1TDcuNzQwMTcgNi4zODQwNkgwLjU1NTU0MlY1LjE2OTgzSDcuNzQwMTdaIiBmaWxsPSIjMEMwQzBEIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTc4MDhfNTY2OCI+CjxyZWN0IHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center center no-repeat;
            }
          }
        }
      }
    }
  }

  .wps-audit-card.wps-audit-card--recommend {
    &.wps-audit-card--success, &.wps-audit-card--warning, &.wps-audit-card--info {
      .wps-audit-card__icon {
        background: #4D4E50;
      }
    }
  }

  .wps-audit-card__content-text {
    a {
      text-decoration: underline;
    }
  }

  .wps-audit-card__recommended {
    padding-left: 16px;
    gap: 16px;
    display: flex;
    flex-direction: column;

    .rtl & {
      padding-left: 0;
      padding-right: 16px;
    }

    @media (max-width: $breakpoint-audit-mobile) {
      padding-left: 6px;

      .rtl & {
        padding-left: 0;
        padding-right: 6px;
      }
    }

    .wps-audit-card__recommended-link {
      border: 1px solid #DADCE0;
      background: #FFFFFF;
      color: #56585A !important;
      width: fit-content;
      text-decoration: none !important;
      padding: 10px;
      gap: 5px;
      border-radius: 4px;
      display: flex;
      align-items: center;
      box-sizing: border-box;
      font-weight: 500;
      line-height: 16.41px;

      @media (max-width: $breakpoint-audit-mobile) {
        display: block;

        &:after {
          margin-left: 5px;

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

      &:after {
        filter: brightness(0.5);
      }

      &:hover {
        border: 1px solid var(--primary-primary-30, #C6C9FB);
        background: var(--primary-primary-10, #F5F6FE);
        color: #404BF2 !important;

        &:after {
          filter: none;
        }
      }
    }

    &-list {
      display: flex;
      gap: 8px;
      margin-top: 12px;

      .wps-audit-card__recommended-icon {
        background: #4D4E50;
        width: 38px;
        min-width: 38px;
        height: 38px;
        border-radius: 8px;

        @media (max-width: $breakpoint-audit-mobile) {
          width: 28px;
          min-width: 28px;
          height: 28px;
          border-radius: 4px;
        }


        &__complianz {
          background: url("data:image/svg+xml;base64,[encoded data, 10848 characters]") center center no-repeat;
        }

        &__cookiebot {
          background: url("data:image/svg+xml;base64,[encoded data, 4564 characters]") center center no-repeat;
        }

        &__compliance {
          background: url("data:image/svg+xml;base64,[encoded data, 24724 characters]") center center no-repeat;
        }

      }

      .wps-audit-card__recommended-detail {
        a {
          color: #404BF2 !important;
          text-decoration: none !important;
          font-weight: 500 !important;
          align-items: center;
          gap: 4px;
          display: flex;

          @media (max-width: $breakpoint-audit-mobile) {
            font-size: 13px;
            line-height: 21px;
          }

          &:hover {
            color: #3c4043 !important;

            &:after {
              filter: brightness(0.5);
            }
          }

        }

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

  }

  .wps-privacy-list__button--undo, .wps-privacy-list__button--resolve {
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #DADCE0;
    color: #56585A;
    font-size: 13px;
    font-weight: 500;
    line-height: 15.23px;

    &:hover {
      border: 1px solid #C6C9FB !important;
      background: #F5F6FE;
      color: #404BF2 !important;
    }
  }

  a.wps-external-link {
    &:after {
      content: '';
      width: 13px;
      height: 13px;
      display: inline-block;
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNzA4NDQgMy41NDE2N0g0LjczMzQ0QzQuMTI2NzIgMy41NDE2NyAzLjgyMzEzIDMuNTQxNjcgMy41OTEzOSAzLjY1OTc0QzMuMzg3NTUgMy43NjM2IDMuMjIxOTQgMy45MjkyMSAzLjExODA4IDQuMTMzMDZDMyA0LjM2NDc5IDMgNC42NjgzOCAzIDUuMjc1MTFWOS4zOTE3OEMzIDkuOTk4NSAzIDEwLjMwMTcgMy4xMTgwOCAxMC41MzM0QzMuMjIxOTQgMTAuNzM3MyAzLjM4NzU1IDEwLjkwMzIgMy41OTEzOSAxMS4wMDdDMy44MjI5IDExLjEyNSA0LjEyNjEyIDExLjEyNSA0LjczMTY2IDExLjEyNUg4Ljg1MTY4QzkuNDU3MjEgMTEuMTI1IDkuNzYgMTEuMTI1IDkuOTkxNTEgMTEuMDA3QzEwLjE5NTMgMTAuOTAzMiAxMC4zNjE1IDEwLjczNzEgMTAuNDY1NCAxMC41MzMzQzEwLjU4MzMgMTAuMzAxOCAxMC41ODMzIDkuOTk4ODggMTAuNTgzMyA5LjM5MzM1VjguNDE2NjdNMTEuMTI1IDUuNzA4MzNWM00xMS4xMjUgM0g4LjQxNjY3TTExLjEyNSAzTDcuMzMzMzMgNi43OTE2NyIgc3Ryb2tlPSIjNzk4MUY2IiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") center center no-repeat;

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

  .wps-privacy-list__button--undo {
    border: 1px solid #DADCE0;
    color: #A9AAAE;
  }
}

.wps-audit-cards__container, .wps-audit-cards {
  &.loading {
    position: relative;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .12);
    cursor: wait;
    mask-image: radial-gradient(#fff, #000);
    border-radius: 4px;
    min-height: 200px;

    &:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
      background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .4), transparent);
      -webkit-animation: skeleton-animate-wave 1.75s linear infinite;
      animation: skeleton-animate-wave 1.75s linear infinite;
    }
  }
}

.wps-audit-cards.loading {
  h2.wps-audit-cards__title, .wps-audit-cards__title--light {
    color: transparent !important;
  }
}


.wps-privacy-status {
  &.loading {

    .wps-privacy-status__content {
      position: relative;
      overflow: hidden;
      background-color: rgba(0, 0, 0, .12);
      cursor: wait;
      mask-image: radial-gradient(#fff, #000);
      border-radius: 4px;

      &:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .4), transparent);
        -webkit-animation: skeleton-animate-wave 1.75s linear infinite;
        animation: skeleton-animate-wave 1.75s linear infinite;
      }

      div {
        opacity: 0;
      }
    }
  }

  &__content {
    display: flex;
    flex-direction: column;
    gap: 8px;

    .wps-privacy-status__percent {
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      color: #0C0C0D;
    }

    .wps-privacy-status__bars {
      display: block;
      width: 100%;
      height: 5px;
      border-radius: 24px;
      background: #E7E7E8;
      position: relative;
      padding: 0;
    }

    .wps-privacy-status__bar {
      position: relative;


      &-passed {
        &:before {
          content: "";
          width: 100%;
          background: #0e9444;
          height: 5px;
          border-radius: 24px;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
        }

      }
    }
  }

  &.warning {
    .wps-privacy-status__content {
      .wps-privacy-status__bar-passed:before {
        background: #EC980C;
      }
    }
  }

  &.success {
    .wps-privacy-status__percent {
      display: flex;
      align-items: center;

      &:after {
        content: '';
        width: 24px;
        height: 24px;
        display: inline-block;
        background: url("data:image/svg+xml;base64,[encoded data, 9008 characters]") center center no-repeat;
        margin-left: 8px;

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

  }
}

.wps-privacy-status__percent-container {
  display: flex;
  justify-content: space-between;
  align-items: center;

  .wps-privacy-status__mapped {
    color: #898A8E;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.23px;
  }
}

.wps-privacy-unpassed .wps-audit-card--warning {
  .wps-audit-card__icon {
    background: #4D4E50 !important;
  }
}

.wps-privacy-questions {
  .wps-audit-card__status-text {
    display: none !important;
  }
}

.wps-audit-cards__container .wps-audit-card.wps-audit-card--recommended .wps-audit-card__status-indicator {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43NSA4QzEzLjc1IDExLjQ1MTcgMTAuOTUxNyAxNC4yNSA3LjUgMTQuMjVDNC4wNDgyMiAxNC4yNSAxLjI1IDExLjQ1MTcgMS4yNSA4QzEuMjUgNC41NDgyMiA0LjA0ODIyIDEuNzUgNy41IDEuNzVDMTAuOTUxNyAxLjc1IDEzLjc1IDQuNTQ4MjIgMTMuNzUgOFpNMTAuMDE4OSA2LjEwNjA0QzEwLjIwMiA2LjI4OTEgMTAuMjAyIDYuNTg1OSAxMC4wMTg5IDYuNzY4OTRMNi44OTM5NCA5Ljg5Mzk0QzYuNzEwODcgMTAuMDc3IDYuNDE0MTIgMTAuMDc3IDYuMjMxMDQgOS44OTM5NEw0Ljk4MTA0IDguNjQzOTRDNC43OTc5OSA4LjQ2MDg3IDQuNzk3OTkgOC4xNjQxMiA0Ljk4MTA0IDcuOTgxMDZDNS4xNjQxIDcuNzk4IDUuNDYwOSA3Ljc5OCA1LjY0Mzk2IDcuOTgxMDZMNi41NjI1IDguODk5NTZMNy45NTkyNSA3LjUwMjgxTDkuMzU2MDYgNi4xMDYwNEM5LjUzOTEyIDUuOTIyOTkgOS44MzU4NyA1LjkyMjk5IDEwLjAxODkgNi4xMDYwNFoiIGZpbGw9IiMwMTk5MzkiLz4KPC9zdmc+Cg==") center center no-repeat !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes skeleton-animate-wave {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}