.come-on-rate-pillarbox {
  box-sizing: border-box;
  padding: 0 2.71111%;
}
.come-on-man {
  stroke: none;
  fill: #808184;
}
.come-on-tick,
.come-on-axis {
  stroke: none;
  fill: #E6E7E8;
}
.come-on-pulse {
  fill: #171717;
  stroke: none;
  stroke-width: 2;
}
.come-on-pulse-text {
  fill: #232323;
  font-family: ProximaNovaCondSemiBold;
}

.rate-circle-centre {
  fill: none;
}
.rate-circle {
  display: none;
}
.rate-circle.active {
  display: block;
}

.rate-circle.translucent.segment1 {
  opacity: 0.92;
}
.rate-circle.translucent.segment2 {
  opacity: 0.65;
}
.rate-circle.translucent.segment3 {
  opacity: 0.30;
}

.rate-circle.translucent2 {
  display: block;
  fill: #000000;
}
.rate-circle.translucent2.segment1 {
  opacity: 0.19;
}
.rate-circle.translucent2.segment2 {
  opacity: 0.12;
}
.rate-circle.translucent2.segment3 {
  opacity: 0.05;
}
.rate-circle.translucent2.segment1.active {
  opacity: 0.7;
}
.rate-circle.translucent2.segment2.active {
  opacity: 0.5;
}
.rate-circle.translucent2.segment3.active {
  opacity: 0.3;
}

.applause .rate-circle-inner {
  fill: #59bd43;
}
.applause .rate-circle.coloured.segment1 {
  fill: #9bac9c;
}
.applause .rate-circle.coloured.segment2 {
  fill: #3d7641;
}
.applause .rate-circle.coloured.segment3 {
  fill: #69966d;
}

.come-on .rate-circle-inner.coloured {
  fill: #ef8a1e;
}
.come-on .rate-circle.coloured.segment1 {
  fill: #c9b293;
}
.come-on .rate-circle.coloured.segment2 {
  fill: #e98a1c;
}
.come-on .rate-circle.coloured.segment3 {
  fill: #eea651;
}

.flag .rate-circle-inner.coloured {
  fill: #01b0db;
}
.flag .rate-circle.coloured.segment1 {
  fill: #b0bec7;
}
.flag .rate-circle.coloured.segment2 {
  fill: #83b2ce;
}
.flag .rate-circle.coloured.segment3 {
  fill: #66aad1;
}

.no .rate-circle-inner.coloured {
  fill: #e21a24;
}
.no .rate-circle.coloured.segment1 {
  fill: #cb9998;
}
.no .rate-circle.coloured.segment2 {
  fill: #e03835;
}
.no .rate-circle.coloured.segment3 {
  fill: #e86664;
}

.yes .rate-circle-inner.coloured {
  fill: #0bb2d4;
}
.yes .rate-circle.coloured.segment1 {
  fill: #8bb0c2;
}
.yes .rate-circle.coloured.segment2 {
  fill: #177dbb;
}
.yes .rate-circle.coloured.segment3 {
  fill: #4e9ccc;
}

.vibe-volume .rate-circle-inner.coloured {
  fill: #d0d523;
}
.vibe-volume .rate-circle.coloured.segment1 {
  fill: #d0cd96;
}
.vibe-volume .rate-circle.coloured.segment2 {
  fill: #eee32f;
}
.vibe-volume .rate-circle.coloured.segment3 {
  fill: #f7f199;
}