[is=care-estimator] {
  background-color: white;
  box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.1);
  padding: var(--gutter2) var(--gutter1);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  --progress-bar-stroke-width: 5px;
}
[is=care-estimator] progress + label {
  --progress-bar-size:100%;
  max-width: 200px;
  margin: 0 auto;
  position: relative;
}
[is=care-estimator] progress + label .ring {
  stroke-width: var(--progress-bar-stroke-width);
}
[is=care-estimator] progress + label .ring.progress {
  z-index: 1;
}
[is=care-estimator] progress + label .ring.background {
  z-index: 0;
  stroke: white;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.02));
}
[is=care-estimator] progress + label svg.special-arrow {
  position: absolute;
  transform: rotate(var(--special-arrow-rotation, -90deg));
  transform-origin: 50% 50%;
  z-index: 1;
  pointer-events: none;
  fill: url(#brand-gradient);
  transition: all 0.8s cubic-bezier(0.42, 0, 0.58, 1);
}
[is=care-estimator] progress + label svg.special-arrow polygon {
  transition: inherit;
  clip-path: polygon(0 100%, 100% 100%, 50% 0%);
}
[is=care-estimator] progress + label > span {
  display: grid;
  place-items: center;
  flex-direction: column;
  grid-row: 1;
  grid-column: 1;
  position: relative;
  text-align: center;
}
[is=care-estimator] progress + label > span > * {
  display: flex;
  flex-direction: column;
  grid-row: 1;
  grid-column: 1;
}
[is=care-estimator] progress + label > span .score {
  opacity: var(--progress-opacity, 0);
  transition: opacity var(--transition);
}
[is=care-estimator] progress + label > span .score em {
  font-style: normal;
  font-weight: 700;
  color: var(--progress-label-text-color, inherit);
  font-size: 2em;
  line-height: 1.3;
  transition: color var(--transition);
}
[is=care-estimator] progress + label > span .score small {
  font-size: 1.6rem;
}
[is=care-estimator] progress + label > span .placeholder {
  padding: var(--gutter0) var(--gutter1);
  font-weight: 600;
  transition: var(--transition);
  line-height: 1.4;
}
[is=care-estimator] progress + label::after {
  content: initial;
}
[is=care-estimator] progress + label::before {
  content: "";
  background: linear-gradient(#F7F7F7, white);
  width: calc(100% + var(--gutter2));
  height: calc(100% + var(--gutter2));
  grid-row: 1;
  grid-column: 1;
  justify-content: center;
  align-content: center;
  display: flex;
  place-content: center;
  place-items: center;
  position: relative;
  border-radius: 50%;
  transition: opacity var(--transition), transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (hover: hover) {
  [is=care-estimator] progress + label:not(.remove\:placeholders):hover {
    cursor: pointer;
  }
  [is=care-estimator] progress + label:not(.remove\:placeholders):hover .placeholder {
    color: var(--primary, #ff2871);
  }
}
[is=care-estimator] progress + label.remove\:placeholders .placeholder {
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
}
[is=care-estimator] progress + label.remove\:placeholders svg.special-arrow {
  --special-arrow-rotation: 90deg;
}
[is=care-estimator] progress + label.remove\:placeholders svg.special-arrow polygon {
  clip-path: polygon(20% 100%, 80% 100%, 50% 100%);
}
[is=care-estimator].level\:high .score-results img.high {
  display: block;
}
[is=care-estimator].level\:medium .score-results img.medium {
  display: block;
}
[is=care-estimator].level\:medium-high .score-results img.medium-high {
  display: block;
}
[is=care-estimator].level\:low .score-results img.low {
  display: block;
}
[is=care-estimator][class*="level:"].is\:updating {
  --progress-opacity: 0;
}
[is=care-estimator][class*="level:"] {
  --progress-opacity: 1;
}
[is=care-estimator] .score-results {
  transition: height 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  height: var(--score-results-height, initial);
}
[is=care-estimator] .score-results img {
  max-width: 300px;
  max-height: 240px;
  margin: var(--gutter0) auto;
  display: none;
}
[is=care-estimator] .score-results .button {
  justify-self: center;
  max-width: 300px;
  width: 100%;
}
[is=care-estimator] .score-results em {
  font-style: normal;
  font-weight: 700;
  color: var(--primary, #ff2871);
}
[is=care-estimator] .score-results strong {
  color: var(--primary, #ff2871);
}
[is=care-estimator] .score-results .score-results-content {
  padding-top: var(--gutter2);
  row-gap: var(--gutter0);
  transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  opacity: var(--progress-opacity, 1);
}
[is=care-estimator] .score-results.is\:collapsed {
  --score-results-height: 0px;
  overflow: hidden;
}
[is=care-estimator] + #which-care {
  margin-top: var(--gutter1-);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (max-width: 960px) {
  [is=care-estimator] progress + label svg.special-arrow {
    --special-arrow-rotation: 0deg;
    fill: var(--secondary, #ff715c);
  }
}
@media (max-width: 480px) {
  [is=care-estimator] {
    margin-top: var(--gutter1);
    padding-top: var(--gutter3);
    padding-bottom: var(--gutter3);
  }
}
/*# sourceMappingURL=../sourcemaps/components/care-estimator.css.map */