.traffic-light{width:var(--traffic-light-width);height:var(--traffic-light-width);border-radius:50%;display:-webkit-flexbox;display:flex;-webkit-flex-align:center;align-items:center;justify-content:center;text-align:center;color:var(--traffic-light-text-color);font-size:var(--traffic-light-text-size);padding:var(--traffic-light-text-padding);word-break:break-all}.traffic-light--icon{background:transparent none center center no-repeat;background-size:var(--traffic-light-icon-size)}.traffic-light--icon.traffic-light--content .content{color:var(--traffic-light-text-color-with-icon);text-shadow:-1px -1px 0 var(--traffic-light-text-color),1px -1px 0 var(--traffic-light-text-color),-1px 1px 0 var(--traffic-light-text-color),1px 1px 0 var(--traffic-light-text-color)}.traffic-light--green{background-color:var(--traffic-light-green)}.traffic-light--yellow{background-color:var(--traffic-light-yellow)}.traffic-light--orange{background-color:var(--traffic-light-orange)}.traffic-light--red{background-color:var(--traffic-light-red)}.traffic-light--orange-red{background-color:var(--traffic-light-orange-red)}.traffic-light--blue{background-color:var(--traffic-light-blue)}.traffic-light--grey{background-color:var(--traffic-light-grey)}.traffic-light.icon-plan{background-image:url(../images/traffic-light-icons/plan.png)}.traffic-light.icon-design{background-image:url(../images/traffic-light-icons/design.png)}.traffic-light.icon-build{background-image:url(../images/traffic-light-icons/build.png)}.traffic-light.icon-finish{background-image:url(../images/traffic-light-icons/finish.png)}.traffic-light.icon-procure{background-image:url(../images/traffic-light-icons/procure.png)}.traffic-light .hover-content{display:none}.traffic-light--hover:hover{background-color:var(--traffic-light-hover);background-image:none;font-weight:bold}.traffic-light--hover:hover .hover-content{display:inline-block;color:var(--traffic-light-text-color-hover)}.traffic-light--hover:hover .content{display:none}