@property --progress-value-animation {
        syntax:"<integer>";
        initial-value:0;
        inherits:false;
    }
    @property --progress-value {
        syntax:"<integer>";
        initial-value:0;
        inherits:false;
    }
    @keyframes progress {
        to {
            --progress-value-animation:var(--progress-value);
        }
    }



    .circle-progress-bar {
        width:72px;
        height:72px;
        border-radius:50%;
        background:radial-gradient(closest-side,#f8fafb 80%,transparent 80% 100%),conic-gradient(var(--progress-color) calc(var(--progress-value-animation) * 1%),#eaedef 0);
        letter-spacing:.5px;
    }
    .circle-progress-bar:before {
        content:attr(data-value) '%';
        font-weight:700;
    }

    footer#_main_footer, header#_main_header, div#wpadminbar {
        display: none !important;
    }
    section.main {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .bage.bage-standard {
        background-color: var(--color-grey-10);
        color: var(--color-black);
        border-radius: 8px;
    }
    .bage-compliant,
    .bage-partially-compliant,
    .bage-non-compliant {
        border-radius: 8px;
        color: var(--color-black) !important;
    }
    .bage-non-compliant {
        background-color: var(--color-red-20) !important;
    }
    .bage-compliant,
    .bage-partially-compliant {
        background-color: var(--color-green-20) !important;
    }
    .standards-applied ul {
        padding-left: 20px;
        margin: 0;
    }
    .standards-applied ul li + li {
        margin-top: 8px;
    }

    table.issues-table {
        width: 100%;
    }

    table.issues-table th,
    table.issues-table td {
        border: 1px solid var(--color-grey-40);
        padding: 12px 16px;
    }

    table.issues-table th {
        background-color: var(--color-grey-10);
        font-weight: 600;
    }

    table.issues-table thead th:first-child {
        border-top-left-radius: 8px;
        width: 30%;
    }
    table.issues-table thead th:last-child {
        border-top-right-radius: 8px;
        width: 200px;
    }

    table.issues-table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 8px;
    }
    table.issues-table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 8px;
    }