.wheel-chart{.clickable-area{cursor:pointer;fill:transparent;&:hover{fill:var(--xxlight-green)}&:active{fill:var(--xlight-green)}}.gray-area,.label,.marker,.red-area{pointer-events:none}.marker-line{stroke:var(--dark-blue);stroke-width:3px;&.connector-up{stroke:var(--green)}&.connector-down{stroke:var(--red)}}.marker{&.m1{fill:var(--marker-1)}&.connector-up{fill:var(--green)}&.connector-down{fill:var(--red)}&.m2{fill:var(--marker-2)}&.m3{fill:var(--marker-3)}}.red-area{pointer-events:none;fill:var(--xxxlight-red)}.gray-area{fill:var(--xxxxlight-green)}.active{fill:var(--xlight-green);&:hover{fill:var(--light-green)}}.label{fill:rgb(48,70,48)}.text-path{fill:none}}