:host {
  /**
   * @prop --background: Background of the progress track, or the buffer bar if `buffer` is set
   * @prop --progress-background: Background of the progress bar representing the current value
   */
  --background: rgba(var(--gasco-color-primary-rgb, 0, 163, 224), 0.1);
  --progress-background: var(--gasco-color-primary, #00A3E0);
  display: block;
  position: relative;
  width: 100%;
  contain: strict;
  direction: ltr;
  overflow: hidden;
}

.progress,
.progress-indeterminate,
.indeterminate-bar-primary,
.indeterminate-bar-secondary,
.progress-buffer-bar {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.buffer-circles-container,
.buffer-circles {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

.buffer-circles {
  /* stylelint-disable property-disallowed-list */
  right: -10px;
  left: -10px;
  /* stylelint-enable property-disallowed-list */
}

.progress,
.progress-buffer-bar,
.buffer-circles-container {
  /* stylelint-disable-next-line property-disallowed-list */
  transform-origin: left top;
  transition: transform 150ms linear;
}

.progress,
.progress-indeterminate {
  background: var(--progress-background);
  z-index: 2;
}

.progress-buffer-bar {
  background: var(--background);
  z-index: 1;
}

.buffer-circles-container {
  overflow: hidden;
}

.indeterminate-bar-primary {
  /* stylelint-disable property-disallowed-list */
  top: 0;
  right: 0;
  bottom: 0;
  left: -145.166611%;
  /* stylelint-enable property-disallowed-list */
  animation: primary-indeterminate-translate 2s infinite linear;
}
.indeterminate-bar-primary .progress-indeterminate {
  animation: primary-indeterminate-scale 2s infinite linear;
  animation-play-state: inherit;
}

.indeterminate-bar-secondary {
  /* stylelint-disable property-disallowed-list */
  top: 0;
  right: 0;
  bottom: 0;
  left: -54.888891%;
  /* stylelint-enable property-disallowed-list */
  animation: secondary-indeterminate-translate 2s infinite linear;
}
.indeterminate-bar-secondary .progress-indeterminate {
  animation: secondary-indeterminate-scale 2s infinite linear;
  animation-play-state: inherit;
}

.buffer-circles {
  background-image: radial-gradient(ellipse at center, var(--background) 0%, var(--background) 30%, transparent 30%);
  /* stylelint-disable property-disallowed-list */
  background-repeat: repeat-x;
  background-position: 5px center;
  background-size: 10px 10px;
  /* stylelint-enable property-disallowed-list */
  z-index: 0;
  animation: buffering 450ms infinite linear;
}

:host(.progress-bar-reversed) {
  transform: scaleX(-1);
}

:host(.progress-paused) .indeterminate-bar-secondary,
:host(.progress-paused) .indeterminate-bar-primary,
:host(.progress-paused) .buffer-circles {
  animation-play-state: paused;
}

:host(.gasco-color) .progress-buffer-bar {
  background: rgba(var(--gasco-color-base-rgb), 0.1);
}

:host(.gasco-color) .buffer-circles {
  background-image: radial-gradient(ellipse at center, rgba(var(--gasco-color-base-rgb), 0.1) 0%, rgba(var(--gasco-color-base-rgb), 0.1) 30%, transparent 30%);
}

:host(.gasco-color) .progress,
:host(.gasco-color) .progress-indeterminate {
  background: var(--gasco-color-base);
}

@keyframes primary-indeterminate-translate {
  0% {
    transform: translateX(0);
  }
  20% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(0);
  }
  59.15% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(83.67142%);
  }
  100% {
    transform: translateX(200.611057%);
  }
}
@keyframes primary-indeterminate-scale {
  0% {
    transform: scaleX(0.08);
  }
  36.65% {
    animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
    transform: scaleX(0.08);
  }
  69.15% {
    animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
    transform: scaleX(0.661479);
  }
  100% {
    transform: scaleX(0.08);
  }
}
@keyframes secondary-indeterminate-translate {
  0% {
    animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    transform: translateX(0);
  }
  25% {
    animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    transform: translateX(37.651913%);
  }
  48.35% {
    animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    transform: translateX(84.386165%);
  }
  100% {
    transform: translateX(160.277782%);
  }
}
@keyframes secondary-indeterminate-scale {
  0% {
    animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
    transform: scaleX(0.08);
  }
  19.15% {
    animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
    transform: scaleX(0.457104);
  }
  44.15% {
    animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
    transform: scaleX(0.72796);
  }
  100% {
    transform: scaleX(0.08);
  }
}
@keyframes buffering {
  to {
    transform: translateX(-10px);
  }
}
:host {
  --color-progress-circle: var(--gasco-color-primary, #00A3E0);
  --background-inset-circle: #FFF;
}

:host(.progress-inline) {
  height: 4px;
}

:host(.progress-circle) {
  height: 55px;
}

:host(.progress-circle) .gasco-progress-circle {
  margin: 0 auto;
  width: 55px;
  height: 55px;
  background: rgba(var(--gasco-color-base-rgb), 0.1);
  border-radius: 50%;
}
:host(.progress-circle) .gasco-progress-circle-infinite {
  margin: 0 auto;
  width: 55px;
  height: 55px;
}
:host(.progress-circle) .gasco-progress-circle-infinite .gasco-circle-infinite {
  position: absolute;
  border-width: 8px;
  width: 39px;
  height: 39px;
  border-style: solid;
  border-color: rgba(var(--gasco-color-base-rgb), 0.1);
  border-bottom-color: var(--color-progress-circle);
  border-radius: 50%;
  animation: rotation 1s linear infinite;
}
:host(.progress-circle) .gasco-progress-circle .gasco-progress-circle__slice,
:host(.progress-circle) .gasco-progress-circle .gasco-progress-circle__fill {
  width: 55px;
  height: 55px;
  position: absolute;
  backface-visibility: hidden;
  transition: transform 1s;
  border-radius: 50%;
}
:host(.progress-circle) .gasco-progress-circle .gasco-progress-circle__slice {
  clip: rect(0px, 55px, 55px, calc(55px / 2));
}
:host(.progress-circle) .gasco-progress-circle .gasco-progress-circle__slice .gasco-progress-circle__fill {
  clip: rect(0px, calc(55px / 2), 55px, 0px);
  background: var(--color-progress-circle);
}
:host(.progress-circle) .gasco-progress-circle .gasco-progress-circle__overlay {
  width: 40px;
  height: 40px;
  position: absolute;
  contain: size;
  margin-left: calc(15px / 2);
  margin-top: calc(15px / 2);
  background: var(--background-inset-circle);
  border-radius: 50%;
}
:host(.progress-circle) .gasco-progress-circle[data-progress="0"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="0"] .gasco-progress-circle__fill {
  transform: rotate(0deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="0"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(0deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="1"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="1"] .gasco-progress-circle__fill {
  transform: rotate(1.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="1"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(3.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="2"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="2"] .gasco-progress-circle__fill {
  transform: rotate(3.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="2"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(7.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="3"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="3"] .gasco-progress-circle__fill {
  transform: rotate(5.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="3"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(10.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="4"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="4"] .gasco-progress-circle__fill {
  transform: rotate(7.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="4"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(14.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="5"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="5"] .gasco-progress-circle__fill {
  transform: rotate(9deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="5"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(18deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="6"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="6"] .gasco-progress-circle__fill {
  transform: rotate(10.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="6"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(21.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="7"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="7"] .gasco-progress-circle__fill {
  transform: rotate(12.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="7"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(25.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="8"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="8"] .gasco-progress-circle__fill {
  transform: rotate(14.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="8"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(28.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="9"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="9"] .gasco-progress-circle__fill {
  transform: rotate(16.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="9"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(32.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="10"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="10"] .gasco-progress-circle__fill {
  transform: rotate(18deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="10"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(36deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="11"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="11"] .gasco-progress-circle__fill {
  transform: rotate(19.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="11"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(39.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="12"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="12"] .gasco-progress-circle__fill {
  transform: rotate(21.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="12"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(43.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="13"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="13"] .gasco-progress-circle__fill {
  transform: rotate(23.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="13"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(46.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="14"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="14"] .gasco-progress-circle__fill {
  transform: rotate(25.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="14"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(50.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="15"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="15"] .gasco-progress-circle__fill {
  transform: rotate(27deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="15"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(54deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="16"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="16"] .gasco-progress-circle__fill {
  transform: rotate(28.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="16"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(57.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="17"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="17"] .gasco-progress-circle__fill {
  transform: rotate(30.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="17"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(61.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="18"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="18"] .gasco-progress-circle__fill {
  transform: rotate(32.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="18"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(64.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="19"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="19"] .gasco-progress-circle__fill {
  transform: rotate(34.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="19"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(68.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="20"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="20"] .gasco-progress-circle__fill {
  transform: rotate(36deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="20"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(72deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="21"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="21"] .gasco-progress-circle__fill {
  transform: rotate(37.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="21"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(75.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="22"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="22"] .gasco-progress-circle__fill {
  transform: rotate(39.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="22"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(79.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="23"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="23"] .gasco-progress-circle__fill {
  transform: rotate(41.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="23"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(82.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="24"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="24"] .gasco-progress-circle__fill {
  transform: rotate(43.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="24"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(86.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="25"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="25"] .gasco-progress-circle__fill {
  transform: rotate(45deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="25"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(90deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="26"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="26"] .gasco-progress-circle__fill {
  transform: rotate(46.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="26"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(93.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="27"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="27"] .gasco-progress-circle__fill {
  transform: rotate(48.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="27"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(97.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="28"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="28"] .gasco-progress-circle__fill {
  transform: rotate(50.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="28"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(100.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="29"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="29"] .gasco-progress-circle__fill {
  transform: rotate(52.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="29"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(104.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="30"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="30"] .gasco-progress-circle__fill {
  transform: rotate(54deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="30"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(108deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="31"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="31"] .gasco-progress-circle__fill {
  transform: rotate(55.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="31"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(111.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="32"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="32"] .gasco-progress-circle__fill {
  transform: rotate(57.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="32"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(115.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="33"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="33"] .gasco-progress-circle__fill {
  transform: rotate(59.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="33"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(118.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="34"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="34"] .gasco-progress-circle__fill {
  transform: rotate(61.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="34"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(122.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="35"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="35"] .gasco-progress-circle__fill {
  transform: rotate(63deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="35"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(126deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="36"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="36"] .gasco-progress-circle__fill {
  transform: rotate(64.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="36"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(129.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="37"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="37"] .gasco-progress-circle__fill {
  transform: rotate(66.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="37"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(133.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="38"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="38"] .gasco-progress-circle__fill {
  transform: rotate(68.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="38"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(136.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="39"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="39"] .gasco-progress-circle__fill {
  transform: rotate(70.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="39"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(140.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="40"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="40"] .gasco-progress-circle__fill {
  transform: rotate(72deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="40"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(144deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="41"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="41"] .gasco-progress-circle__fill {
  transform: rotate(73.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="41"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(147.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="42"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="42"] .gasco-progress-circle__fill {
  transform: rotate(75.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="42"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(151.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="43"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="43"] .gasco-progress-circle__fill {
  transform: rotate(77.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="43"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(154.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="44"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="44"] .gasco-progress-circle__fill {
  transform: rotate(79.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="44"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(158.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="45"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="45"] .gasco-progress-circle__fill {
  transform: rotate(81deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="45"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(162deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="46"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="46"] .gasco-progress-circle__fill {
  transform: rotate(82.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="46"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(165.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="47"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="47"] .gasco-progress-circle__fill {
  transform: rotate(84.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="47"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(169.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="48"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="48"] .gasco-progress-circle__fill {
  transform: rotate(86.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="48"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(172.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="49"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="49"] .gasco-progress-circle__fill {
  transform: rotate(88.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="49"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(176.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="50"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="50"] .gasco-progress-circle__fill {
  transform: rotate(90deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="50"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(180deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="51"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="51"] .gasco-progress-circle__fill {
  transform: rotate(91.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="51"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(183.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="52"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="52"] .gasco-progress-circle__fill {
  transform: rotate(93.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="52"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(187.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="53"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="53"] .gasco-progress-circle__fill {
  transform: rotate(95.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="53"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(190.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="54"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="54"] .gasco-progress-circle__fill {
  transform: rotate(97.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="54"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(194.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="55"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="55"] .gasco-progress-circle__fill {
  transform: rotate(99deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="55"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(198deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="56"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="56"] .gasco-progress-circle__fill {
  transform: rotate(100.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="56"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(201.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="57"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="57"] .gasco-progress-circle__fill {
  transform: rotate(102.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="57"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(205.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="58"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="58"] .gasco-progress-circle__fill {
  transform: rotate(104.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="58"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(208.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="59"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="59"] .gasco-progress-circle__fill {
  transform: rotate(106.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="59"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(212.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="60"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="60"] .gasco-progress-circle__fill {
  transform: rotate(108deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="60"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(216deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="61"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="61"] .gasco-progress-circle__fill {
  transform: rotate(109.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="61"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(219.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="62"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="62"] .gasco-progress-circle__fill {
  transform: rotate(111.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="62"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(223.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="63"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="63"] .gasco-progress-circle__fill {
  transform: rotate(113.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="63"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(226.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="64"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="64"] .gasco-progress-circle__fill {
  transform: rotate(115.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="64"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(230.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="65"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="65"] .gasco-progress-circle__fill {
  transform: rotate(117deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="65"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(234deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="66"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="66"] .gasco-progress-circle__fill {
  transform: rotate(118.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="66"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(237.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="67"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="67"] .gasco-progress-circle__fill {
  transform: rotate(120.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="67"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(241.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="68"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="68"] .gasco-progress-circle__fill {
  transform: rotate(122.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="68"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(244.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="69"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="69"] .gasco-progress-circle__fill {
  transform: rotate(124.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="69"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(248.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="70"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="70"] .gasco-progress-circle__fill {
  transform: rotate(126deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="70"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(252deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="71"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="71"] .gasco-progress-circle__fill {
  transform: rotate(127.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="71"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(255.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="72"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="72"] .gasco-progress-circle__fill {
  transform: rotate(129.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="72"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(259.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="73"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="73"] .gasco-progress-circle__fill {
  transform: rotate(131.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="73"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(262.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="74"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="74"] .gasco-progress-circle__fill {
  transform: rotate(133.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="74"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(266.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="75"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="75"] .gasco-progress-circle__fill {
  transform: rotate(135deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="75"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(270deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="76"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="76"] .gasco-progress-circle__fill {
  transform: rotate(136.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="76"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(273.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="77"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="77"] .gasco-progress-circle__fill {
  transform: rotate(138.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="77"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(277.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="78"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="78"] .gasco-progress-circle__fill {
  transform: rotate(140.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="78"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(280.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="79"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="79"] .gasco-progress-circle__fill {
  transform: rotate(142.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="79"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(284.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="80"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="80"] .gasco-progress-circle__fill {
  transform: rotate(144deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="80"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(288deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="81"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="81"] .gasco-progress-circle__fill {
  transform: rotate(145.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="81"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(291.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="82"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="82"] .gasco-progress-circle__fill {
  transform: rotate(147.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="82"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(295.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="83"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="83"] .gasco-progress-circle__fill {
  transform: rotate(149.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="83"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(298.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="84"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="84"] .gasco-progress-circle__fill {
  transform: rotate(151.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="84"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(302.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="85"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="85"] .gasco-progress-circle__fill {
  transform: rotate(153deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="85"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(306deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="86"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="86"] .gasco-progress-circle__fill {
  transform: rotate(154.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="86"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(309.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="87"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="87"] .gasco-progress-circle__fill {
  transform: rotate(156.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="87"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(313.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="88"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="88"] .gasco-progress-circle__fill {
  transform: rotate(158.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="88"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(316.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="89"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="89"] .gasco-progress-circle__fill {
  transform: rotate(160.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="89"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(320.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="90"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="90"] .gasco-progress-circle__fill {
  transform: rotate(162deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="90"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(324deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="91"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="91"] .gasco-progress-circle__fill {
  transform: rotate(163.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="91"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(327.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="92"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="92"] .gasco-progress-circle__fill {
  transform: rotate(165.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="92"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(331.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="93"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="93"] .gasco-progress-circle__fill {
  transform: rotate(167.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="93"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(334.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="94"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="94"] .gasco-progress-circle__fill {
  transform: rotate(169.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="94"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(338.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="95"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="95"] .gasco-progress-circle__fill {
  transform: rotate(171deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="95"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(342deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="96"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="96"] .gasco-progress-circle__fill {
  transform: rotate(172.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="96"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(345.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="97"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="97"] .gasco-progress-circle__fill {
  transform: rotate(174.6deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="97"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(349.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="98"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="98"] .gasco-progress-circle__fill {
  transform: rotate(176.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="98"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(352.8deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="99"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="99"] .gasco-progress-circle__fill {
  transform: rotate(178.2deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="99"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(356.4deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="100"] .gasco-progress-circle__slice.full,
:host(.progress-circle) .gasco-progress-circle[data-progress="100"] .gasco-progress-circle__fill {
  transform: rotate(180deg);
}
:host(.progress-circle) .gasco-progress-circle[data-progress="100"] .gasco-progress-circle__fill.gasco-progress-circle__bar {
  transform: rotate(360deg);
}

:host(.progress-circle.progress-large) {
  height: 75px;
}
:host(.progress-circle.progress-large) .gasco-progress-circle {
  width: 75px;
  height: 75px;
}
:host(.progress-circle.progress-large) .gasco-progress-circle-infinite {
  width: 75px;
  height: 75px;
}
:host(.progress-circle.progress-large) .gasco-progress-circle-infinite .gasco-circle-infinite {
  border-width: 12px;
  width: 50px;
  height: 50px;
}
:host(.progress-circle.progress-large) .gasco-progress-circle .gasco-progress-circle__slice,
:host(.progress-circle.progress-large) .gasco-progress-circle .gasco-progress-circle__fill {
  width: 75px;
  height: 75px;
}
:host(.progress-circle.progress-large) .gasco-progress-circle .gasco-progress-circle__slice {
  clip: rect(0px, 75px, 75px, calc(75px / 2));
}
:host(.progress-circle.progress-large) .gasco-progress-circle .gasco-progress-circle__slice .gasco-progress-circle__fill {
  clip: rect(0px, calc(75px / 2), 75px, 0px);
}
:host(.progress-circle.progress-large) .gasco-progress-circle .gasco-progress-circle__overlay {
  width: 50px;
  height: 50px;
  margin-left: calc(25px / 2);
  margin-top: calc(25px / 2);
}

:host(.progress-circle.progress-medium) {
  height: 60px;
}
:host(.progress-circle.progress-medium) .gasco-progress-circle {
  width: 60px;
  height: 60px;
}
:host(.progress-circle.progress-medium) .gasco-progress-circle-infinite {
  width: 60px;
  height: 60px;
}
:host(.progress-circle.progress-medium) .gasco-progress-circle-infinite .gasco-circle-infinite {
  border-width: 10px;
}
:host(.progress-circle.progress-medium) .gasco-progress-circle .gasco-progress-circle__slice,
:host(.progress-circle.progress-medium) .gasco-progress-circle .gasco-progress-circle__fill {
  width: 60px;
  height: 60px;
}
:host(.progress-circle.progress-medium) .gasco-progress-circle .gasco-progress-circle__slice {
  clip: rect(0px, 60px, 60px, calc(60px / 2));
}
:host(.progress-circle.progress-medium) .gasco-progress-circle .gasco-progress-circle__slice .gasco-progress-circle__fill {
  clip: rect(0px, calc(60px / 2), 60px, 0px);
}
:host(.progress-circle.progress-medium) .gasco-progress-circle .gasco-progress-circle__overlay {
  width: 40px;
  height: 40px;
  margin-left: calc(20px / 2);
  margin-top: calc(20px / 2);
}

/* keyFrames */
@keyframes rotation {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}