/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./packages/module-library/progress-bar/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
.dsm_progress_bar.et_pb_module {
  box-sizing: border-box;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 0;
}

:is(html.admin-bar, body.et_fixed_nav, html.dsm-has-progress-bar) .dsm_progress_bar.et_pb_module:is([style*="position:fixed"],
[style*="position: fixed"],
[style*="position:sticky"],
[style*="position: sticky"]) {
  top: var(--dsm-progress-bar-fixed-offset, var(--wp-admin--admin-bar--height, 0px)) !important;
}

.dsm_progress_bar .et_pb_module_inner {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: auto;
  min-height: 0;
}

.dsm_progress_bar .dsm-progress-bar-container {
  box-sizing: border-box;
}

.dsm_progress_bar .dsm-progress-bar-container.dsm-progress-bar-tracker-horizontal {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-inline-start: calc(50% - 50vw);
}

.dsm_progress_bar .dsm-progress-bar-tracker-horizontal {
  display: flex;
  width: 100%;
  height: 20px;
  align-items: center;
  background: #eeeeee;
}

.dsm_progress_bar .dsm-progress-bar-tracker-horizontal .dsm-current-progress {
  height: 100%;
  align-items: center;
  position: relative;
  display: flex;
  width: 0%;
  min-width: 0;
  flex: 0 0 auto;
  transition: 0.3s ease;
}

.dsm_progress_bar .dsm-progress-bar-tracker-horizontal .dsm-current-progress-percentage {
  inset-inline-end: 0.5em;
  inset-inline-start: auto;
  position: absolute;
}

/***for circle css******/
.circle {
  fill: transparent;
  transform-origin: 0px 0px;
}

.current-progress {
  fill: transparent;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  display: block;
}

.dsm_progress_bar .dsm-progress-bar-container.dsm-progress-bar-tracker-circular {
  width: auto;
  max-width: 100%;
  margin-inline-start: 0;
}

.dsm-progress-bar-tracker-circular .dsm-progressbar-circular {
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-inline-start: 0;
  margin-inline-end: auto;
}
.dsm-progress-bar-tracker-circular .dsm-progressbar-circular .dsm-current-progress-percentage {
  position: absolute;
}
.dsm-progress-bar-tracker-circular svg {
  position: absolute;
}

.dsm_progress_bar .dsm-progress-bar-tracker-circular .dsm-progressbar-circular .current-progress {
  stroke: #7ebec5;
  stroke-width: 4px;
}

.dsm_progress_bar .dsm-progress-bar-tracker-circular .dsm-progressbar-circular .circle {
  stroke: #eeeeee;
  stroke-width: 4px;
}

.dsm_progress_bar .dsm-current-progress {
  background-color: #7ebec5;
}

.dsm_progress_bar .dsm-progress-bar-container.dsm-progress-bar-tracker-horizontal {
  height: 20px;
}

.dsm-progress-bar-container.dsm-progress-bar-tracker-circular .dsm-progressbar-circular .circle {
  stroke: var(--circle-tracker-color, #eeeeee);
  stroke-width: var(--circle-tracker-width, 4px);
}
.dsm-progress-bar-container.dsm-progress-bar-tracker-circular .dsm-progressbar-circular .current-progress {
  stroke: var(--circle-indicator-color, #7ebec5);
  stroke-width: var(--circle-indicator-width, 4px);
}
