.cmp-gauge{margin:auto;padding:1rem;position:relative;width:280px}@media screen and (min-width:900px){.cmp-gauge{width:390px}}.cmp-gauge .color-wheel{background:conic-gradient(at 50% 100%,#ffa928 0deg,#ffa928 45deg,#ff4564 45deg,#ff4564 90deg,#fff 90deg,#fff 270deg,#61daa7 270deg,#61daa7 315deg,#fcd205 315deg,#fcd205 1turn);background-origin:border-box;background-position:bottom;background-size:100% 200%;border-radius:225px 225px 0 0;height:120px;position:relative;width:240px}@media screen and (min-width:900px){.cmp-gauge .color-wheel{height:175px;width:350px}}.cmp-gauge .color-wheel:after{background:#f8f7f7;border-left:5px solid #dedede;border-radius:225px 225px 0 0;border-right:5px solid #dedede;border-top:5px solid #dedede;bottom:0;content:"";height:75px;left:50%;position:absolute;transform:translate(-50%);width:140px}@media screen and (min-width:900px){.cmp-gauge .color-wheel:after{height:110px;width:200px}}.cmp-gauge .needle{--riskValue:0;border-bottom:50px solid #c1c1cd;border-left:4px solid transparent;border-right:4px solid transparent;bottom:0;height:0;left:48.4%;position:absolute;transform:rotate(calc(var(--riskValue)));transform-origin:bottom;width:0;z-index:1}@media screen and (min-width:900px){.cmp-gauge .needle{border-bottom:80px solid #c1c1cd;border-left:6px solid transparent;border-right:6px solid transparent}}.cmp-gauge .center{background-color:#1a1a1a;border-radius:50%;bottom:0;left:50%;padding:7px;position:absolute;transform:translate(-50%,50%);z-index:1}.cmp-gauge .text-block{height:8px}.cmp-gauge .label-container{display:flex;flex-direction:column;font-size:12px;height:50%;justify-content:space-between;left:0;position:absolute;top:0;width:100%}@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{font-size:14px;font-weight:500;padding-top:1rem;text-align:center}@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.69ecee3a696ebe3a7330.1780570647407.css.map*/