html[data-map-focus-review]:not([data-map-focus-review="original"]) .process-overline {
  display: none;
}

html[data-map-focus-review]:not([data-map-focus-review="original"]) .process-map.is-always-open {
  --review-rule-opacity: 0.32;
  --review-actor-opacity: 0.62;
  --review-default-opacity: 0.34;
  --review-exception-opacity: 0.2;
  --review-label-opacity: 0.42;
  --review-focus-center-opacity: 0.22;
  --review-focus-mid-opacity: 0.1;
}

html[data-map-focus-review][data-map-focus-review="roles"] .process-map.is-always-open {
  --review-rule-opacity: 1;
  --review-actor-opacity: 1;
  --review-default-opacity: 0.58;
  --review-exception-opacity: 0.48;
  --review-label-opacity: 0.82;
  --review-focus-center-opacity: 0.18;
  --review-focus-mid-opacity: 0.08;
}

html[data-map-focus-review][data-map-focus-review="sequence"] .process-map.is-always-open {
  --review-rule-opacity: 0.035;
  --review-actor-opacity: 0.25;
  --review-default-opacity: 0.18;
  --review-exception-opacity: 0.065;
  --review-label-opacity: 0.15;
  --review-focus-center-opacity: 0.27;
  --review-focus-mid-opacity: 0.13;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .node-current-marker {
  display: none;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .diagram-rules {
  opacity: var(--review-rule-opacity);
  transition: opacity 220ms ease;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .diagram-actors {
  opacity: var(--review-actor-opacity);
  transition: opacity 220ms ease;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .connector-normal {
  opacity: 1;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .connector-exception {
  opacity: var(--review-exception-opacity);
  transition: opacity 220ms ease;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .diagram-arrow-labels {
  opacity: var(--review-label-opacity);
  transition: opacity 220ms ease;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .diagram-arrow-labels rect {
  fill: transparent;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .process-node
  .node-title {
  fill: #59625e;
  transition: fill 220ms ease, opacity 220ms ease;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .process-node
  .node-sub {
  fill: #858d89;
  transition: fill 220ms ease, opacity 220ms ease;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .process-node.is-passed
  .node-title {
  fill: #38423d;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .process-node.is-active-stage
  .node-shape {
  x: -30px;
  y: -16px;
  width: 160px;
  height: 96px;
  rx: 48px;
  fill: url("#review-focus-gradient");
  stroke: none;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .review-focus-gradient-start {
  stop-color: #414844;
  stop-opacity: var(--review-focus-center-opacity);
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .review-focus-gradient-mid {
  stop-color: #414844;
  stop-opacity: var(--review-focus-mid-opacity);
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .review-focus-gradient-end {
  stop-color: #414844;
  stop-opacity: 0;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .process-node.is-active-stage
  .node-title {
  fill: #171d1a;
  font-weight: 900;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .process-node.is-active-stage
  .node-sub {
  fill: #46504b;
  font-weight: 680;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .connector-normal
  path {
  transition: stroke 220ms ease, stroke-width 220ms ease, opacity 220ms ease;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .connector-normal
  path:not(.is-review-passed):not(.is-review-current) {
  opacity: var(--review-default-opacity);
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .connector-normal
  path.is-review-passed {
  opacity: 0.92;
  stroke: #68736d;
  stroke-width: 1.65;
}

html[data-map-focus-review]:not([data-map-focus-review="original"])
  .process-map.is-always-open
  .connector-normal
  path.is-review-current {
  opacity: 1;
  stroke: #202825;
  stroke-width: 2.15;
}

html[data-map-focus-review="sequence"] .process-map.is-always-open .process-node .node-title {
  fill: #4e5753;
  font-weight: 790;
}

html[data-map-focus-review="sequence"] .process-map.is-always-open .process-node .node-sub {
  opacity: 0.62;
}

@media (prefers-reduced-motion: reduce) {
  html[data-map-focus-review] .process-map.is-always-open * {
    transition-duration: 1ms !important;
  }
}