/* ==========================================================
   Progress Ring
========================================================== */

.dm-progress-ring{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

}

.dm-progress-ring__circle{

    position:relative;

    width:86px;

    height:86px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:8px;

}

.dm-progress-ring__svg{

    width:86px;

    height:86px;

    overflow:visible;

    transform:rotate(-90deg);

}

.dm-progress-ring__bg{

    fill:none;

    stroke:#353c4d;

    stroke-width:8;

}

.dm-progress-ring__progress{

    fill:none;

    stroke:#8b5cf6;

    stroke-width:8;

    stroke-linecap:round;

    stroke-dasharray:314.16;

    stroke-dashoffset:314.16;

    transition:stroke-dashoffset 1.8s cubic-bezier(.22,.61,.36,1);

}

.dm-progress-ring__value{

    position:absolute;

    inset:0;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#ffffff;

    font-size:28px;

    font-weight:700;

}

.dm-progress-ring__label{

    max-width:90px;

    text-align:center;

    color:#d7d7d7;

    font-size:13px;

    line-height:1.3;

}