.circle{clip-path:circle(50% at center)}.radar_right{clip-path:polygon(50% 50%,52% 50%,100% 100%,98% 100%)}.radar_left{clip-path:polygon(50% 50%,48% 50%,0 100%,2% 100%)}.radar_top{clip-path:polygon(50% 50%,48% 50%,48% 0,50% 0)}.radar_three{clip-path:polygon(50% 0,100% 100%,0 100%)}.radar_four{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.radar_five{clip-path:var(--five_values)}.radar_six{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.radar_seven{clip-path:polygon(50% 0,87.5% 12.5%,100% 62.5%,75% 100%,25% 100%,0 62.5%,12.5% 12.5%)}.radar_eight{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.square{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.triangle{clip-path:polygon(50% 0,0 100%,100% 100%)}.heart{clip-path:path("M10,30 A20,20 0 0,1 50,30 A20,20 0 0,1 90,30 Q90,60 50,90 Q10,60 10,30 Z")}.star{clip-path:path("M50,15 L61.8,35.1 L84.4,38.2 L68.4,53.6 L72.6,76.3 L50,65.8 L27.4,76.3 L31.6,53.6 L15.6,38.2 L38.2,35.1 L50,15 Z")}.moon{clip-path:path("M 50 0 A 50 50 0 1 0 50 100 A 20 50 0 1 1 50 0 Z")}.hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.trapezoid{clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.progress_gray{background-color:gray}.progress_gray,.progress_green{width:10px;height:10px;border-radius:50%}.progress_green{background-color:#4ade80}.progress_red{width:10px;height:10px;background-color:#fb7185;border-radius:50%}