:root {
    --poll2026-bg: #e6e6e6;
    --poll2026-accent: #81a32b;
    --poll2026-accent-hover: #617b20;
    --poll2026-text: #353535;
    --poll2026-text-muted: #666;
    --poll2026-btn-bg: #ccc;
    --poll2026-item-bg: #fff;
    --poll2026-item-border: #ddd;
    --poll2026-font-family: Quando, serif;
    --poll2026-font-family-body: 'Open Sans', sans-serif;
    --poll2026-radius: 4px;
}

/* ═══ Classic mode (inline styles moved here) ═══ */

.label-vote {
    margin-top: 1.5625rem;
    text-align: center;
    padding: 0 0.3125rem;
    font-weight: 600;
}

.btn-category {
    padding: 0.3125rem 0.9375rem;
    border: solid 0.0625rem #6d8a24;
    color: #fff;
    font-weight: bold;
    background-color: #81a32b;
    margin-bottom: 0.3125rem;
    display: block;
    max-width: 9.375rem;
}

@media only screen and (max-width: 860px) {
    .btn-category {
        margin-left: auto;
        margin-right: auto;
        margin-top: 1.25rem;
    }
}

/* ═══ Budget mode – overview ═══ */

.plb-root {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.poll-container {
    margin-bottom: 25px;
    background: var(--poll2026-bg);
    padding: 0.5rem 1rem;
    font-family: var(--poll2026-font-family-body);
}

.poll-container .poll--title h4 {
    font-family: var(--poll2026-font-family);
    font-size: 1.875rem;
    line-height: 1.5;
    font-weight: 900;
    color: var(--poll2026-text);
    margin: 0 0 0.75rem;
}

.plb-overview {
    background: var(--poll2026-bg);
    padding: 0.5rem 1rem;
    position: relative;
    overflow: hidden;
    font-family: var(--poll2026-font-family-body);
}

.plb-title-wrap {
    text-align: center;
    margin-bottom: 1.25rem;
}

.plb-title {
    font-family: var(--poll2026-font-family);
    font-size: 1.875rem;
    line-height: 1.5;
    font-weight: 900;
    margin: 0 0 0.75rem;
    color: var(--poll2026-text);
}

.plb-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--poll2026-text-muted);
    margin: 0 auto 1rem;
    max-width: 50rem;
    font-weight: 600;
    text-align: center;
    padding: 0 0.3125rem;
}

.plb-desc strong {
    color: var(--poll2026-accent);
}

.plb-jury-link {
    margin-top: 0.625rem;
}

.plb-jury-link a {
    color: var(--poll2026-accent);
    font-weight: 600;
}

.plb-winners {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.plb-winner {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.9375rem 0;
    border-bottom: 0.0625rem solid var(--poll2026-item-border);
    box-sizing: border-box;
}

.plb-winner:last-child {
    border-bottom: none;
}

.plb-winner .radial-progress {
    flex-shrink: 0;
    margin-right: 0.9375rem;
}

.plb-winner-info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.plb-category-label {
    font-family: var(--poll2026-font-family);
    font-size: 0.8125rem;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--poll2026-accent);
}

.plb-winner-link {
    text-decoration: none;
    color: var(--poll2026-text);
}

.plb-winner-link:hover {
    color: var(--poll2026-accent);
}

.plb-winner-link h5 {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
}

.plb-winner-stats {
    font-size: 0.8125rem;
    color: var(--poll2026-text-muted);
    margin: 0;
}

.plb-actions {
    text-align: center;
    margin-top: 1.875rem;
    padding-bottom: 1rem;
}

.plb-voted-msg {
    font-family: var(--poll2026-font-family);
    font-size: 1rem;
    font-weight: 700;
    color: var(--poll2026-accent);
    margin: 0;
}

.plb-start-btn {
    display: inline-block;
    padding: 0.9375rem 2.5rem;
    background-color: var(--poll2026-accent);
    color: #fff;
    border: none;
    font-family: var(--poll2026-font-family);
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.plb-start-btn:hover {
    background-color: var(--poll2026-accent-hover);
}

@media screen and (max-width: 640px) {
    .plb-overview {
        padding: 0.5rem 1rem;
    }

    .plb-title {
        font-size: 1.375rem;
    }

    .plb-winners {
        padding: 0 0.625rem;
    }

    .plb-winner {
        width: 100%;
    }
}

/* ═══ Budget mode – voting UI (JS-generated) ═══ */

.plb-voting {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0.5rem 1rem;
    background-color: var(--poll2026-bg);
    font-family: var(--poll2026-font-family-body);
}

.plb-header {
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 0.125rem solid var(--poll2026-item-border);
    text-align: center;
}

.plb-header-title {
    font-family: var(--poll2026-font-family);
    font-size: 1.875rem;
    line-height: 1.5;
    font-weight: 900;
    margin: 0 0 0.75rem;
    color: var(--poll2026-text);
}

.plb-header-instructions {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--poll2026-text-muted);
    margin: 0 auto 1rem;
    max-width: 50rem;
}

.plb-header-instructions strong {
    color: var(--poll2026-accent);
}

.plb-back-btn {
    display: inline-block;
    padding: 0.5rem 1.5rem;
    background: transparent;
    border: 0.125rem solid var(--poll2026-text-muted);
    color: var(--poll2026-text-muted);
    font-family: var(--poll2026-font-family-body);
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: var(--poll2026-radius);
    transition: all 0.2s ease;
}

.plb-back-btn:hover {
    border-color: var(--poll2026-accent);
    color: var(--poll2026-accent);
}

