$pie-size:300px;
$pie-bg:#3434AF;
$red:#ed3457;
$green:#248991; 
$orange:#ed8724; 
$line-color:#cecece;
$border-width:5px;
$segment-border-width:1px;

:root{
  font-family: sans-serif;
}

.pie,.target {
  border-radius: 100%;
  position: relative;
}

.pie {
  height: $pie-size;
  width:  $pie-size;
  background-color:$pie-bg;
  top:$border-width;
  left:$border-width;
  &-segment {
    border: dotted $segment-border-width $line-color;
    position: absolute;
    height: 100%;
    width:100%;
  }
}

.target {
  height: ($pie-size + $border-width * 2);
  width:  ($pie-size + $border-width * 2);
  background-color:$line-color;
}