@import '../_variables';
@import '../_mixins';

.@{prefix}ring-chart-wrapper {
  position: relative;

  .@{prefix}ring-chart-title {
    margin-bottom: 8px;
  }
  
  .@{prefix}ring-chart {
    position: relative;
    left: 50%;
    transform: translateX(-50%);

    // .next-progress-circle-underlay {
    //   @include themify('theme') {
    //     stroke: theme('fill1-1');
    //   }
    // }

    // .next-progress-circle-overlay {
    //   stroke-linecap: square;
    //   stroke: var(--screen-data1-7);
    // }
  }
}