.plb-categories {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.plb-category {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.plb-category-heading {
    font-family: var(--poll2026-font-family);
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--poll2026-accent);
    margin: 0 0 0.625rem;
    padding-bottom: 0.5rem;
    border-bottom: 0.125rem solid var(--poll2026-accent);
}

.plb-items {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.plb-item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    background: var(--poll2026-item-bg);
    border: 0.0625rem solid var(--poll2026-item-border);
    border-radius: var(--poll2026-radius);
    transition: border-color 0.2s ease;
}

.plb-item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.plb-item--voted {
    border-color: var(--poll2026-accent);
}

.plb-item:hover {
    border-color: var(--poll2026-accent);
}

.plb-item .radial-progress {
    flex-shrink: 0;
    zoom: 1;
    margin: 0;
}

.plb-item-info {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.plb-item-name {
    font-weight: 700;
    font-size: 0.9375rem;
    color: var(--poll2026-text);
    text-decoration: none;
    word-break: break-word;
    display: block;
}

.plb-item-name:hover {
    color: var(--poll2026-accent);
}

.plb-item-stats {
    font-size: 0.75rem;
    color: var(--poll2026-text-muted);
    font-weight: 500;
    line-height: 1;
}

.plb-item-controls {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.plb-btn {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.125rem solid var(--poll2026-accent);
    background: transparent;
    color: var(--poll2026-accent);
    cursor: pointer;
    border-radius: var(--poll2026-radius);
    transition: all 0.15s ease;
    padding: 0;
}

.plb-btn svg {
    display: block;
}

.plb-btn:hover:not(.plb-btn--disabled) {
    background: var(--poll2026-accent);
    color: #fff;
}

.plb-btn--disabled {
    border-color: var(--poll2026-btn-bg);
    color: var(--poll2026-btn-bg);
    cursor: not-allowed;
}

.plb-item-count {
    display: inline-block;
    width: 1.75rem;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 900;
    color: var(--poll2026-text-muted);
    font-family: var(--poll2026-font-family-body);
}

.plb-item-count--active {
    color: var(--poll2026-accent);
}

.plb-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1rem;
    border-top: 0.125rem solid var(--poll2026-item-border);
}

.plb-info {
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
}

.plb-info-count {
    color: var(--poll2026-accent);
    font-size: 1.25rem;
}

.plb-info-count--full {
    color: var(--poll2026-text);
}

.plb-email-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
    width: 100%;
    max-width: 25rem;
}

.plb-email-group label {
    font-size: 0.875rem;
    font-weight: 600;
}

.plb-email {
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 0.9375rem;
    border: 0.125rem solid var(--poll2026-item-border);
    border-radius: var(--poll2026-radius);
    font-family: var(--poll2026-font-family-body);
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}

.plb-email:focus {
    outline: none;
    border-color: var(--poll2026-accent);
}

.plb-turnstile {
    margin: 0;
}

.plb-error:empty {
    display: none;
}

.plb-error {
    color: var(--poll2026-accent);
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
}

.plb-submit {
    position: relative;
    padding: 0.875rem 2.5rem;
    background: var(--poll2026-accent);
    color: #fff;
    border: none;
    font-family: var(--poll2026-font-family);
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: var(--poll2026-radius);
    transition: all 0.2s ease;
}

.plb-submit:hover {
    background: var(--poll2026-accent-hover);
}

.plb-submit--disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.plb-submit--loading {
    pointer-events: none;
}

.plb-submit--loading .plb-submit-text {
    visibility: hidden;
}

.plb-submit--loading .plb-spinner {
    display: block;
}

.plb-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.25rem;
    height: 1.25rem;
    margin: -0.625rem 0 0 -0.625rem;
    border: 0.1875rem solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: plb-spin 0.6s linear infinite;
}

@keyframes plb-spin {
    to { transform: rotate(360deg); }
}

.plb-loading,
.plb-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 12.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--poll2026-bg);
    font-family: var(--poll2026-font-family-body);
    text-align: center;
}

.plb-loading p,
.plb-message p {
    font-family: var(--poll2026-font-family);
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--poll2026-text);
    margin: 0;
    max-width: 50rem;
    line-height: 1.3;
}

/* ═══ Budget mode – finished results ═══ */

.poll-vote--full .questions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.poll-vote--full .questions .question_winner {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    background: var(--poll2026-item-bg);
    border: 0.0625rem solid var(--poll2026-item-border);
    border-radius: var(--poll2026-radius);
    box-sizing: border-box;
}

.poll-vote--full .questions .question_winner .radial-progress {
    margin-left: auto;
    margin-right: auto;
}

.poll-vote--full .questions .question_winner .answer {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.poll-vote--full .questions .question_winner .answer .poll-question {
    font-family: var(--poll2026-font-family);
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--poll2026-accent);
}

.poll-vote--full .questions .question_winner .answer .poll-winner {
    text-decoration: none;
    color: var(--poll2026-text);
    font-weight: 700;
    font-size: 0.9375rem;
}

.poll-vote--full .questions .question_winner .answer .poll-winner:hover {
    color: var(--poll2026-accent);
}

.poll-vote--full .questions .question_winner .answer .poll-winner h5 {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
}

.poll-vote--full .questions .question_winner .answer p {
    font-size: 0.75rem;
    color: var(--poll2026-text-muted);
    margin: 0;
}

.poll-back {
    padding: 0.5rem 0;
    cursor: pointer;
}

.poll-back span {
    display: inline-block;
    padding: 0.375rem 1rem;
    border: 0.125rem solid var(--poll2026-text-muted);
    color: var(--poll2026-text-muted);
    font-family: var(--poll2026-font-family-body);
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: var(--poll2026-radius);
    transition: all 0.2s ease;
}

.poll-back span:hover {
    border-color: var(--poll2026-accent);
    color: var(--poll2026-accent);
}

