/* V12: restore the previous segmented ring and expose its arrowheads clearly. */
.jh-cycle-simple-spinner {
  display: none !important;
}

.jh-cycle-wheel-v12 {
  position: absolute;
  z-index: 3;
  left: 10px;
  top: 2px;
  width: 156px;
  height: 156px;
  border-radius: 50%;
  transform-origin: 50% 50%;
  filter: drop-shadow(0 9px 16px color-mix(in srgb, var(--jh-accent) 20%, transparent));
}

.jh-cycle-wheel-v12 .jh-cycle-base-track {
  position: absolute;
  inset: 7px;
  border: 13px solid color-mix(in srgb, var(--jh-accent) 11%, white);
  border-radius: 50%;
}

.jh-cycle-wheel-v12 .jh-cycle-segment {
  position: absolute;
  inset: 0;
  transform-origin: 50% 50%;
}

.jh-cycle-wheel-v12 .jh-cycle-segment--2 { transform: rotate(120deg); opacity: .86; }
.jh-cycle-wheel-v12 .jh-cycle-segment--3 { transform: rotate(240deg); opacity: .72; }

.jh-cycle-wheel-v12 .jh-cycle-arc {
  position: absolute;
  inset: 7px;
  border-radius: 50%;
  background: conic-gradient(from 0deg, var(--jh-accent) 0deg 86deg, transparent 86deg 360deg);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 15px), #000 calc(100% - 14px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 15px), #000 calc(100% - 14px));
}

.jh-cycle-wheel-v12 .jh-cycle-head {
  position: absolute;
  z-index: 5;
  left: 130px;
  top: 66px;
  width: 25px;
  height: 24px;
  border: 0;
  background: var(--jh-accent);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transform: rotate(86deg);
  transform-origin: 50% 50%;
  filter: drop-shadow(0 2px 2px rgba(255,255,255,.7)) drop-shadow(0 3px 5px color-mix(in srgb, var(--jh-accent) 35%, transparent));
}

@media (prefers-reduced-motion: no-preference) {
  .jh-cycle-wheel-v12 { animation: jh-restored-cycle-turn 16s linear infinite; }
  .jh-flow-card--legacy .jh-cycle-wheel-v12 { animation-duration: 23s; }
  @keyframes jh-restored-cycle-turn { to { transform: rotate(1turn); } }
}
/* Consolidated dependencies formerly supplied by v9-v11. */
.jh-cycle > .jh-cycle-wheel,
.jh-cycle > .jh-cycle-wheel-v9,
.jh-cycle > .jh-rotor,
.jh-cycle > .jh-cycle-arrows {
  display: none !important;
}

.jh-cycle::before {
  inset: auto;
  left: 54px;
  top: 46px;
  width: 68px;
  height: 68px;
  border: 1px solid color-mix(
    in srgb,
    var(--jh-accent) 14%,
    transparent
  );
  background: rgba(255, 255, 255, 0.95);
  box-shadow:
    0 8px 25px
      color-mix(
        in srgb,
        var(--jh-accent) 11%,
        transparent
      ),
    inset 0 1px 0 #fff;
}

.jh-cycle-label {
  inset: auto;
  left: 59px;
  top: 51px;
  width: 58px;
  height: 58px;
  z-index: 6;
  background: transparent;
  color: color-mix(
    in srgb,
    var(--jh-accent) 82%,
    #253043
  );
  font-size: 12px;
  font-weight: 900;
}

.jh-logic-step::after {
  display: none !important;
}

.jh-logic-step--1 {
  top: -28px !important;
}
/* Consolidated active geometry formerly supplied by carbon-flow-v3. */
.jh-cycle {
  width: 176px;
  height: 166px;
  margin-inline: auto;
  transform-origin: center center;
}

.jh-cycle-label {
  border: 1px solid color-mix(
    in srgb,
    var(--jh-accent) 18%,
    transparent
  );
  border-radius: 50%;
  box-shadow:
    0 8px 24px
    color-mix(
      in srgb,
      var(--jh-accent) 12%,
      transparent
    );
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

@media (max-width: 991px) {
  .jh-cycle {
    width: 176px;
    height: 166px;
    transform: scale(.72);
  }
}

@media (max-width: 767px) {
  .jh-cycle {
    width: 176px;
    height: 166px;
    transform: scale(.82);
  }
}

@media (max-width: 479px) {
  .jh-cycle {
    margin-inline: auto;
    transform: scale(.61);
  }
}