/*!*****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./assets/css/riskometer.css ***!
  \*****************************************************************************/
.cmp-gauge {
  margin: auto;
  width: 280px;
  position: relative;
  padding: 1rem;
}
@media screen and (min-width: 900px) {
  .cmp-gauge {
    width: 390px;
  }
}
.cmp-gauge .color-wheel {
  width: 240px;
  height: 120px;
  position: relative;
  border-radius: 225px 225px 0 0;
  background: conic-gradient(at 50% 100%, #ffa928 0deg, #ffa928 45deg, #ff4564 45deg, #ff4564 90deg, white 90deg, white 270deg, #61daa7 270deg, #61daa7 315deg, #fcd205 315deg, #fcd205 360deg);
  background-origin: border-box;
  background-size: 100% 200%;
  background-position: center bottom;
}
@media screen and (min-width: 900px) {
  .cmp-gauge .color-wheel {
    width: 350px;
    height: 175px;
  }
}
.cmp-gauge .color-wheel::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-radius: 225px 225px 0 0;
  background: #f8f7f7;
  border-top: 5px solid #dedede;
  border-left: 5px solid #dedede;
  border-right: 5px solid #dedede;
  width: 140px;
  height: 75px;
  transform: translate(-50%, 0%);
}
@media screen and (min-width: 900px) {
  .cmp-gauge .color-wheel::after {
    width: 200px;
    height: 110px;
  }
}
.cmp-gauge .needle {
  --riskValue: 0;
  position: absolute;
  bottom: 0;
  left: 48.4%;
  transform: rotate(calc(var(--riskValue)));
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 50px solid #c1c1cd;
  z-index: 1;
  transform-origin: bottom;
}
@media screen and (min-width: 900px) {
  .cmp-gauge .needle {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 80px solid #c1c1cd;
  }
}
.cmp-gauge .center {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  background-color: #1a1a1a;
  padding: 7px;
  border-radius: 50%;
  z-index: 1;
}
.cmp-gauge .text-block {
  height: 8px;
}
.cmp-gauge .label-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 12px;
}
@media screen and (min-width: 900px) {
  .cmp-gauge .label-container {
    font-size: 14px;
  }
}
.cmp-gauge .label-container .flex-around {
  display: flex;
  justify-content: space-around;
}
.cmp-gauge .label-container .flex-between {
  display: flex;
  justify-content: space-between;
}
.cmp-gauge .label-container .flex-between .text-very-high {
  color: #c43a4b;
}
.cmp-gauge .description {
  padding-top: 1rem;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}
@media screen and (min-width: 900px) {
  .cmp-gauge .description {
    font-size: 16px;
  }
}
.cmp-gauge .description span {
  color: green;
}
.cmp-gauge .description span.moderate-low {
  color: orange;
}
.cmp-gauge .description span.very-high {
  color: #c43a4b;
}/*# sourceMappingURL=riskometer.css.map */