@media screen and (max-width: 640px) {
    .plb-item-controls {
        margin-left: auto;
    }

    .plb-voting {
        padding: 0.75rem 0.5rem;
    }

    .plb-header-title {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 460px) {
    .plb-btn {
        width: 2rem;
        height: 2rem;
    }

    .plb-item-count {
        font-size: 1rem;
    }
}

/* ═══ Radial progress gauge ═══ */

.radial-progress {
    margin-left: 0;
    width: 60px;
    height: 60px;
    display: inline-block;
    top: 0;
    background-color: #bababa;
    border-radius: 50%;
    position: relative
}

.radial-progress .poll-numbers {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    font-weight: 800;
    font-size: 13px;
    color: #000;
    margin-left: 0;
    z-index: 99
}

.radial-progress .circle .fill, .radial-progress .circle .mask, .radial-progress .circle .shadow {
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 50%
}

.radial-progress .circle .shadow {
    box-shadow: 6px 6px 10px transparent inset
}

.radial-progress .circle .fill, .radial-progress .circle .mask {
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 2s;
    transition: -ms-transform 2s;
    transition: transform 2s;
    border-radius: 50%
}

.radial-progress .circle .mask {
    clip: rect(0, 60px, 60px, 30px)
}

.radial-progress .circle .mask .fill {
    clip: rect(0, 30px, 60px, 0);
    background-color: var(--poll2026-accent)
}

.radial-progress .inset {
    width: 50px;
    height: 50px;
    position: absolute;
    margin-left: 5px;
    margin-top: 5px;
    background-color: var(--poll2026-bg);
    border-radius: 50%;
    box-shadow: 6px 6px 10px transparent
}

.radial-progress .inset .percentage {
    height: 17px;
    width: 40px;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 16.5px;
    left: 5px;
    line-height: 1
}

.radial-progress .inset .percentage .numbers {
    margin-top: -17px;
    transition: width 2s;
    display: none
}

.radial-progress .inset .percentage .numbers span {
    width: 57px;
    vertical-align: top;
    text-align: center;
    font-weight: 800;
    font-size: 17px;
    font-family: var(--poll2026-font-family-body);
    color: #000
}

.radial-progress[data-progress="0"] .circle .fill, .radial-progress[data-progress="0"] .circle .fill.fix, .radial-progress[data-progress="0"] .circle .mask.full {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.radial-progress[data-progress="0"] .inset .percentage .numbers {
    width: 57px
}

.radial-progress[data-progress="1"] .circle .fill, .radial-progress[data-progress="1"] .circle .mask.full {
    -webkit-transform: rotate(1.8deg);
    -ms-transform: rotate(1.8deg);
    transform: rotate(1.8deg)
}

.radial-progress[data-progress="1"] .circle .fill.fix {
    -webkit-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.radial-progress[data-progress="1"] .inset .percentage .numbers {
    width: 114px
}

.radial-progress[data-progress="2"] .circle .fill, .radial-progress[data-progress="2"] .circle .mask.full {
    -webkit-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.radial-progress[data-progress="2"] .circle .fill.fix {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.radial-progress[data-progress="2"] .inset .percentage .numbers {
    width: 171px
}

.radial-progress[data-progress="3"] .circle .fill, .radial-progress[data-progress="3"] .circle .mask.full {
    -webkit-transform: rotate(5.4deg);
    -ms-transform: rotate(5.4deg);
    transform: rotate(5.4deg)
}

.radial-progress[data-progress="3"] .circle .fill.fix {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.radial-progress[data-progress="3"] .inset .percentage .numbers {
    width: 228px
}

.radial-progress[data-progress="4"] .circle .fill, .radial-progress[data-progress="4"] .circle .mask.full {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.radial-progress[data-progress="4"] .circle .fill.fix {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.radial-progress[data-progress="4"] .inset .percentage .numbers {
    width: 285px
}

.radial-progress[data-progress="5"] .circle .fill, .radial-progress[data-progress="5"] .circle .mask.full {
    -webkit-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg)
}

.radial-progress[data-progress="5"] .circle .fill.fix {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg)
}

.radial-progress[data-progress="5"] .inset .percentage .numbers {
    width: 342px
}

.radial-progress[data-progress="6"] .circle .fill, .radial-progress[data-progress="6"] .circle .mask.full {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.radial-progress[data-progress="6"] .circle .fill.fix {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.radial-progress[data-progress="6"] .inset .percentage .numbers {
    width: 399px
}

.radial-progress[data-progress="7"] .circle .fill, .radial-progress[data-progress="7"] .circle .mask.full {
    -webkit-transform: rotate(12.6deg);
    -ms-transform: rotate(12.6deg);
    transform: rotate(12.6deg)
}

.radial-progress[data-progress="7"] .circle .fill.fix {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.radial-progress[data-progress="7"] .inset .percentage .numbers {
    width: 456px
}

.radial-progress[data-progress="8"] .circle .fill, .radial-progress[data-progress="8"] .circle .mask.full {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.radial-progress[data-progress="8"] .circle .fill.fix {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.radial-progress[data-progress="8"] .inset .percentage .numbers {
    width: 513px
}

.radial-progress[data-progress="9"] .circle .fill, .radial-progress[data-progress="9"] .circle .mask.full {
    -webkit-transform: rotate(16.2deg);
    -ms-transform: rotate(16.2deg);
    transform: rotate(16.2deg)
}

.radial-progress[data-progress="9"] .circle .fill.fix {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.radial-progress[data-progress="9"] .inset .percentage .numbers {
    width: 570px
}

.radial-progress[data-progress="10"] .circle .fill, .radial-progress[data-progress="10"] .circle .mask.full {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg)
}

.radial-progress[data-progress="10"] .circle .fill.fix {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg)
}

.radial-progress[data-progress="10"] .inset .percentage .numbers {
    width: 627px
}

.radial-progress[data-progress="11"] .circle .fill, .radial-progress[data-progress="11"] .circle .mask.full {
    -webkit-transform: rotate(19.8deg);
    -ms-transform: rotate(19.8deg);
    transform: rotate(19.8deg)
}

.radial-progress[data-progress="11"] .circle .fill.fix {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.radial-progress[data-progress="11"] .inset .percentage .numbers {
    width: 684px
}

.radial-progress[data-progress="12"] .circle .fill, .radial-progress[data-progress="12"] .circle .mask.full {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.radial-progress[data-progress="12"] .circle .fill.fix {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.radial-progress[data-progress="12"] .inset .percentage .numbers {
    width: 741px
}

.radial-progress[data-progress="13"] .circle .fill, .radial-progress[data-progress="13"] .circle .mask.full {
    -webkit-transform: rotate(23.4deg);
    -ms-transform: rotate(23.4deg);
    transform: rotate(23.4deg)
}

.radial-progress[data-progress="13"] .circle .fill.fix {
    -webkit-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.radial-progress[data-progress="13"] .inset .percentage .numbers {
    width: 798px
}

.radial-progress[data-progress="14"] .circle .fill, .radial-progress[data-progress="14"] .circle .mask.full {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.radial-progress[data-progress="14"] .circle .fill.fix {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.radial-progress[data-progress="14"] .inset .percentage .numbers {
    width: 855px
}

.radial-progress[data-progress="15"] .circle .fill, .radial-progress[data-progress="15"] .circle .mask.full {
    -webkit-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    transform: rotate(27deg)
}

.radial-progress[data-progress="15"] .circle .fill.fix {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg)
}

.radial-progress[data-progress="15"] .inset .percentage .numbers {
    width: 912px
}

.radial-progress[data-progress="16"] .circle .fill, .radial-progress[data-progress="16"] .circle .mask.full {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.radial-progress[data-progress="16"] .circle .fill.fix {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.radial-progress[data-progress="16"] .inset .percentage .numbers {
    width: 969px
}

.radial-progress[data-progress="17"] .circle .fill, .radial-progress[data-progress="17"] .circle .mask.full {
    -webkit-transform: rotate(30.6deg);
    -ms-transform: rotate(30.6deg);
    transform: rotate(30.6deg)
}

.radial-progress[data-progress="17"] .circle .fill.fix {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.radial-progress[data-progress="17"] .inset .percentage .numbers {
    width: 1026px
}

.radial-progress[data-progress="18"] .circle .fill, .radial-progress[data-progress="18"] .circle .mask.full {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.radial-progress[data-progress="18"] .circle .fill.fix {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.radial-progress[data-progress="18"] .inset .percentage .numbers {
    width: 1083px
}

.radial-progress[data-progress="19"] .circle .fill, .radial-progress[data-progress="19"] .circle .mask.full {
    -webkit-transform: rotate(34.2deg);
    -ms-transform: rotate(34.2deg);
    transform: rotate(34.2deg)
}

.radial-progress[data-progress="19"] .circle .fill.fix {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.radial-progress[data-progress="19"] .inset .percentage .numbers {
    width: 1140px
}

.radial-progress[data-progress="20"] .circle .fill, .radial-progress[data-progress="20"] .circle .mask.full {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg)
}

.radial-progress[data-progress="20"] .circle .fill.fix {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg)
}

.radial-progress[data-progress="20"] .inset .percentage .numbers {
    width: 1197px
}

.radial-progress[data-progress="21"] .circle .fill, .radial-progress[data-progress="21"] .circle .mask.full {
    -webkit-transform: rotate(37.8deg);
    -ms-transform: rotate(37.8deg);
    transform: rotate(37.8deg)
}

.radial-progress[data-progress="21"] .circle .fill.fix {
    -webkit-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.radial-progress[data-progress="21"] .inset .percentage .numbers {
    width: 1254px
}

.radial-progress[data-progress="22"] .circle .fill, .radial-progress[data-progress="22"] .circle .mask.full {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.radial-progress[data-progress="22"] .circle .fill.fix {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.radial-progress[data-progress="22"] .inset .percentage .numbers {
    width: 1311px
}

.radial-progress[data-progress="23"] .circle .fill, .radial-progress[data-progress="23"] .circle .mask.full {
    -webkit-transform: rotate(41.4deg);
    -ms-transform: rotate(41.4deg);
    transform: rotate(41.4deg)
}

.radial-progress[data-progress="23"] .circle .fill.fix {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.radial-progress[data-progress="23"] .inset .percentage .numbers {
    width: 1368px
}

.radial-progress[data-progress="24"] .circle .fill, .radial-progress[data-progress="24"] .circle .mask.full {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.radial-progress[data-progress="24"] .circle .fill.fix {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.radial-progress[data-progress="24"] .inset .percentage .numbers {
    width: 1425px
}

.radial-progress[data-progress="25"] .circle .fill, .radial-progress[data-progress="25"] .circle .mask.full {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.radial-progress[data-progress="25"] .circle .fill.fix {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.radial-progress[data-progress="25"] .inset .percentage .numbers {
    width: 1482px
}

.radial-progress[data-progress="26"] .circle .fill, .radial-progress[data-progress="26"] .circle .mask.full {
    -webkit-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.radial-progress[data-progress="26"] .circle .fill.fix {
    -webkit-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.radial-progress[data-progress="26"] .inset .percentage .numbers {
    width: 1539px
}

.radial-progress[data-progress="27"] .circle .fill, .radial-progress[data-progress="27"] .circle .mask.full {
    -webkit-transform: rotate(48.6deg);
    -ms-transform: rotate(48.6deg);
    transform: rotate(48.6deg)
}

.radial-progress[data-progress="27"] .circle .fill.fix {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.radial-progress[data-progress="27"] .inset .percentage .numbers {
    width: 1596px
}

.radial-progress[data-progress="28"] .circle .fill, .radial-progress[data-progress="28"] .circle .mask.full {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.radial-progress[data-progress="28"] .circle .fill.fix {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.radial-progress[data-progress="28"] .inset .percentage .numbers {
    width: 1653px
}

.radial-progress[data-progress="29"] .circle .fill, .radial-progress[data-progress="29"] .circle .mask.full {
    -webkit-transform: rotate(52.2deg);
    -ms-transform: rotate(52.2deg);
    transform: rotate(52.2deg)
}

.radial-progress[data-progress="29"] .circle .fill.fix {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.radial-progress[data-progress="29"] .inset .percentage .numbers {
    width: 1710px
}

.radial-progress[data-progress="30"] .circle .fill, .radial-progress[data-progress="30"] .circle .mask.full {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg)
}

.radial-progress[data-progress="30"] .circle .fill.fix {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg)
}

.radial-progress[data-progress="30"] .inset .percentage .numbers {
    width: 1767px
}

.radial-progress[data-progress="31"] .circle .fill, .radial-progress[data-progress="31"] .circle .mask.full {
    -webkit-transform: rotate(55.8deg);
    -ms-transform: rotate(55.8deg);
    transform: rotate(55.8deg)
}

.radial-progress[data-progress="31"] .circle .fill.fix {
    -webkit-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.radial-progress[data-progress="31"] .inset .percentage .numbers {
    width: 1824px
}

.radial-progress[data-progress="32"] .circle .fill, .radial-progress[data-progress="32"] .circle .mask.full {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.radial-progress[data-progress="32"] .circle .fill.fix {
    -webkit-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.radial-progress[data-progress="32"] .inset .percentage .numbers {
    width: 1881px
}

.radial-progress[data-progress="33"] .circle .fill, .radial-progress[data-progress="33"] .circle .mask.full {
    -webkit-transform: rotate(59.4deg);
    -ms-transform: rotate(59.4deg);
    transform: rotate(59.4deg)
}

.radial-progress[data-progress="33"] .circle .fill.fix {
    -webkit-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.radial-progress[data-progress="33"] .inset .percentage .numbers {
    width: 1938px
}

.radial-progress[data-progress="34"] .circle .fill, .radial-progress[data-progress="34"] .circle .mask.full {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.radial-progress[data-progress="34"] .circle .fill.fix {
    -webkit-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.radial-progress[data-progress="34"] .inset .percentage .numbers {
    width: 1995px
}

.radial-progress[data-progress="35"] .circle .fill, .radial-progress[data-progress="35"] .circle .mask.full {
    -webkit-transform: rotate(63deg);
    -ms-transform: rotate(63deg);
    transform: rotate(63deg)
}

.radial-progress[data-progress="35"] .circle .fill.fix {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg)
}

.radial-progress[data-progress="35"] .inset .percentage .numbers {
    width: 2052px
}

.radial-progress[data-progress="36"] .circle .fill, .radial-progress[data-progress="36"] .circle .mask.full {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.radial-progress[data-progress="36"] .circle .fill.fix {
    -webkit-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.radial-progress[data-progress="36"] .inset .percentage .numbers {
    width: 2109px
}

.radial-progress[data-progress="37"] .circle .fill, .radial-progress[data-progress="37"] .circle .mask.full {
    -webkit-transform: rotate(66.6deg);
    -ms-transform: rotate(66.6deg);
    transform: rotate(66.6deg)
}

.radial-progress[data-progress="37"] .circle .fill.fix {
    -webkit-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.radial-progress[data-progress="37"] .inset .percentage .numbers {
    width: 2166px
}

.radial-progress[data-progress="38"] .circle .fill, .radial-progress[data-progress="38"] .circle .mask.full {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.radial-progress[data-progress="38"] .circle .fill.fix {
    -webkit-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.radial-progress[data-progress="38"] .inset .percentage .numbers {
    width: 2223px
}

.radial-progress[data-progress="39"] .circle .fill, .radial-progress[data-progress="39"] .circle .mask.full {
    -webkit-transform: rotate(70.2deg);
    -ms-transform: rotate(70.2deg);
    transform: rotate(70.2deg)
}

.radial-progress[data-progress="39"] .circle .fill.fix {
    -webkit-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.radial-progress[data-progress="39"] .inset .percentage .numbers {
    width: 2280px
}

.radial-progress[data-progress="40"] .circle .fill, .radial-progress[data-progress="40"] .circle .mask.full {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg)
}

.radial-progress[data-progress="40"] .circle .fill.fix {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg)
}

.radial-progress[data-progress="40"] .inset .percentage .numbers {
    width: 2337px
}

.radial-progress[data-progress="41"] .circle .fill, .radial-progress[data-progress="41"] .circle .mask.full {
    -webkit-transform: rotate(73.8deg);
    -ms-transform: rotate(73.8deg);
    transform: rotate(73.8deg)
}

.radial-progress[data-progress="41"] .circle .fill.fix {
    -webkit-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.radial-progress[data-progress="41"] .inset .percentage .numbers {
    width: 2394px
}

.radial-progress[data-progress="42"] .circle .fill, .radial-progress[data-progress="42"] .circle .mask.full {
    -webkit-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.radial-progress[data-progress="42"] .circle .fill.fix {
    -webkit-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.radial-progress[data-progress="42"] .inset .percentage .numbers {
    width: 2451px
}

.radial-progress[data-progress="43"] .circle .fill, .radial-progress[data-progress="43"] .circle .mask.full {
    -webkit-transform: rotate(77.4deg);
    -ms-transform: rotate(77.4deg);
    transform: rotate(77.4deg)
}

.radial-progress[data-progress="43"] .circle .fill.fix {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.radial-progress[data-progress="43"] .inset .percentage .numbers {
    width: 2508px
}

.radial-progress[data-progress="44"] .circle .fill, .radial-progress[data-progress="44"] .circle .mask.full {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.radial-progress[data-progress="44"] .circle .fill.fix {
    -webkit-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.radial-progress[data-progress="44"] .inset .percentage .numbers {
    width: 2565px
}

.radial-progress[data-progress="45"] .circle .fill, .radial-progress[data-progress="45"] .circle .mask.full {
    -webkit-transform: rotate(81deg);
    -ms-transform: rotate(81deg);
    transform: rotate(81deg)
}

.radial-progress[data-progress="45"] .circle .fill.fix {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg)
}

.radial-progress[data-progress="45"] .inset .percentage .numbers {
    width: 2622px
}

.radial-progress[data-progress="46"] .circle .fill, .radial-progress[data-progress="46"] .circle .mask.full {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.radial-progress[data-progress="46"] .circle .fill.fix {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.radial-progress[data-progress="46"] .inset .percentage .numbers {
    width: 2679px
}

.radial-progress[data-progress="47"] .circle .fill, .radial-progress[data-progress="47"] .circle .mask.full {
    -webkit-transform: rotate(84.6deg);
    -ms-transform: rotate(84.6deg);
    transform: rotate(84.6deg)
}

.radial-progress[data-progress="47"] .circle .fill.fix {
    -webkit-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.radial-progress[data-progress="47"] .inset .percentage .numbers {
    width: 2736px
}

.radial-progress[data-progress="48"] .circle .fill, .radial-progress[data-progress="48"] .circle .mask.full {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.radial-progress[data-progress="48"] .circle .fill.fix {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.radial-progress[data-progress="48"] .inset .percentage .numbers {
    width: 2793px
}

.radial-progress[data-progress="49"] .circle .fill, .radial-progress[data-progress="49"] .circle .mask.full {
    -webkit-transform: rotate(88.2deg);
    -ms-transform: rotate(88.2deg);
    transform: rotate(88.2deg)
}

.radial-progress[data-progress="49"] .circle .fill.fix {
    -webkit-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.radial-progress[data-progress="49"] .inset .percentage .numbers {
    width: 2850px
}

.radial-progress[data-progress="50"] .circle .fill, .radial-progress[data-progress="50"] .circle .mask.full {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.radial-progress[data-progress="50"] .circle .fill.fix {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.radial-progress[data-progress="50"] .inset .percentage .numbers {
    width: 2907px
}

.radial-progress[data-progress="51"] .circle .fill, .radial-progress[data-progress="51"] .circle .mask.full {
    -webkit-transform: rotate(91.8deg);
    -ms-transform: rotate(91.8deg);
    transform: rotate(91.8deg)
}

.radial-progress[data-progress="51"] .circle .fill.fix {
    -webkit-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    transform: rotate(183.6deg)
}

.radial-progress[data-progress="51"] .inset .percentage .numbers {
    width: 2964px
}

.radial-progress[data-progress="52"] .circle .fill, .radial-progress[data-progress="52"] .circle .mask.full {
    -webkit-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.radial-progress[data-progress="52"] .circle .fill.fix {
    -webkit-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    transform: rotate(187.2deg)
}

.radial-progress[data-progress="52"] .inset .percentage .numbers {
    width: 3021px
}

.radial-progress[data-progress="53"] .circle .fill, .radial-progress[data-progress="53"] .circle .mask.full {
    -webkit-transform: rotate(95.4deg);
    -ms-transform: rotate(95.4deg);
    transform: rotate(95.4deg)
}

.radial-progress[data-progress="53"] .circle .fill.fix {
    -webkit-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    transform: rotate(190.8deg)
}

.radial-progress[data-progress="53"] .inset .percentage .numbers {
    width: 3078px
}

.radial-progress[data-progress="54"] .circle .fill, .radial-progress[data-progress="54"] .circle .mask.full {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.radial-progress[data-progress="54"] .circle .fill.fix {
    -webkit-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    transform: rotate(194.4deg)
}

.radial-progress[data-progress="54"] .inset .percentage .numbers {
    width: 3135px
}

.radial-progress[data-progress="55"] .circle .fill, .radial-progress[data-progress="55"] .circle .mask.full {
    -webkit-transform: rotate(99deg);
    -ms-transform: rotate(99deg);
    transform: rotate(99deg)
}

.radial-progress[data-progress="55"] .circle .fill.fix {
    -webkit-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    transform: rotate(198deg)
}

.radial-progress[data-progress="55"] .inset .percentage .numbers {
    width: 3192px
}

.radial-progress[data-progress="56"] .circle .fill, .radial-progress[data-progress="56"] .circle .mask.full {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.radial-progress[data-progress="56"] .circle .fill.fix {
    -webkit-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    transform: rotate(201.6deg)
}

.radial-progress[data-progress="56"] .inset .percentage .numbers {
    width: 3249px
}

.radial-progress[data-progress="57"] .circle .fill, .radial-progress[data-progress="57"] .circle .mask.full {
    -webkit-transform: rotate(102.6deg);
    -ms-transform: rotate(102.6deg);
    transform: rotate(102.6deg)
}

.radial-progress[data-progress="57"] .circle .fill.fix {
    -webkit-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    transform: rotate(205.2deg)
}

.radial-progress[data-progress="57"] .inset .percentage .numbers {
    width: 3306px
}

.radial-progress[data-progress="58"] .circle .fill, .radial-progress[data-progress="58"] .circle .mask.full {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.radial-progress[data-progress="58"] .circle .fill.fix {
    -webkit-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    transform: rotate(208.8deg)
}

.radial-progress[data-progress="58"] .inset .percentage .numbers {
    width: 3363px
}

.radial-progress[data-progress="59"] .circle .fill, .radial-progress[data-progress="59"] .circle .mask.full {
    -webkit-transform: rotate(106.2deg);
    -ms-transform: rotate(106.2deg);
    transform: rotate(106.2deg)
}

.radial-progress[data-progress="59"] .circle .fill.fix {
    -webkit-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    transform: rotate(212.4deg)
}

.radial-progress[data-progress="59"] .inset .percentage .numbers {
    width: 3420px
}

.radial-progress[data-progress="60"] .circle .fill, .radial-progress[data-progress="60"] .circle .mask.full {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg)
}

.radial-progress[data-progress="60"] .circle .fill.fix {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    transform: rotate(216deg)
}

.radial-progress[data-progress="60"] .inset .percentage .numbers {
    width: 3477px
}

.radial-progress[data-progress="61"] .circle .fill, .radial-progress[data-progress="61"] .circle .mask.full {
    -webkit-transform: rotate(109.8deg);
    -ms-transform: rotate(109.8deg);
    transform: rotate(109.8deg)
}

.radial-progress[data-progress="61"] .circle .fill.fix {
    -webkit-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    transform: rotate(219.6deg)
}

.radial-progress[data-progress="61"] .inset .percentage .numbers {
    width: 3534px
}

.radial-progress[data-progress="62"] .circle .fill, .radial-progress[data-progress="62"] .circle .mask.full {
    -webkit-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.radial-progress[data-progress="62"] .circle .fill.fix {
    -webkit-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    transform: rotate(223.2deg)
}

.radial-progress[data-progress="62"] .inset .percentage .numbers {
    width: 3591px
}

.radial-progress[data-progress="63"] .circle .fill, .radial-progress[data-progress="63"] .circle .mask.full {
    -webkit-transform: rotate(113.4deg);
    -ms-transform: rotate(113.4deg);
    transform: rotate(113.4deg)
}

.radial-progress[data-progress="63"] .circle .fill.fix {
    -webkit-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    transform: rotate(226.8deg)
}

.radial-progress[data-progress="63"] .inset .percentage .numbers {
    width: 3648px
}

.radial-progress[data-progress="64"] .circle .fill, .radial-progress[data-progress="64"] .circle .mask.full {
    -webkit-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.radial-progress[data-progress="64"] .circle .fill.fix {
    -webkit-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    transform: rotate(230.4deg)
}

.radial-progress[data-progress="64"] .inset .percentage .numbers {
    width: 3705px
}

.radial-progress[data-progress="65"] .circle .fill, .radial-progress[data-progress="65"] .circle .mask.full {
    -webkit-transform: rotate(117deg);
    -ms-transform: rotate(117deg);
    transform: rotate(117deg)
}

.radial-progress[data-progress="65"] .circle .fill.fix {
    -webkit-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    transform: rotate(234deg)
}

.radial-progress[data-progress="65"] .inset .percentage .numbers {
    width: 3762px
}

.radial-progress[data-progress="66"] .circle .fill, .radial-progress[data-progress="66"] .circle .mask.full {
    -webkit-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.radial-progress[data-progress="66"] .circle .fill.fix {
    -webkit-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    transform: rotate(237.6deg)
}

.radial-progress[data-progress="66"] .inset .percentage .numbers {
    width: 3819px
}

.radial-progress[data-progress="67"] .circle .fill, .radial-progress[data-progress="67"] .circle .mask.full {
    -webkit-transform: rotate(120.6deg);
    -ms-transform: rotate(120.6deg);
    transform: rotate(120.6deg)
}

.radial-progress[data-progress="67"] .circle .fill.fix {
    -webkit-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    transform: rotate(241.2deg)
}

.radial-progress[data-progress="67"] .inset .percentage .numbers {
    width: 3876px
}

.radial-progress[data-progress="68"] .circle .fill, .radial-progress[data-progress="68"] .circle .mask.full {
    -webkit-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.radial-progress[data-progress="68"] .circle .fill.fix {
    -webkit-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    transform: rotate(244.8deg)
}

.radial-progress[data-progress="68"] .inset .percentage .numbers {
    width: 3933px
}

.radial-progress[data-progress="69"] .circle .fill, .radial-progress[data-progress="69"] .circle .mask.full {
    -webkit-transform: rotate(124.2deg);
    -ms-transform: rotate(124.2deg);
    transform: rotate(124.2deg)
}

.radial-progress[data-progress="69"] .circle .fill.fix {
    -webkit-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    transform: rotate(248.4deg)
}

.radial-progress[data-progress="69"] .inset .percentage .numbers {
    width: 3990px
}

.radial-progress[data-progress="70"] .circle .fill, .radial-progress[data-progress="70"] .circle .mask.full {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg)
}

.radial-progress[data-progress="70"] .circle .fill.fix {
    -webkit-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    transform: rotate(252deg)
}

.radial-progress[data-progress="70"] .inset .percentage .numbers {
    width: 4047px
}

.radial-progress[data-progress="71"] .circle .fill, .radial-progress[data-progress="71"] .circle .mask.full {
    -webkit-transform: rotate(127.8deg);
    -ms-transform: rotate(127.8deg);
    transform: rotate(127.8deg)
}

.radial-progress[data-progress="71"] .circle .fill.fix {
    -webkit-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    transform: rotate(255.6deg)
}

.radial-progress[data-progress="71"] .inset .percentage .numbers {
    width: 4104px
}

.radial-progress[data-progress="72"] .circle .fill, .radial-progress[data-progress="72"] .circle .mask.full {
    -webkit-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.radial-progress[data-progress="72"] .circle .fill.fix {
    -webkit-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    transform: rotate(259.2deg)
}

.radial-progress[data-progress="72"] .inset .percentage .numbers {
    width: 4161px
}

.radial-progress[data-progress="73"] .circle .fill, .radial-progress[data-progress="73"] .circle .mask.full {
    -webkit-transform: rotate(131.4deg);
    -ms-transform: rotate(131.4deg);
    transform: rotate(131.4deg)
}

.radial-progress[data-progress="73"] .circle .fill.fix {
    -webkit-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    transform: rotate(262.8deg)
}

.radial-progress[data-progress="73"] .inset .percentage .numbers {
    width: 4218px
}

.radial-progress[data-progress="74"] .circle .fill, .radial-progress[data-progress="74"] .circle .mask.full {
    -webkit-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.radial-progress[data-progress="74"] .circle .fill.fix {
    -webkit-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    transform: rotate(266.4deg)
}

.radial-progress[data-progress="74"] .inset .percentage .numbers {
    width: 4275px
}

.radial-progress[data-progress="75"] .circle .fill, .radial-progress[data-progress="75"] .circle .mask.full {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.radial-progress[data-progress="75"] .circle .fill.fix {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.radial-progress[data-progress="75"] .inset .percentage .numbers {
    width: 4332px
}

.radial-progress[data-progress="76"] .circle .fill, .radial-progress[data-progress="76"] .circle .mask.full {
    -webkit-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.radial-progress[data-progress="76"] .circle .fill.fix {
    -webkit-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    transform: rotate(273.6deg)
}

.radial-progress[data-progress="76"] .inset .percentage .numbers {
    width: 4389px
}

.radial-progress[data-progress="77"] .circle .fill, .radial-progress[data-progress="77"] .circle .mask.full {
    -webkit-transform: rotate(138.6deg);
    -ms-transform: rotate(138.6deg);
    transform: rotate(138.6deg)
}

.radial-progress[data-progress="77"] .circle .fill.fix {
    -webkit-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    transform: rotate(277.2deg)
}

.radial-progress[data-progress="77"] .inset .percentage .numbers {
    width: 4446px
}

.radial-progress[data-progress="78"] .circle .fill, .radial-progress[data-progress="78"] .circle .mask.full {
    -webkit-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.radial-progress[data-progress="78"] .circle .fill.fix {
    -webkit-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    transform: rotate(280.8deg)
}

.radial-progress[data-progress="78"] .inset .percentage .numbers {
    width: 4503px
}

.radial-progress[data-progress="79"] .circle .fill, .radial-progress[data-progress="79"] .circle .mask.full {
    -webkit-transform: rotate(142.2deg);
    -ms-transform: rotate(142.2deg);
    transform: rotate(142.2deg)
}

.radial-progress[data-progress="79"] .circle .fill.fix {
    -webkit-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    transform: rotate(284.4deg)
}

.radial-progress[data-progress="79"] .inset .percentage .numbers {
    width: 4560px
}

.radial-progress[data-progress="80"] .circle .fill, .radial-progress[data-progress="80"] .circle .mask.full {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg)
}

.radial-progress[data-progress="80"] .circle .fill.fix {
    -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    transform: rotate(288deg)
}

.radial-progress[data-progress="80"] .inset .percentage .numbers {
    width: 4617px
}

.radial-progress[data-progress="81"] .circle .fill, .radial-progress[data-progress="81"] .circle .mask.full {
    -webkit-transform: rotate(145.8deg);
    -ms-transform: rotate(145.8deg);
    transform: rotate(145.8deg)
}

.radial-progress[data-progress="81"] .circle .fill.fix {
    -webkit-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    transform: rotate(291.6deg)
}

.radial-progress[data-progress="81"] .inset .percentage .numbers {
    width: 4674px
}

.radial-progress[data-progress="82"] .circle .fill, .radial-progress[data-progress="82"] .circle .mask.full {
    -webkit-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.radial-progress[data-progress="82"] .circle .fill.fix {
    -webkit-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    transform: rotate(295.2deg)
}

.radial-progress[data-progress="82"] .inset .percentage .numbers {
    width: 4731px
}

.radial-progress[data-progress="83"] .circle .fill, .radial-progress[data-progress="83"] .circle .mask.full {
    -webkit-transform: rotate(149.4deg);
    -ms-transform: rotate(149.4deg);
    transform: rotate(149.4deg)
}

.radial-progress[data-progress="83"] .circle .fill.fix {
    -webkit-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    transform: rotate(298.8deg)
}

.radial-progress[data-progress="83"] .inset .percentage .numbers {
    width: 4788px
}

.radial-progress[data-progress="84"] .circle .fill, .radial-progress[data-progress="84"] .circle .mask.full {
    -webkit-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.radial-progress[data-progress="84"] .circle .fill.fix {
    -webkit-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    transform: rotate(302.4deg)
}

.radial-progress[data-progress="84"] .inset .percentage .numbers {
    width: 4845px
}

.radial-progress[data-progress="85"] .circle .fill, .radial-progress[data-progress="85"] .circle .mask.full {
    -webkit-transform: rotate(153deg);
    -ms-transform: rotate(153deg);
    transform: rotate(153deg)
}

.radial-progress[data-progress="85"] .circle .fill.fix {
    -webkit-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    transform: rotate(306deg)
}

.radial-progress[data-progress="85"] .inset .percentage .numbers {
    width: 4902px
}

.radial-progress[data-progress="86"] .circle .fill, .radial-progress[data-progress="86"] .circle .mask.full {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.radial-progress[data-progress="86"] .circle .fill.fix {
    -webkit-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    transform: rotate(309.6deg)
}

.radial-progress[data-progress="86"] .inset .percentage .numbers {
    width: 4959px
}

.radial-progress[data-progress="87"] .circle .fill, .radial-progress[data-progress="87"] .circle .mask.full {
    -webkit-transform: rotate(156.6deg);
    -ms-transform: rotate(156.6deg);
    transform: rotate(156.6deg)
}

.radial-progress[data-progress="87"] .circle .fill.fix {
    -webkit-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    transform: rotate(313.2deg)
}

.radial-progress[data-progress="87"] .inset .percentage .numbers {
    width: 5016px
}

.radial-progress[data-progress="88"] .circle .fill, .radial-progress[data-progress="88"] .circle .mask.full {
    -webkit-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.radial-progress[data-progress="88"] .circle .fill.fix {
    -webkit-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    transform: rotate(316.8deg)
}

.radial-progress[data-progress="88"] .inset .percentage .numbers {
    width: 5073px
}

.radial-progress[data-progress="89"] .circle .fill, .radial-progress[data-progress="89"] .circle .mask.full {
    -webkit-transform: rotate(160.2deg);
    -ms-transform: rotate(160.2deg);
    transform: rotate(160.2deg)
}

.radial-progress[data-progress="89"] .circle .fill.fix {
    -webkit-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    transform: rotate(320.4deg)
}

.radial-progress[data-progress="89"] .inset .percentage .numbers {
    width: 5130px
}

.radial-progress[data-progress="90"] .circle .fill, .radial-progress[data-progress="90"] .circle .mask.full {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg)
}

.radial-progress[data-progress="90"] .circle .fill.fix {
    -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    transform: rotate(324deg)
}

.radial-progress[data-progress="90"] .inset .percentage .numbers {
    width: 5187px
}

.radial-progress[data-progress="91"] .circle .fill, .radial-progress[data-progress="91"] .circle .mask.full {
    -webkit-transform: rotate(163.8deg);
    -ms-transform: rotate(163.8deg);
    transform: rotate(163.8deg)
}

.radial-progress[data-progress="91"] .circle .fill.fix {
    -webkit-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    transform: rotate(327.6deg)
}

.radial-progress[data-progress="91"] .inset .percentage .numbers {
    width: 5244px
}

.radial-progress[data-progress="92"] .circle .fill, .radial-progress[data-progress="92"] .circle .mask.full {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.radial-progress[data-progress="92"] .circle .fill.fix {
    -webkit-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    transform: rotate(331.2deg)
}

.radial-progress[data-progress="92"] .inset .percentage .numbers {
    width: 5301px
}

.radial-progress[data-progress="93"] .circle .fill, .radial-progress[data-progress="93"] .circle .mask.full {
    -webkit-transform: rotate(167.4deg);
    -ms-transform: rotate(167.4deg);
    transform: rotate(167.4deg)
}

.radial-progress[data-progress="93"] .circle .fill.fix {
    -webkit-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    transform: rotate(334.8deg)
}

.radial-progress[data-progress="93"] .inset .percentage .numbers {
    width: 5358px
}

.radial-progress[data-progress="94"] .circle .fill, .radial-progress[data-progress="94"] .circle .mask.full {
    -webkit-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.radial-progress[data-progress="94"] .circle .fill.fix {
    -webkit-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    transform: rotate(338.4deg)
}

.radial-progress[data-progress="94"] .inset .percentage .numbers {
    width: 5415px
}

.radial-progress[data-progress="95"] .circle .fill, .radial-progress[data-progress="95"] .circle .mask.full {
    -webkit-transform: rotate(171deg);
    -ms-transform: rotate(171deg);
    transform: rotate(171deg)
}

.radial-progress[data-progress="95"] .circle .fill.fix {
    -webkit-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    transform: rotate(342deg)
}

.radial-progress[data-progress="95"] .inset .percentage .numbers {
    width: 5472px
}

.radial-progress[data-progress="96"] .circle .fill, .radial-progress[data-progress="96"] .circle .mask.full {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.radial-progress[data-progress="96"] .circle .fill.fix {
    -webkit-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    transform: rotate(345.6deg)
}

.radial-progress[data-progress="96"] .inset .percentage .numbers {
    width: 5529px
}

.radial-progress[data-progress="97"] .circle .fill, .radial-progress[data-progress="97"] .circle .mask.full {
    -webkit-transform: rotate(174.6deg);
    -ms-transform: rotate(174.6deg);
    transform: rotate(174.6deg)
}

.radial-progress[data-progress="97"] .circle .fill.fix {
    -webkit-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    transform: rotate(349.2deg)
}

.radial-progress[data-progress="97"] .inset .percentage .numbers {
    width: 5586px
}

.radial-progress[data-progress="98"] .circle .fill, .radial-progress[data-progress="98"] .circle .mask.full {
    -webkit-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.radial-progress[data-progress="98"] .circle .fill.fix {
    -webkit-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    transform: rotate(352.8deg)
}

.radial-progress[data-progress="98"] .inset .percentage .numbers {
    width: 5643px
}

.radial-progress[data-progress="99"] .circle .fill, .radial-progress[data-progress="99"] .circle .mask.full {
    -webkit-transform: rotate(178.2deg);
    -ms-transform: rotate(178.2deg);
    transform: rotate(178.2deg)
}

.radial-progress[data-progress="99"] .circle .fill.fix {
    -webkit-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    transform: rotate(356.4deg)
}

.radial-progress[data-progress="99"] .inset .percentage .numbers {
    width: 5700px
}

.radial-progress[data-progress="100"] .circle .fill, .radial-progress[data-progress="100"] .circle .mask.full {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.radial-progress[data-progress="100"] .circle .fill.fix {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.radial-progress[data-progress="100"] .inset .percentage .numbers {
    width: 5757px
}